Comment créer un formulaire de téléchargement de fichiers dans WordPress

Il n'y a pas si longtemps, l'ajout d'un formulaire de téléchargement de fichiers dans WordPress nécessitait du code personnalisé ou des solutions de contournement peu pratiques. Ce n'était pas exactement convivial pour les débutants, et cela entraînait souvent de la confusion pour les propriétaires de sites et les visiteurs.

C'est pourquoi nous avons passé des années à tester différents outils et à aider les entreprises à rationaliser ce processus.

Disons que vous devez collecter des candidatures, recevoir des commentaires de clients ou rassembler des documents importants pour un projet. Dans ce cas, un formulaire de téléchargement de fichiers peut rendre votre site beaucoup plus efficace et professionnel !

Dans ce guide étape par étape, nous vous montrerons comment créer facilement un formulaire de téléchargement de fichiers dans WordPress à l'aide d'un plugin convivial — aucun codage requis. C'est la même méthode que beaucoup de nos marques partenaires utilisent pour simplifier la collecte de documents et améliorer l'interaction avec les utilisateurs.

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

Un formulaire de téléchargement de fichiers est une excellente idée pour collecter tout type de fichier de vos utilisateurs sur votre site WordPress.

Vous pouvez permettre aux utilisateurs de télécharger des images, des fichiers PDF, des documents Word ou d'autres types de fichiers.

L'utilisation d'un formulaire de téléchargement de fichiers vous facilite la vie ainsi qu'à vos utilisateurs. Au lieu d'échanger des e-mails, vous pouvez créer un formulaire qui inclut tous les champs dont vous avez besoin pour collecter toutes les informations en une seule fois.

De plus, votre formulaire devrait automatiquement enregistrer les données du formulaire dans votre base de données WordPress. Ainsi, vous pouvez facilement trouver les soumissions, même si vous manquez ou supprimez un e-mail.

Cela dit, nous allons vous montrer comment créer un formulaire de téléchargement de fichiers dans WordPress. Voici un bref aperçu de ce que nous allons aborder dans cet article :

Allons-y !

Comment créer un formulaire de téléchargement de fichiers dans WordPress

Pour ce tutoriel, nous utiliserons WPForms, qui est le meilleur constructeur de formulaires en ligne du marché. Il est convivial pour les débutants, tout en étant suffisamment puissant pour gérer des fonctionnalités avancées comme les téléchargements de fichiers, la logique conditionnelle et les formulaires en plusieurs étapes.

Nous utilisons WPForms sur plusieurs de nos sites Web pour gérer des tâches essentielles comme les formulaires de contact, les demandes de migration de site Web et notre sondage annuel auprès des utilisateurs. Il nous a été facile de collecter et de gérer les réponses sans avoir à jongler avec des e-mails ou des feuilles de calcul.

Pour plus d'informations, consultez notre avis complet sur WPForms.

Tout d'abord, vous devrez installer et activer le plugin WPForms. Pour plus d'instructions, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, accédez à la page WPForms » Ajouter un nouveau dans la barre latérale d'administration de WordPress.

Ceci vous mènera à la page « Modèle de recherche », où vous pourrez commencer par nommer votre nouveau formulaire.

Ensuite, vous choisirez comment construire votre formulaire : en utilisant une toile vierge, un générateur de formulaires IA ou un modèle prêt à l'emploi.

Par exemple, si vous choisissez le générateur de formulaires WPForms AI, il vous suffira de décrire le type de formulaire dont vous avez besoin dans une simple invite. WPForms générera alors automatiquement le formulaire pour vous.

Pour ce tutoriel, cependant, nous utiliserons un modèle préfabriqué. Vous pouvez utiliser la barre de recherche pour trouver rapidement le modèle de formulaire de téléchargement de fichiers.

Une fois que vous l'avez trouvé, cliquez simplement sur le bouton « Utiliser le modèle » sous l'option « Formulaire de téléchargement de fichiers ».

Vous serez maintenant dirigé vers le constructeur WPForms, où le formulaire de téléchargement de fichiers sera automatiquement chargé pour vous.

Vous pouvez utiliser le modèle de formulaire de téléchargement de fichiers sans apporter de modifications, ou vous pouvez également faire glisser et déposer des champs de formulaire depuis la barre latérale « Ajouter des champs ».

Ensuite, cliquez sur le champ « Téléchargement de fichier » dans le formulaire pour ouvrir ses paramètres dans la colonne de gauche.

Par défaut, vous pouvez télécharger différents types de fichiers dans le formulaire, notamment :

• Formats de fichiers image : .png, .gif, .jpg
• Documents : .doc, .xls, .ppt, .pdf
• Audio : .wav, .mp3, .mp4
• Vidéo : .mpg, .mov, .wmv

Vous pouvez accepter n'importe quel format de fichier en le tapant dans la boîte « Extensions de fichiers autorisées ».

Pour ce tutoriel, nous allons autoriser les formats d'image .png, .gif et .jpg. Assurez-vous de séparer chaque format de fichier par une virgule.

Vous pouvez également définir une taille de fichier maximale et un nombre maximum de fichiers. Pour notre tutoriel, nous allons permettre aux gens de soumettre jusqu'à 3 photos de 50 Mo chacune.

Si vous souhaitez empêcher les gens de soumettre le formulaire WordPress sans joindre leur(s) fichier(s), vous pouvez activer le commutateur « Requis ». Cela signifie que le formulaire ne peut pas être soumis à moins qu'au moins 1 fichier n'ait été téléchargé.

Ensuite, basculez simplement vers l'onglet « Avancé » en haut.

Par défaut, le champ de téléchargement de fichiers utilise un format moderne qui permet aux utilisateurs de faire glisser et déposer leurs fichiers.

Cependant, si vous avez un espace limité pour votre formulaire ou si vous préférez un champ de téléchargement classique, vous pouvez le modifier. Sélectionnez simplement l'option « Classique » dans le menu déroulant « Style ».

Notez que le champ de téléchargement classique ne permet de télécharger qu'un seul fichier. Si vous souhaitez que les utilisateurs puissent soumettre plus d'un fichier, vous devrez ajouter plusieurs champs de téléchargement de fichiers à votre formulaire.

Vous pouvez également choisir de stocker les fichiers soumis dans la médiathèque WordPress en activant le commutateur « Stocker le fichier dans la médiathèque WordPress » . Cela vous permet d'ajouter facilement les fichiers téléchargés à un article ou à une page.

Par exemple, si vous organisez un concours de photographie, vous voudrez peut-être inclure les meilleures photos lorsque vous annoncerez le gagnant.

Si vous souhaitez modifier l'un des autres champs de votre formulaire, vous pouvez cliquer dessus pour ouvrir les paramètres du champ dans la colonne de gauche.

Vous pouvez également ajouter d'autres champs à votre formulaire de téléchargement de fichiers depuis la colonne de gauche.

Par exemple, vous pourriez vouloir ajouter un champ Site Web/URL au formulaire afin que les utilisateurs puissent vous donner le lien vers leur site Web.

Une fois que votre formulaire vous convient, cliquez sur le bouton « Enregistrer » dans le coin supérieur droit de l'écran pour sauvegarder vos paramètres.

Configuration des notifications de votre formulaire de téléchargement de fichiers

Pour modifier les paramètres de notification du formulaire, vous devez ouvrir l'onglet « Paramètres » sur le côté gauche. Une fois que vous y êtes, cliquez simplement sur l'onglet « Notifications ».

Par défaut, le formulaire envoie une notification par e-mail à {admin_email} lors de la soumission du formulaire.

Si vous avez créé votre site WordPress vous-même, alors ce sera votre adresse e-mail. Sinon, vous pouvez supprimer {admin_email} et taper votre propre adresse e-mail ici à la place.

Cependant, si vous n'êtes pas sûr que {admin_email} soit votre adresse e-mail, visitez simplement la page Réglages » Général depuis votre tableau de bord d'administration WordPress.

Une fois que vous y êtes, recherchez la section « Adresse e-mail d'administration ». Vous pouvez maintenant changer l'adresse e-mail d'administration à partir d'ici.

Une fois que vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres.

Si vous souhaitez que les fichiers soumis soient envoyés à plus d'une personne, consultez notre tutoriel sur comment créer un formulaire de contact avec plusieurs destinataires de notification.

Vous pouvez également modifier le message de confirmation que les utilisateurs voient après la soumission du formulaire.

Pour ce faire, visitez la page Paramètres » Confirmations dans la colonne de gauche. Ensuite, tapez le message dans la zone « Message de confirmation ». Vous pouvez également ajouter des mises en forme comme le gras et l'italique.

Enfin, n'oubliez pas d'enregistrer votre formulaire une fois que vous avez apporté les modifications.

Vous pouvez quitter le constructeur de formulaire en cliquant sur le « X » dans le coin supérieur droit.

Ajout du formulaire de téléchargement de fichiers à votre site Web

Une fois que vous avez terminé de créer votre formulaire, vous devrez l'ajouter à votre site Web.

Pour ce faire, vous devez ouvrir une page/publication WordPress existante ou nouvelle page/publication depuis la barre latérale d'administration. Pour ce tutoriel, nous allons ajouter le formulaire de téléchargement de fichiers à une nouvelle page.

Une fois sur place, cliquez sur le bouton Ajouter un nouveau bloc « (+) » dans le coin supérieur gauche de l'écran et recherchez le bloc WPForms.

Après avoir ajouté le bloc, vous verrez un menu déroulant WPForms s'afficher sur la page.

Sélectionnez le formulaire de téléchargement de fichiers que vous venez de créer.

Enfin, cliquez sur le bouton « Publier » ou « Mettre à jour » pour enregistrer vos modifications. Pour plus de détails, consultez notre guide sur comment intégrer des formulaires WordPress.

Vous pouvez maintenant visiter votre site Web pour voir le formulaire de téléchargement de fichiers en action.

Vous pouvez également apporter des modifications à votre formulaire à tout moment en visitant la page WPForms » Tous les formulaires depuis la barre latérale d'administration.

À partir d'ici, cliquez simplement sur le nom du formulaire ou survolez-le avec votre souris et cliquez sur le lien « Modifier » pour ouvrir le constructeur de formulaires.

Lorsque vous modifiez votre formulaire, il sera automatiquement mis à jour sur votre site Web WordPress, vous n'avez donc pas besoin de l'ajouter à nouveau à votre page.

Visualisation ou téléchargement des fichiers téléchargés

Lorsque quelqu'un envoie un fichier à l'aide de votre formulaire de téléchargement de fichiers, vous pouvez le voir dans votre boîte de réception d'e-mails ou dans votre tableau de bord WordPress.

Avec chaque entrée de formulaire, vous recevrez un e-mail comme celui-ci :

Cliquez simplement sur les liens pour afficher ou télécharger les fichiers eux-mêmes.

Vous pouvez également trouver facilement les fichiers dans votre tableau de bord WordPress. Accédez simplement à la page WPForms » Entrées, puis cliquez sur le nom de votre formulaire.

Vous pouvez voir les fichiers téléchargés dans le tableau des entrées de formulaire WordPress.

Alternativement, vous pouvez cliquer sur le lien « Afficher » pour voir les détails complets de chaque entrée de formulaire.

Astuce bonus 🌟 : Comment styliser vos formulaires WordPress

Une fois que vous avez créé un formulaire de téléchargement de fichiers, il est conseillé de le personnaliser en fonction des couleurs de votre marque. Cela peut rendre votre formulaire visuellement attrayant et encourager davantage d'utilisateurs à le soumettre sur votre site, générant ainsi des prospects.

Vous pouvez facilement le faire avec WPForms. Après avoir ajouté votre formulaire de téléchargement de fichiers à une page ou un article, visitez simplement la page WPForms » Paramètres depuis le tableau de bord WordPress.

Ici, cochez l'option « Utiliser le balisage moderne » et cliquez sur le bouton « Enregistrer les modifications ».

Ouvrez maintenant la page où vous avez ajouté votre formulaire et regardez le panneau de blocs sur la droite. Ici, vous remarquerez de nouveaux paramètres que vous pouvez utiliser pour styliser le formulaire de téléchargement de fichiers.

Vous pouvez modifier les couleurs des champs, les couleurs du texte et les couleurs des boutons pour rendre votre formulaire visuellement attrayant.

Une fois que vous avez terminé, cliquez simplement sur le bouton « Publier » ou « Mettre à jour » en haut pour enregistrer vos paramètres. Vous avez maintenant stylisé avec succès votre formulaire de téléchargement de fichiers.

Pour plus de détails, consultez notre tutoriel sur comment personnaliser et styliser vos formulaires WordPress.

Tutoriel vidéo

Vous préférez des instructions vidéo ? Consultez notre tutoriel YouTube complet sur la façon de créer un formulaire de téléchargement de fichiers dans WordPress :

S'abonner à WPBeginner

Nous espérons que ce tutoriel vous a aidé à apprendre comment créer un formulaire de téléversement de fichiers dans WordPress. Vous pourriez également vouloir consulter notre guide ultime des formulaires WordPress et nos sélections d'experts pour les meilleurs plugins de téléversement de fichiers pour WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.