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

Il n'y a pas si longtemps, ajouter un formulaire de téléchargement de fichiers dans WordPress nécessitait du code personnalisé ou des solutions de contournement maladroites. Ce n'était pas exactement convivial pour les débutants et 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 ?

Avoir un formulaire de téléchargement de fichiers permet à vos visiteurs de vous envoyer des fichiers directement via votre site WordPress de manière rapide, organisée et sécurisée. Ainsi, au lieu de leur demander de vous envoyer un e-mail ou de télécharger des fichiers ailleurs, un formulaire leur permet de tout soumettre directement sur votre site.

L'utilisation d'un formulaire de téléchargement de fichiers facilite la vie à vous et à vos utilisateurs :

• Les utilisateurs n'ont pas à ouvrir leur e-mail, à joindre des fichiers et à expliquer les choses manuellement.
• Vous recevez toutes les informations et tous les fichiers requis dans une seule soumission structurée.
• Les entrées sont enregistrées dans votre base de données WordPress afin que vous puissiez toujours les retrouver, même si vous manquez ou supprimez un e-mail de notification.

De plus, un formulaire de téléchargement de fichiers est incroyablement utile lorsque vous souhaitez que les utilisateurs soumettent des éléments tels que :

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 telles que le téléchargement 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.

Pour commencer, rendez-vous sur le site web de WPForms et créez un compte. Vous pouvez cliquer sur le bouton « Obtenir WPForms maintenant », choisir un plan et finaliser l'inscription.

Après vous être inscrit, vous aurez votre propre tableau de bord de compte WPForms. C'est ici que vous pourrez télécharger le fichier du plugin WPForms et copier votre clé de licence.

Ensuite, vous devrez installer et activer WPForms sur votre site.

Depuis votre tableau de bord WordPress, allez dans Extensions » Ajouter une nouvelle extension.

Sur l'écran suivant, recherchez « WPForms ».

Lorsque vous le verrez dans les résultats, cliquez sur « Installer maintenant », puis sur « Activer » pour terminer le processus. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous voudrez aller dans WPForms » Réglages pour mettre à niveau votre version de WPForms.

Collez votre clé dans le champ « Clé de licence » et cliquez sur le bouton « Vérifier la clé ».

C'est tout : WPForms est maintenant installé et prêt à l'emploi.

Vous pouvez accéder à la page WPForms » Ajouter nouveau depuis la barre latérale d'administration de WordPress. Cela vous mènera à la page « Rechercher un modèle », 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 prendrons en charge les formats d'image tels que PNG, GIF et JPG. Tapez simplement les extensions de fichier dans la boîte, séparées par une virgule.

Vous pouvez également définir une taille de fichier maximale et un nombre maximum de fichiers. Pour notre tutoriel, nous autoriserons les utilisateurs à soumettre jusqu'à 3 photos, avec une taille maximale de 50 Mo. Notez que vous devrez vous assurer que cela ne dépasse pas la limite de téléchargement de votre hébergement.

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 ».

Gardez à l'esprit que le champ de téléchargement « Classique » ne permet aux utilisateurs de télécharger qu'un seul fichier à la fois. Si vous souhaitez accepter plusieurs fichiers, nous vous recommandons de vous en tenir au style « Moderne » par défaut.

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 lors de l'annonce du 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 fournir 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, ouvrez l'onglet « Paramètres » sur la 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 Paramètres » 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 avoir soumis le 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 après avoir effectué 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 de là, cliquez simplement sur le nom du formulaire ou survolez-le et cliquez sur le lien « Modifier » pour ouvrir le constructeur de formulaire.

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. Ouvrez simplement un nouvel onglet de navigateur et visitez la page WPForms » Paramètres depuis votre tableau de bord WordPress

Ici, assurez-vous que l’option « Utiliser le balisage moderne » est cochée (elle est généralement activée par défaut). Cliquez ensuite 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.

FAQ : Créer un formulaire de téléchargement de fichiers dans WordPress

Avant de conclure, voici des réponses rapides aux questions les plus courantes sur la façon de permettre aux visiteurs de télécharger des fichiers sur votre site WordPress.

Comment puis-je permettre aux utilisateurs de télécharger des fichiers sur WordPress ?

La façon la plus simple est d’utiliser un plugin de formulaire de contact comme WPForms. Il vous permet d’ajouter un champ de téléchargement de fichiers à votre formulaire, de contrôler les types de fichiers autorisés et de limiter la taille des fichiers — le tout sans toucher au code. Une fois le formulaire publié, les visiteurs peuvent télécharger des fichiers directement via le formulaire.

Comment permettre aux utilisateurs de télécharger des images sur votre site Web en HTML ?

Vous pouvez utiliser un champ de saisie de fichier HTML de base comme celui-ci :

<input type="file" name="image">

Cependant, cela ne fait que créer le champ de téléchargement. Vous avez toujours besoin de code côté serveur (comme PHP) pour gérer le téléchargement, valider le fichier et l'enregistrer en toute sécurité. C'est pourquoi la plupart des utilisateurs de WordPress préfèrent utiliser un plugin à la place.

Pourquoi WordPress n'autorise-t-il pas mes visiteurs à télécharger des images ?

Cela se produit généralement parce que le type de fichier n'est pas autorisé, comme SVG, le fichier est plus volumineux que la limite de taille de téléchargement de WordPress, ou le rôle de l'utilisateur n'a pas la permission de télécharger des fichiers. Vous pouvez résoudre ce problème en autorisant le type de fichier, en augmentant la limite de taille de téléchargement ou en ajustant les permissions d'utilisateur.

Pourquoi les fichiers ne parviennent-ils pas à être téléchargés sur WordPress ?

Les téléversements de fichiers peuvent échouer si le fichier est trop volumineux, s'il y a un problème de délai d'attente ou de limite de mémoire, ou s'il y a un conflit de plugin ou de thème. La vérification de votre limite de taille de téléversement, l'augmentation des limites PHP et la désactivation temporaire d'autres plugins peuvent vous aider à trouver et à résoudre le problème.

Tutoriel vidéo : Créer un formulaire de téléchargement de fichiers dans WordPress

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 :

Prochaines étapes pour utiliser les formulaires dans WordPress

Nous espérons que ce tutoriel vous a aidé à apprendre comment créer un formulaire de téléversement de fichiers dans WordPress.

Si vous avez trouvé cela utile, vous pourriez également vouloir consulter nos autres guides sur :

• Comment utiliser les formulaires de contact pour développer votre liste d'e-mails
• Comment permettre aux utilisateurs de prendre des photos et des vidéos en direct dans vos formulaires WordPress
• Façons d'utiliser la logique conditionnelle dans les formulaires WordPress
• Conseils pour créer des formulaires plus interactifs dans WordPress
• Meilleurs plugins de téléversement de fichiers pour WordPress
• Guide ultime pour l'utilisation des formulaires 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.