Comment créer un formulaire de téléchargement de fichiers dans WordPress – (Pas à pas)

Vous cherchez à créer un formulaire de téléversement de fichiers dans WordPress ? L'ajout de la fonctionnalité de téléversement de fichiers à vos formulaires WordPress facilite la collecte des informations dont vous avez besoin.

Dans cet article, nous vous montrerons comment créer un formulaire de téléversement de fichiers dans WordPress, étape par étape, de manière simple.

Pourquoi créer un formulaire de téléversement de fichiers dans WordPress ?

L'utilisation d'un formulaire de téléversement de fichiers sur votre site WordPress vous permet de collecter facilement différents types de fichiers et de médias auprès des visiteurs de votre site.

Il existe de nombreuses raisons d'utiliser un formulaire de téléversement de fichiers. Examinons-en quelques-unes :

• Acceptez les candidatures en ligne et permettez aux utilisateurs de joindre leur CV.
• Permettez aux auteurs invités de téléverser des images via des formulaires de soumission d'articles d'invités en façade.
• Donnez aux clients la possibilité de soumettre des captures d'écran ou des preuves
• Exigez une pièce d'identité ou une preuve d'âge pour un achat
• Permettez aux clients potentiels de téléverser des documents afin d'estimer un devis
• Ajoutez des pièces jointes pour une participation à un concours ou à un cadeau

Il existe de nombreuses raisons d'utiliser un formulaire de téléversement de fichiers. Il vous suffit de vous assurer que vous disposez du bon outil qui vous fournira les fonctionnalités dont vous avez besoin.

Choisissez un plugin de formulaire pour WordPress

L'utilisation d'un plugin de formulaire est le moyen le plus simple de publier un formulaire de téléversement de fichiers sur votre site WordPress.

Cependant, il est facile de se laisser submerger par les milliers de plugins de formulaire de téléversement de fichiers WordPress dans l'annuaire des plugins WordPress.org. C'est pourquoi nous avons réduit le choix à une seule option pour vous :

WPForms est le MEILLEUR constructeur de formulaires pour les sites Web WordPress. Vous pouvez l'utiliser pour créer toutes sortes de formulaires pour votre site, y compris des formulaires d'inscription, de connexion, de contact, de devis, et plus encore.

Il existe des formulaires préconçus pour le téléchargement de fichiers. Vous pouvez explorer des modèles, en choisir un qui vous convient le mieux et le personnaliser à l'aide du constructeur par glisser-déposer. C'est tout. Il est vraiment si simple à utiliser que vous n'aurez jamais à toucher à du code.

Voici quelques raisons pour lesquelles WPForms excelle :

1. Facile à utiliser :

WPForm est le plugin de formulaire de contact le plus convivial pour WordPress qui existe. Si vous savez pointer et cliquer, vous pouvez facilement créer un formulaire de contact avec WPForms.

Le backend est simple et construit de manière similaire à l'interface WordPress. Son puissant constructeur par glisser-déposer le rend très facile de créer un beau formulaire de contact en quelques minutes, pas en quelques heures.

2. Modèles de formulaires :

La grande variété de modèles de formulaires inclus avec WPForms vous permet de créer facilement un formulaire WordPress sans avoir toujours à en créer un à partir de zéro.

Si vous souhaitez créer un formulaire WordPress adapté à votre secteur d'activité ou à votre niche, vous pouvez installer le module complémentaire Form Templates Pack. Quel que soit le secteur, vous trouverez le bon modèle de formulaire dans WPForms.

3. Fonctionnalités :

Avec WPForms, la création de formulaires avancés sur votre site Web WordPress est un jeu d'enfant.

Le plugin principal est livré avec toutes les fonctionnalités essentielles dont vous aurez besoin pour créer un formulaire WordPress de base sur votre site. En installant des modules complémentaires, vous pouvez facilement créer des formulaires avancés, tels que des enquêtes et des sondages, des formulaires de connexion, des formulaires d'inscription d'utilisateurs, des formulaires de commande, des formulaires de don, des formulaires d'abonnement à la newsletter, et plus encore.

4. Extensions de fichiers

La sécurité étant une priorité absolue chez WPForms, par défaut, le plugin est configuré pour accepter les mêmes formats par défaut :

• Images comme .png, .gif, .jpg
• Documents tels que .doc, .xls, .ppt, .pdf
• Audio comme .wav, .mp3, .mp4
• Vidéo comme .mpg, .mov, .wmv

Si vous souhaitez accepter des types de fichiers supplémentaires, vous devez simplement installer ce plugin gratuit appelé File Upload Types créé par WPForms. Vous serez autorisé à accepter des fichiers tels que .ai, .zip, .xml, .svg, .csv, .mobi, .cad, .dwg et .dxf. Le plugin vous permet d'accepter toutes les autres extensions de fichiers existantes, y compris les types de fichiers personnalisés.

Pour toutes ces raisons et bien d'autres, nous pensons que WPForms est sans aucun doute le meilleur plugin de téléchargement de fichiers pour WordPress.

Prêt à créer votre formulaire avec une option de téléchargement de fichiers ? Commencez avec WPForms »

Vous voulez commencer avec la version gratuite à la place ? Essayez WPForms Lite.

Bonus : Les utilisateurs d'IsItWP bénéficient d'une réduction de 10 % sur WPForms. Utilisez simplement notre code promo WPForms : SAVE10

Lisez la critique complète de WPForms pour plus d'informations. Nous sommes maintenant prêts à commencer le tutoriel étape par étape.

Étape 1 : Créer un formulaire simple dans WordPress

La première chose à faire est d'installer et d'activer le plugin WPForms.

Ensuite, allez dans WPForms » Ajouter nouveau pour créer un nouveau formulaire.

Vous verrez maintenant l'écran de configuration où vous pouvez choisir un modèle de formulaire et un nom pour votre formulaire. Il y a une barre de recherche sur la gauche qui vous permet de rechercher ou de filtrer les modèles.

Choisissons le modèle Formulaire de téléchargement de fichiers.

Vous serez maintenant dirigé vers le constructeur de formulaires où vous pourrez ajouter de nouveaux champs ou personnaliser les champs existants par glisser-déposer.

Par défaut, le modèle Formulaire de téléchargement de fichiers crée les champs suivants : Nom, Email, Téléphone, Téléchargement de fichiers, et Commentaire ou Message.

Si vous avez choisi un autre modèle qui n'a pas le champ Téléchargement de fichiers, ne vous inquiétez pas. Vous verrez les champs disponibles dans la barre des tâches de gauche. Il vous suffit de sélectionner le champ Téléchargement de fichiers et de le faire glisser dans l'aperçu de votre formulaire.

Ainsi, vous pouvez ajouter autant de nouveaux champs que nécessaire. Certains d'entre eux incluent des curseurs numériques, du HTML, du texte enrichi, des choix multiples et des menus déroulants.

Pour personnaliser un champ, cliquez simplement dessus dans le constructeur et personnalisez-le dans le panneau de gauche. Dans le constructeur, vous pouvez facilement réorganiser les champs du formulaire en les faisant glisser à votre position préférée.

Étape 2 : Personnaliser la fonctionnalité de téléchargement de fichiers

Maintenant que nous avons créé un formulaire de téléchargement simple, vous pouvez personnaliser les paramètres pour répondre à vos besoins.

Lorsque vous sélectionnez le champ Téléchargement de fichier dans l'aperçu de votre formulaire, des options de personnalisation s'ouvrent dans le menu de gauche. Vous pouvez y explorer les paramètres Général, Avancé et Logique intelligente.

Dans les paramètres Général, vous pouvez modifier l'étiquette et la description. Ensuite, il existe des options pour n'autoriser que des extensions de fichiers spécifiques. Par exemple, si vous acceptez des CV, vous pouvez limiter le téléchargement aux formats PDF et Docs et empêcher le téléchargement de formats de fichiers tels que CSV et SVG.

Voici les détails que vous pouvez modifier en cliquant dessus dans le constructeur :

• Étiquette : Indique à vos visiteurs à quoi sert le champ du formulaire.
• Description : Vous pouvez écrire une description si vous souhaitez fournir plus de détails à vos visiteurs sur l'utilisation du champ du formulaire.
• Extensions de fichiers autorisées : Pour des raisons de stockage et de sécurité, vous pouvez restreindre les types de fichiers que vos utilisateurs peuvent télécharger en spécifiant les types dans ce champ, chacun séparé par une virgule.
• Limite de taille de fichier maximale : Vous pouvez spécifier la taille maximale de fichier autorisée en mégaoctets. Par défaut, WPForms autorise un maximum de 128 Mo. Vous pouvez augmenter cette limite si vous acceptez des fichiers volumineux tels que des images haute résolution.
• Nombre maximal de fichiers : Spécifiez le nombre de fichiers qu'une personne peut télécharger. Si vous acceptez une pièce d'identité, le recto et le verso de la carte d'identité suffisent, vous pouvez donc limiter cela à 2 fichiers.
• Obligatoire : Marquez le champ comme obligatoire en sélectionnant la case à cocher.

Dans les paramètres Avancé, vous pouvez décider si vous souhaitez que les pièces jointes soient stockées dans la médiathèque WordPress. Vous pouvez modifier le style et ajouter des classes CSS personnalisées.

Le meilleur, c'est qu'il vous permet même de télécharger plusieurs fichiers à la fois. Tout ce que l'utilisateur a à faire est de glisser-déposer les fichiers dans votre champ de téléchargement de fichiers.

Étape 3 : Activer la logique conditionnelle si nécessaire

La logique conditionnelle dans WPForms vous permet d'afficher ou de masquer des champs en fonction des saisies de l'utilisateur, afin de collecter les informations les plus pertinentes et d'éviter l'encombrement de trop nombreux champs indésirables.

Cette fonctionnalité vous permet d'afficher le champ de formulaire de téléchargement uniquement si un utilisateur souhaite télécharger un fichier. Pour activer la logique conditionnelle, allez dans l'onglet Logique intelligente et activez Activer la logique conditionnelle.

Ainsi, par exemple, dans notre formulaire, nous voulons donner aux utilisateurs la possibilité de télécharger leur pièce d'identité uniquement s'ils en ont une.

Nous avons donc ajouté un champ déroulant qui permet à l'utilisateur de choisir s'il possède déjà un identifiant ou non. Ensuite, nous avons sélectionné le champ Téléchargement de fichier et activé la logique conditionnelle sous l'onglet Logique intelligente. Nous avons sélectionné « Afficher » ce champ si « Avez-vous un identifiant médical existant » est « Oui ».

Maintenant, si l'utilisateur indique qu'il a un identifiant médical, un nouveau champ apparaîtra où il pourra télécharger son identifiant. Sinon, ce champ de téléchargement de fichier n'apparaîtra pas.

Après avoir personnalisé le formulaire, cliquez sur Enregistrer.

Votre formulaire est maintenant prêt à être publié. Avant cela, il y a quelques paramètres dans WPForms que nous aimerions explorer avec vous.

Étape 4 : Configurer les paramètres généraux de votre formulaire de téléchargement de fichiers

Pour configurer les paramètres généraux, allez dans Paramètres » Général.

Ici, vous pouvez configurer les détails suivants :

• Nom du formulaire : Renommez votre formulaire si vous le souhaitez.
• Description du formulaire : Donnez une description au formulaire.
• Texte du bouton de soumission : Personnalisez le texte du bouton du formulaire.
• Prévention du spam : Pour empêcher les soumissions de robots spammeurs, activez simplement cette option.
• Améliorations GDPR : Pour vous conformer aux lois GDPR, vous pouvez désactiver le stockage des entrées du formulaire et des détails de l'utilisateur, tels que les adresses IP et les agents utilisateurs. Pour plus de détails, consultez comment ajouter un champ d'accord GDPR à vos formulaires de contact.

Assurez-vous d'enregistrer votre formulaire lorsque vous avez terminé.

Étape 5 : Ajouter des notifications pour votre formulaire de téléchargement de fichiers

Ensuite, voyons comment configurer les notifications par e-mail pour votre formulaire.

Si les notifications sont activées, vous recevrez un e-mail chaque fois que quelqu'un soumettra un formulaire.

Pour améliorer la délivrabilité des e-mails, les fichiers ne sont pas joints aux e-mails. Au lieu de cela, un lien téléchargeable est envoyé dans les e-mails de notification.

Vous pouvez également créer une nouvelle notification pour envoyer une confirmation à l'utilisateur que vous avez bien reçu sa soumission. Ici aussi, il y a une logique conditionnelle. Cela vous permet d'envoyer différents e-mails en fonction de ce que l'utilisateur sélectionne dans le formulaire.

Par exemple, s'ils joignent des fichiers à leur soumission, vous pouvez leur faire savoir que vous les examinerez et que vous leur répondrez. S'ils n'ont rien joint, vous pouvez leur envoyer un e-mail présentant votre marque ainsi que des instructions étape par étape sur ce qu'ils doivent faire ensuite.

Avec WPForms, vous pouvez également intégrer le formulaire à votre service de marketing par e-mail. Certaines de ces intégrations incluent Constant Contact et Brevo. Cela vous permet d'ajouter automatiquement de nouveaux abonnés à votre liste d'e-mails et de les lancer dans des campagnes par e-mail.

Vous pouvez même ajouter une passerelle de paiement comme Stripe et PayPal pour collecter des paiements en ligne.

Étape 6 : Configurer la confirmation de votre formulaire de téléchargement de fichiers

Ensuite, voyons comment configurer le message de confirmation du formulaire. Le message de confirmation indique à vos visiteurs si le formulaire a été traité avec succès ou non.

WPForms propose 3 types de confirmation parmi lesquels choisir :

1. Message : Vous pouvez afficher un simple message de remerciement confirmant que le formulaire a été traité avec succès.
2. Afficher la page : Vous pouvez rediriger vos clients vers une page de remerciement sur votre site Web en utilisant cette option.
3. Accéder à l'URL (Redirection) : Cette option peut être utilisée lorsque vous souhaitez rediriger les visiteurs du site vers un autre site Web.

Nous allons vous montrer comment configurer une confirmation de formulaire simple dans WPForms.

Accédez à Paramètres » Confirmation dans votre éditeur de formulaire.

Ensuite, sélectionnez le type de confirmation que vous souhaitez créer. Pour les besoins de cet exemple, nous choisirons Message.

Assurez-vous de modifier le message de confirmation comme vous le souhaitez, puis enregistrez vos modifications.

Vous pouvez maintenant publier le formulaire de contact sur votre site web.

Étape 7 : Publier votre formulaire de téléversement de fichiers

Avec WPForms, la publication de votre formulaire de téléversement de fichiers est facile. Le plugin vous permet de publier votre formulaire n'importe où sur votre site, y compris dans les articles, les pages, les widgets de la barre latérale ou les zones de pied de page avec widgets.

Examinons comment publier votre formulaire dans les articles ou les pages.

Créez un nouvel article ou une nouvelle page dans WordPress et ajoutez un nouveau bloc. Choisissez ensuite le bloc WPForms et vous verrez un menu déroulant ajouté à votre page WordPress.

Ici, vous pouvez sélectionner le formulaire que vous venez de créer et publier la page. C'est tout. Vous pouvez également l'ajouter à votre pied de page ou à votre barre latérale sous l'onglet Apparence » Widgets. Vous verrez le widget WPForms que vous pouvez faire glisser et déposer dans votre barre latérale. Vous aurez alors la possibilité d'ajouter un titre et de sélectionner le formulaire.

WPForms prend également en charge les shortcodes si vous en avez besoin. Avec cela, vous avez intégré un formulaire de téléversement de fichiers à votre site web.

Étape 8 : Afficher les fichiers téléversés

Pour afficher les fichiers téléversés, vous pouvez naviguer vers WPForms » Entrées. Vous y verrez des analyses intégrées et tous les formulaires que vous avez créés.

Choisissez le formulaire de téléversement de fichiers ici et vous serez redirigé vers une nouvelle page où vous pourrez voir chaque soumission de formulaire.

Ensuite, vous pouvez afficher les entrées individuelles et vous verrez le fichier disponible ici.

Vous pouvez maintenant trouver les entrées du formulaire, y compris le fichier téléversé, dans votre tableau de bord WordPress. Vous pouvez ajouter des notes à chaque entrée pour garder une trace des choses pour vous-même ou pour travailler en équipe. Vous verrez également des options pour effectuer des actions telles qu'imprimer, exporter, renvoyer la notification ou mettre en surbrillance l'entrée.

C'est tout !

Nous espérons que ce guide vous a aidé à créer facilement un formulaire de téléversement de fichiers WordPress. Vous pouvez faire beaucoup plus avec WPForms. Vous pouvez créer des formulaires d'inscription à des webinaires, des formulaires de candidature à des emplois, des formulaires de concours et tout ce dont vous avez besoin. Pour en savoir plus, lisez notre critique complète de WPForms.

Si vous souhaitez ajouter ce formulaire à une fenêtre contextuelle, nous vous recommandons de consulter OptinMonster. C'est le meilleur constructeur de fenêtres contextuelles axé sur la conversion. Il s'intègre parfaitement à WPForms et affiche le formulaire à l'intérieur de votre fenêtre contextuelle.