Comment créer un formulaire de contact sur WordPress : guide complet 2025
Sommaire de l'article
Introduction
Un formulaire de contact est une composante essentielle de tout site WordPress qui souhaite interagir efficacement avec ses visiteurs. Il permet de centraliser les demandes, de limiter le spam sur votre adresse e‑mail publique et d’offrir une expérience professionnelle à vos utilisateurs.
Sur WordPress, créer un formulaire de contact peut sembler complexe pour un débutant, mais avec les bons plugins, les bonnes pratiques d’ergonomie, quelques réglages techniques et un minimum d’attention à la sécurité et au RGPD, c’est en réalité une tâche simple et rapide.
Dans ce guide détaillé, vous allez apprendreétape parétape comment créer, configurer, sécuriser et optimiser un formulaire de contact sur WordPress, aussi bien avec des plugins populaires (WPForms, Contact Form 7, Forminator, etc.) qu’avec le bloc de formulaire intégré côté WordPress.com. Vous verrezégalement comment améliorer les conversions, respecter la législation et suivre les performances de votre formulaire.
WordPress.org vs WordPress.com : bien comprendre la différence
Avant de créer votre formulaire de contact, il est important de distinguer deux environnements :
- WordPress.org (auto‑hébergé) : vous installez WordPress sur un hébergement de votre choix. Vous avez un accès complet aux plugins, aux thèmes et aux fichiers. C’est dans ce contexte que l’on installe des extensions comme WPForms, Contact Form 7, Forminator, Ninja Forms ou Gravity Forms.
- WordPress.com : plateforme hébergée par Automattic. Selon l’offre choisie, l’accès aux plugins est plus ou moins limité. Pour un simple formulaire de contact, vous pouvez utiliser le bloc “Formulaire” intégré dans l’éditeur de blocs (Gutenberg), qui propose par défaut les champs Nom, Adresse e‑mail et Message.
Dans ce guide, nous nous concentrons principalement sur WordPress.org, tout en indiquant ce qu’il est possible de faire côté WordPress.com lorsque c’est pertinent.
Concepts clés à maîtriser
Pour bien comprendre comment créer un formulaire de contact sur WordPress, il est utile de maîtriser quelques notions de base :
- Plugins : extensions qui ajoutent des fonctionnalités à WordPress sans avoir à coder. Les plugins de formulaires vous permettent de créer des champs, gérer les notifications, stocker les entrées, ajouter un captcha, etc.
- Shortcodes : petits morceaux de texte placés entre crochets (par exemple
[contact-form-7 id="123"]) qui servent à insérer un formulaire ou un autre contenu dynamique dans une page ou un article. - Widgets / Blocs : éléments réutilisables que vous pouvez placer dans différentes zones de votre site (barre latérale, pied de page, zones de widgets ou blocs Gutenberg) pour afficher un formulaire de contact, une newsletter, un menu, etc.
Les plugins comme Contact Form 7, WPForms, Forminator ou Ninja Forms sont particulièrement utiles pour créer des formulaires de contact complets sansécrire de code. WPForms est aujourd’hui utilisé sur plusieurs millions de sites et se distingue par son interface de glisser‑déposer, tandis que Contact Form 7 reste une solution gratuite très répandue et extensible.
Les principaux plugins de formulaires pour WordPress
Voici un aperçu des extensions de formulaires les plus utilisées pour créer un formulaire de contact sur WordPress.org :
- WPForms (freemium) : constructeur de formulaires par glisser‑déposer, très intuitif, avec des modèles prêts à l’emploi (formulaire de contact simple, formulaire de demande de devis, formulaire d’inscription, etc.). Il permet de configurer facilement les notifications e‑mail, les confirmations, la protection anti‑spam et l’intégration avec des services externes.
- Contact Form 7 (gratuit) : plugin historique, extrêmement populaire, basé sur des shortcodes. Il est très flexible mais moins visuel : la personnalisation se fait principalement via unéditeur de balises et du HTML. Idéal si vous maîtrisez déj à un peu le code.
- Forminator (freemium) : plugin moderne avec interface de glisser‑déposer, très utilisé pour créer des formulaires de contact, des sondages, des quiz et des formulaires d’inscription. Il propose nativement des protections anti‑spam et des intégrations marketing.
- Ninja Forms (freemium) : autre constructeur de formulaires par blocs, focalisé sur la simplicité pour les débutants, avec une place importante donnée aux extensions premium pour des besoins avancés.
- Gravity Forms (premium) : plus orienté sites professionnels et projets complexes (workflow, logique conditionnelle avancée, intégrations CRM poussées, systèmes de paiement, etc.).
Pour un simple formulaire de contact, les plus courants chez les débutants sont généralement WPForms, Contact Form 7 et Forminator. Le choix dépendra de votre budget, de votre niveau technique et de vos besoins en termes de design et d’intégrations.
Créer un formulaire de contact avec WPForms (WordPress.org)
WPForms est souvent recommandé aux débutants car il permet de créer un formulaire complet en quelques minutes grâce à son interface graphique.
Étape 1 : Installer et activer le plugin WPForms
- Connectez‑vous à votre tableau de bord WordPress.
- Allez dans le menu Extensions > Ajouter.
- Dans la barre de recherche, tapez WPForms.
- Repérez l’extension “Contact Form by WPForms – Drag & Drop Form Builder for WordPress”.
- Cliquez sur Installer maintenant, puis sur Activer une fois l’installation terminée.
Étape 2 : Créer un nouveau formulaire de contact
- Dans le menu d’administration, rendez‑vous dans WPForms > Ajouter.
- Donnez un nom à votre formulaire (par exemple “Formulaire de contact principal”).
- Sélectionnez le modèle “Formulaire de contact simple”. WPForms génère alors automatiquement un formulaire contenant les champs standards :
- Nom
- Adresse e‑mail
- Message / Commentaire
Vous accédez ensuite à l’interface de construction, où vous pouvez personnaliser votre formulaire grâce au glisser‑déposer.
Étape 3 : Personnaliser les champs du formulaire
Pour adapter votre formulaire à vos besoins :
- Ajoutez des champs supplémentaires (téléphone, sujet, menu déroulant, cases à cocher, consentement RGPD, etc.) en les faisant glisser depuis la colonne de gauche vers la zone de formulaire.
- Cliquez sur chaque champ pour modifier son libellé, son caractère obligatoire, ses options et son format.
- Réorganisez les champs en les déplaçant à la souris pour obtenir un ordre logique (par exemple : Nom, E‑mail, Sujet, Message).
Profitez‑en pour limiter le nombre de champs au strict nécessaire, ce qui aura un impact direct sur le taux de complétion du formulaire.
Étape 4 : Configurer les notifications e‑mail
Les notifications e‑mail déterminent qui recevra un message lorsqu’un visiteur soumet le formulaire :
- Dans l’interface du formulaire WPForms, cliquez sur Paramètres > Notifications.
- Vérifiez que le champ Adresse e‑mail d’envoi à contient bien l’adresse de réception souhaitée (par exemple votre adresse professionnelle).
- Personnalisez l’objet du message (ex. “Nouveau message depuis le formulaire de contact du site”).
- Incluez les champs clés dans le corps de l’e‑mail afin de lire facilement les informations (nom, e‑mail, message, téléphone).
Vous pouvezégalement configurer des notifications multiples (par exemple une pour vous, une pour un collaborateur selon le sujet choisi, etc.) ou envoyer un e‑mail de confirmation au visiteur.
Étape 5 : Définir le message de confirmation
Après l’envoi du formulaire, le visiteur doit recevoir un feedback immédiat pour savoir que sa demande a bienété prise en compte.
- Allez dans Paramètres > Confirmations dans WPForms.
- Choisissez de :
- Afficher un message de confirmation (simple et clair, ex. “Merci, votre message a bienété envoyé. Nous vous répondrons dans les plus brefs délais.”), ou
- Rediriger vers une page de remerciement dédiée (utile pour le suivi de conversion dans Google Analytics).
Étape 6 : Insérer le formulaire sur une page ou un article
Une fois le formulaire créé et configuré, il faut l’afficher sur votre site :
- Créez ouéditez une page (par exemple “Contact”) dans Pages > Ajouter.
- Dans l’éditeur de blocs (Gutenberg), ajoutez un nouveau bloc et recherchez “WPForms”.
- Sélectionnez le bloc WPForms, puis choisissez votre formulaire dans le menu déroulant.
- Enregistrez ou publiez la page.
Vous pouvezégalement insérer le formulaire dans une barre latérale ou un pied de page en utilisant le widget WPForms via Apparence > Widgets, ou encore via un shortcode fourni par WPForms.
Étape 7 : Tester le formulaire de contact
Avant de le laisser en production, testez systématiquement votre formulaire :
- Remplissez tous les champs comme un visiteur le ferait.
- Vérifiez que la validation des champs est correcte (champs obligatoires, format d’e‑mail, etc.).
- Assurez‑vous que vous recevez bien l’e‑mail de notification dans votre boîte de réception (et qu’il n’arrive pas en spam).
- Contrôlez l’affichage sur mobile, tablette et ordinateur afin de garantir une bonne lisibilité.
Créer un formulaire de contact avec Contact Form 7
Contact Form 7 est un autre plugin très utilisé, entièrement gratuit, qui repose principalement sur des shortcodes. Il est un peu moins convivial pour les débutants que WPForms mais reste une excellente option si vous souhaitez un contrôle fin via HTML.
Étape 1 : Installer Contact Form 7
- Dans le tableau de bord WordPress, allez dans Extensions > Ajouter.
- Recherchez “Contact Form 7”.
- Cliquez sur Installer maintenant, puis sur Activer.
Étape 2 : Créer ou modifier un formulaire
- Dans le menu d’administration, cliquez sur Contact > Formulaires de contact.
- Un formulaire par défaut est généralement créé automatiquement. Vous pouvez le modifier ou cliquer sur Ajouter pour créer un nouveau formulaire.
- Donnez un nom à votre formulaire, puis personnalisez les champs via l’éditeur de balises proposé par le plugin.
Étape 3 : Configurer les e‑mails et les messages
Dans les onglets de Contact Form 7, vous pouvez :
- Définir l’adresse de destination pour les e‑mails reçus.
- Personnaliser les modèles d’e‑mail envoyés à l’administrateur et, si besoin, à l’utilisateur.
- Adapter les messages d’erreur et de succès (par exemple, pour remercier le visiteur après l’envoi).
Étape 4 : Insérer le formulaire avec un shortcode
- Lorsque votre formulaire est prêt, un shortcode est affiché en haut de la page d’édition du formulaire (par exemple
[contact-form-7 id="123" title="Formulaire de contact"]). - Copiez ce shortcode.
- Ouvrez la page de contact dans Pages > Toutes les pages puis cliquez sur Modifier.
- Collez le shortcode à l’endroit où vous souhaitez afficher le formulaire (dans un bloc “Code court” ou “Paragraphe”).
- Enregistrez ou mettez à jour la page, puis testez le formulaire en front‑office.
Créer un formulaire de contact avec Forminator ou Ninja Forms
Si vous préférez une alternative moderne, Forminator et Ninja Forms offrent eux aussi un constructeur visuel de formulaires :
- Installation via Extensions > Ajouter, comme pour tout plugin.
- Création d’un nouveau formulaire à partir d’un modèle de contact.
- Personnalisation par glisser‑déposer des champs, configuration des e‑mails et des confirmations.
- Insertion du formulaire via bloc dédié dans Gutenberg ou via shortcode.
Ces solutions sont particulièrement intéressantes si vous voulez, en plus du contact, créer des sondages, quiz, formulaires d’inscription ou intégrer des paiements en ligne.
Créer un formulaire de contact avec le bloc Formulaire (WordPress.com)
Si votre site est hébergé sur WordPress.com et que vous ne disposez pas forcément d’un accès complet aux plugins, vous pouvez utiliser le bloc “Formulaire” intégré à l’éditeur de blocs :
- Éditez ou créez une page de contact.
- Ajoutez un nouveau bloc et recherchez “Formulaire”.
- Sélectionnez le bloc de formulaire de contact proposé.
- Un modèle standard contenant les champs Nom, Adresse e‑mail et Message est inséré automatiquement.
- Personnalisez les champs, les libellés et le message de confirmation directement dans l’éditeur.
Ce bloc est suffisant pour la plupart des besoins simples et ne nécessite aucun plugin supplémentaire.
Bonnes pratiques pour un formulaire de contact efficace
Créer un formulaire technique ne suffit pas : pour qu’il soit réellement utile, il doitêtre clair, rapide à remplir et rassurant pour vos visiteurs.
Simplicité et nombre de champs
- Limiter le nombre de champs : plus il y a de champs, plus le risque d’abandon estélevé. Contentez‑vous des informations indispensables (souvent : nom, e‑mail, message).
- Utilisez des champs optionnels plutôt qu’obligatoires pour les informations non critiques (téléphone, société, budget, etc.).
- En cas de besoin spécifique (demande de devis, inscription à unévénement), regroupez les champs par sections logiques pour faciliter la lecture.
Formulaire mobile‑friendly
- Vérifiez que votre formulaire est pleinement responsive : lisible et utilisable sur smartphone, avec des champs suffisamment larges et un bouton d’envoi bien visible.
- Évitez les colonnes multiples sur mobile, qui peuvent rendre le formulaire difficile à remplir.
- Testez sur plusieurs tailles d’écran et navigateurs pour détecter tout problème d’affichage.
Feedback immédiat et messages clairs
- Affichez un message de confirmation clair une fois le formulaire envoyé (par exemple : “Merci pour votre message, nous vous répondrons sous 24à 48 heures.”).
- Personnalisez les messages d’erreur pour indiquer précisément ce qui manque (champ obligatoire, adresse e‑mail invalide, etc.).
- Envisagez une page de remerciement dédiée, que vous pourrez utiliser pour recommander d’autres contenus ou suivre les conversions.
Améliorer l’expérience utilisateur
- Utilisez des listes déroulantes ou des boutons radio lorsque c’est pertinent (par exemple pour choisir le sujet de la demande) afin de gagner du temps et d’éviter les erreurs de saisie.
- Placez des libellés explicites au‑dessus des champs (et non uniquement en placeholder) pour rester lisible même après la saisie.
- Indiquez clairement les champs obligatoires (par exemple avec un astérisque) et limitez‑les à l’essentiel.
Sécurité et anti‑spam pour votre formulaire WordPress
Les formulaires de contact sont souvent ciblés par les robots de spam. Pour protéger votre site et votre boîte de réception, il est important de mettre en place quelques mécanismes :
reCAPTCHA et autres captchas
- De nombreux plugins (WPForms, Forminator, Contact Form 7 via extensions, etc.) permettent d’intégrer Google reCAPTCHA ou des captchas similaires.
- Vous pouvez configurer une version invisible ou reCAPTCHA v2 (case à cocher) pour limiter les envois automatisés sans trop gêner l’utilisateur.
Honeypot et filtrage anti‑spam
- Certains formulaires proposent un champ honeypot, invisible pour l’utilisateur mais détectable par les robots. Lorsqu’il est rempli, la soumission est automatiquement bloquée.
- Vous pouvez combiner cette approche avec un filtre anti‑spam côté serveur ou via un plugin anti‑spam global pour WordPress.
Protection des données et sécurité générale
- Assurez‑vous que votre site est accessible via HTTPS (certificat SSL), afin que les données du formulaire soient chiffrées lors de la transmission.
- Mettez régulièrement à jour WordPress, vos plugins et votre thème pour réduire les failles potentielles.
- Limitez l’accès au tableau de bord aux comptes nécessaires et utilisez des mots de passe forts pour votre administrateur.
Respecter le RGPD et la confidentialité
Si vous recevez des données personnelles via votre formulaire de contact (nom, e‑mail, téléphone, etc.), vous devez respecter les principes du RGPD etêtre transparent sur l’usage de ces données.
Informer l’utilisateur
- Ajoutez une phrase d’information sous le formulaire expliquant brièvement comment vous utilisez les données (par exemple : “Les informations recueillies via ce formulaire sont utilisées uniquement pour répondre à votre demande de contact.”).
- Incluez un lien vers votre politique de confidentialité afin que l’utilisateur puisse en savoir plus.
Case de consentement
- Pour certaines utilisations (inscription à une newsletter, prospection commerciale, etc.), il est recommandé d’ajouter une case à cocher de consentement explicite, non précochée.
- Formulez clairement la finalité (ex. “J’accepte que mes données soient utilisées pour recevoir des informations commerciales de la part de [Nom de l’entreprise].”).
Gestion et durée de conservation des données
- Définissez une durée de conservation raisonnable pour les messages envoyés via le formulaire et indiquez‑la dans votre politique de confidentialité.
- Permettez aux utilisateurs de demander la suppression de leurs données ou l’accès à celles‑ci, conformément à la réglementation.
Réglages techniques : e‑mails, SMTP et délivrabilité
Un formulaire de contact n’a d’intérêt que si les messages arrivent correctement dans votre boîte de réception. Il est donc essentiel de soigner la délivrabilité des e‑mails.
Adresse de destination et expéditeur
- Vérifiez dans votre plugin que l’adresse de destination des notifications e‑mail est bien celle sur laquelle vous lisez vos messages au quotidien.
- Utilisez une adresse d’expéditeur cohérente avec votre domaine (par exemple contact@votredomaine.com) plutôt qu’une adresse gratuite générique, pour limiter le risque de spam.
Utiliser un service SMTP
- Pour maximiser la délivrabilité, configurez l’envoi de vos e‑mails via un service SMTP ou un service d’e‑mail transactionnel (SendGrid, Mailgun, etc.) à l’aide d’un plugin SMTP dédié.
- De nombreux hébergeurs recommandent désormais cette solution plutôt que l’envoi direct depuis le serveur, souvent bloqué ou limité.
Tests réguliers
- Après toute modification importante (changement de thème, migration, ajout d’un nouveau plugin de sécurité), testez à nouveau vos formulaires.
- Demandezéventuellement à une autre personne d’effectuer des tests depuis une adresse e‑mail différente pour vérifier la réception.
Analyser et optimiser les performances du formulaire
Pour améliorer la conversion de votre formulaire de contact, il est utile de mesurer son efficacité au fil du temps.
Suivre les conversions
- Créez une page de remerciement spécifique et redirigez‑y les utilisateurs après l’envoi du formulaire. Vous pourrez ainsi suivre les conversions en configurant des objectifs dans votre outil d’analyse (par exemple Google Analytics ou une alternative respectueuse de la vie privée).
- Analysez le rapport entre le nombre de visites sur la page de contact et le nombre de formulaires soumis pour estimer votre taux de conversion.
Identifier les points de friction
- Si vous constatez un faible nombre d’envois, testez une version plus courte du formulaire pour voir si le taux de complétion s’améliore.
- Vérifiez que le chargement de la page est rapide et que le formulaire n’est pas masqué par d’autreséléments (bannières, pop‑ups intrusifs, etc.).
Optimiser régulièrement
- Réévaluez régulièrement les champs demandés : certains peuvent devenir inutiles ouêtre remplacés par des listes déroulantes pour accélérer la saisie.
- Adaptez votre message de confirmation pour donner des indications plus précises sur le délai de réponse ou lesétapes suivantes, ce qui rassure vos visiteurs.
Foire Aux Questions (FAQ)
Question : Quels sont les meilleurs plugins pour créer un formulaire de contact sur WordPress ?
Réponse : Pour un site WordPress.org, les plugins les plus populaires sont WPForms, Contact Form 7, Forminator, Ninja Forms et Gravity Forms. WPForms, Forminator et Ninja Forms sont particulièrement adaptés aux débutants grâce à leur interface de glisser‑déposer, tandis que Gravity Forms est très apprécié pour les besoins avancés professionnels.
Question : Comment puis‑je améliorer la conversion de mon formulaire de contact ?
Réponse : Simplifiez le formulaire en réduisant le nombre de champs, optimisez l’affichage sur mobile, utilisez des libellés clairs, proposez des champs optionnels plutôt qu’obligatoires lorsque c’est possible, et fournissez un retour immédiat après l’envoi (message de confirmation ou page de remerciement). Surveillez vos statistiques de visite et ajustez progressivement votre formulaire en fonction des résultats.
Question : Est‑ce que je peux personnaliser l’apparence de mon formulaire ?
Réponse : Oui, la plupart des plugins de formulaire permettent de personnaliser le style via leurs réglages internes ou via du CSS personnalisé. Vous pouvez modifier les couleurs, la taille des champs, le style du bouton d’envoi, les marges, etc. Avec certains plugins comme WPForms, Forminator ou Gravity Forms, l’interface proposeégalement des options de mise en forme directement dans le constructeur.
Question : Comment protéger mon formulaire de contact contre le spam ?
Réponse : Activez les fonctionnalités anti‑spam de votre plugin (honeypot, filtrage), intégrez un reCAPTCHA ou une solutionéquivalente, et mettez à jour régulièrement WordPress et vos extensions. Vous pouvezégalement utiliser un plugin anti‑spam global pour renforcer la protection de l’ensemble de votre site.
Question : Dois‑je prévoir quelque chose de particulier pour le RGPD ?
Réponse : Oui, il est recommandé d’indiquer clairement la finalité de la collecte des données, d’ajouter une mention vers votre politique de confidentialité et, si nécessaire, une case de consentement explicite pour certains traitements (newsletter, prospection commerciale, etc.). Veillezégalement à définir une durée de conservation raisonnable des données envoyées via le formulaire.
Conclusion
Créer un formulaire de contact sur WordPress est uneétape cruciale pour faciliter l’échange avec vos visiteurs et donner une image professionnelle de votre site. Que vous utilisiez un plugin comme WPForms, Contact Form 7, Forminator, Ninja Forms ou Gravity Forms, ou encore le bloc de formulaire intégré sur WordPress.com, la démarche reste similaire : installer l’outil, créer le formulaire, le personnaliser, configurer les notifications et l’insérer dans une page de contact.
En appliquant les bonnes pratiques présentées dans cet article — simplicité des champs, optimisation mobile, feedback immédiat, protection anti‑spam, respect du RGPD et réglages techniques adaptés — vous mettez toutes les chances de votre côté pour obtenir un formulaire de contact efficace, sécurisé et performant. Pensez enfin à tester et optimiser régulièrement votre formulaire en fonction des retours utilisateurs et des données de votre outil d’analyse afin de maintenir un taux de conversionélevé sur la durée.
Articles similaires
Besoin d'aide avec votre SEO ?
Notreéquipe d'experts peut vous aider à optimiser votre site e-commerce