Comment créer un formulaire de contact WordPress (guide complet)
Sommaire de l'article
Introduction
Un formulaire de contact est une composante essentielle pour tout site WordPress professionnel. Il permet aux visiteurs de communiquer facilement avec vous ou votre équipe, que ce soit pour des demandes d'informations, des devis, un support client ou des commentaires. Sans formulaire de contact, vous êtes obligé d’afficher une adresse e-mail, ce qui augmente fortement les risques de spam et peut dégrader l’expérience utilisateur.
Créer un formulaire de contact WordPress peut sembler complexe pour les débutants, mais en réalité le processus est très accessible grâce aux extensions spécialisées et aux blocs intégrés à l’éditeur de contenus. Dans cet article complet et professionnel, vous allez découvrir, étape par étape, comment créer, configurer et optimiser un formulaire de contact WordPress, que vous utilisiez un site auto‑hébergé (WordPress.org) ou un site WordPress.com.
Avant de commencer, il est important de comprendre que le choix du bon outil et la mise en place de bonnes pratiques sont essentiels pour garantir un fonctionnement optimal, une excellente expérience utilisateur et de bonnes performances SEO.
WordPress.org vs WordPress.com : bien comprendre le contexte
Le terme WordPress recouvre deux réalités différentes, qui n’offrent pas les mêmes options pour créer un formulaire de contact :
- WordPress.org (auto‑hébergé) : vous installez WordPress sur votre propre hébergement. Vous pouvez ajouter les extensions (plugins) de votre choix comme Contact Form 7, WPForms, Ninja Forms, Forminator, etc. C’est la solution la plus flexible.
- WordPress.com : plateforme hébergée qui propose différentes offres. Pour créer un formulaire de contact, vous pouvez utiliser le bloc Formulaire (Formulaire de contact, Formulaire d’inscription, etc.) directement dans l’éditeur de blocs, sans installer d’extension tierce sur les offres compatibles.
Dans ce guide, nous allons couvrir les deux cas :
- comment créer un formulaire de contact avec un plugin sur WordPress.org ;
- comment ajouter un formulaire de contact avec le bloc Formulaire sur WordPress.com.
Concepts clés pour créer un formulaire de contact WordPress
Pour créer un formulaire de contact WordPress efficace, il est utile de maîtriser quelques concepts clés :
- Plugins WordPress (extensions) : les plugins sont des modules qui ajoutent des fonctionnalités à votre site. Pour créer un formulaire de contact WordPress gratuit ou payant, des plugins comme Contact Form 7, WPForms, Ninja Forms ou Forminator sont aujourd’hui très populaires sur les sites auto‑hébergés.
- Blocs (éditeur Gutenberg) : sur WordPress.com et sur les versions récentes de WordPress.org, l’éditeur de blocs vous permet d’ajouter des éléments comme un bloc « Formulaire », un bloc « Shortcode » ou un bloc spécifique fourni par un plugin de formulaire.
- Shortcodes : les shortcodes sont de petits codes entre crochets, par exemple
[contact-form-7 id="123"], qui permettent d’insérer rapidement un formulaire de contact ou un autre élément dans une page ou un article WordPress. - CSS et JavaScript : si vous souhaitez personnaliser votre formulaire de contact WordPress au‑delà des options proposées par les plugins (mise en forme avancée, animations, interactions), des notions de CSS et de JavaScript seront utiles.
- Notifications e‑mail : la plupart des plugins vous permettent de définir à quelle adresse e‑mail sont envoyées les soumissions du formulaire, de personnaliser l’objet et le contenu de ces messages, et d’envoyer des accusés de réception à l’internaute.
- Messages de confirmation : une fois le formulaire envoyé, l’utilisateur doit voir un message de confirmation clair (ou être redirigé vers une page de remerciement). Cette étape est gérée dans les réglages de l’extension ou du bloc utilisé.
- Protection anti‑spam : pour limiter les robots et les messages indésirables, il est fréquent d’intégrer un CAPTCHA, reCAPTCHA ou un système de filtrage (honeypot, limite de soumissions, etc.).
Ces concepts clés vous aideront à comprendre les différentes étapes nécessaires pour créer et améliorer votre formulaire de contact WordPress, qu’il soit gratuit ou payant.
Choisir le bon outil : plugins et solutions disponibles
Le choix de l’outil dépend de votre niveau technique, de votre budget et du type de site (blog, site vitrine, site e‑commerce, site institutionnel, etc.). Voici un tour d’horizon des solutions les plus utilisées.
Plugins populaires sur WordPress.org (auto‑hébergé)
- Contact Form 7 :
Extension gratuite historique et très populaire pour créer un formulaire de contact WordPress simple. Elle permet de créer plusieurs formulaires, de les personnaliser via une syntaxe proche du HTML et de les insérer grâce à un shortcode. Elle est régulièrement mise à jour et reste largement utilisée sur des millions de sites. En revanche, l’interface est moins intuitive pour les grands débutants et certaines personnalisations avancées nécessitent des connaissances en HTML et CSS.
- WPForms :
Plugin freemium (version gratuite et version payante) très convivial, basé sur un constructeur de formulaires par glisser‑déposer. Il est utilisé par plus de 6 millions de sites web dans le monde et est souvent mis en avant pour sa facilité d’utilisation, en particulier pour les débutants. La version gratuite permet de créer des formulaires de contact simples, tandis que la version payante ajoute des fonctionnalités avancées (formulaires multi‑étapes, paiements, intégrations marketing, formulaires conditionnels, etc.).
- Ninja Forms :
Plugin de formulaire de contact WordPress gratuit avec une interface visuelle moderne. Il propose un cœur gratuit et de nombreuses extensions payantes pour ajouter des fonctionnalités avancées (paiements, intégrations CRM, champs conditionnels, etc.).
- Forminator :
Plugin moderne, très apprécié pour son interface visuelle claire. Il permet de créer des formulaires de contact, des sondages, des quiz et des formulaires d’inscription. La version gratuite est déjà très complète.
Bloc Formulaire sur WordPress.com
Sur WordPress.com, la façon la plus simple d’ajouter un formulaire de contact est d’utiliser le bloc Formulaire disponible directement dans l’éditeur de blocs. Selon l’offre choisie, vous pouvez notamment :
- ajouter un bloc « Formulaire de contact » prêt à l’emploi ;
- modifier les champs, les libellés et les messages de confirmation depuis l’éditeur ;
- recevoir les soumissions par e‑mail et parfois les consulter dans l’interface d’administration.
C’est une solution idéale si vous ne souhaitez pas gérer vous‑même l’installation d’extensions, ou si vous débutez avec un site WordPress.com.
Étapes pour créer un formulaire de contact avec un plugin (WordPress.org)
Étape 1 : installer et activer un plugin de formulaire
Sur un site WordPress auto‑hébergé (WordPress.org), commencez par installer le plugin de votre choix depuis le répertoire officiel :
- connectez‑vous à votre tableau de bord WordPress ;
- allez dans le menu Extensions > Ajouter ;
- recherchez le nom du plugin, par exemple « Contact Form 7 », « WPForms » ou « Forminator » ;
- cliquez sur Installer, puis sur Activer.
Une fois le plugin activé, un nouveau menu apparaît généralement dans le tableau de bord (par exemple Contact pour Contact Form 7 ou WPForms pour WPForms).
Étape 2 : créer un premier formulaire de contact
Les détails varient selon le plugin, mais le principe général reste similaire :
- ouvrez le menu du plugin (par exemple Contact > Formulaires ou WPForms > Ajouter) ;
- cliquez sur Ajouter un nouveau formulaire ;
- donnez un nom clair à votre formulaire, par exemple « Formulaire de contact principal » ;
- sélectionnez un modèle de formulaire de contact simple si le plugin le propose (modèle « Formulaire de contact simple » ou « Contact form ») ;
- personnalisez les champs selon vos besoins (nom, e‑mail, sujet, message, téléphone, consentement RGPD, etc.).
La plupart des plugins insèrent par défaut les champs de base :
- champ Nom ;
- champ E‑mail (obligatoire) ;
- champ Objet ou Sujet ;
- champ Message ;
- bouton Envoyer.
Vous pouvez ensuite ajouter, supprimer ou réorganiser les champs via l’interface du plugin.
Étape 3 : configurer les notifications et confirmations
Avant de publier votre formulaire, il est indispensable de vérifier les réglages de notification :
- Adresse de destination : assurez‑vous que les messages sont envoyés à une adresse e‑mail que vous consultez régulièrement (par exemple
contact@votredomaine.com). - Objet du message : utilisez un objet clair, par exemple « Nouveau message depuis le formulaire de contact du site ».
- Adresse d’expéditeur : certains plugins permettent de définir l’e‑mail de l’expéditeur comme une adresse du domaine (pour améliorer la délivrabilité) et d’inclure l’e‑mail du visiteur dans le contenu du message.
- Message de confirmation : personnalisez le texte affiché après l’envoi du formulaire, par exemple « Merci pour votre message, nous reviendrons vers vous dans les plus brefs délais. ».
- Page de remerciement : vous pouvez, au lieu d’un simple message, rediriger l’utilisateur vers une page de remerciement dédiée, ce qui est pratique pour le suivi des conversions dans Google Analytics.
Étape 4 : protéger votre formulaire contre le spam
Les formulaires de contact sont des cibles fréquentes pour le spam automatisé. Pour limiter ce phénomène, vous pouvez :
- activer un CAPTCHA ou reCAPTCHA (Google reCAPTCHA v2 ou v3, par exemple) si votre plugin le permet ;
- utiliser un champ « honeypot » (champ caché que seuls les robots remplissent) ;
- limiter le nombre de messages envoyés par une même adresse IP sur une période donnée ;
- activer des filtres ou des services anti‑spam complémentaires si nécessaire.
Étape 5 : insérer le formulaire dans une page ou un article
Une fois votre formulaire de contact prêt, vous devez l’ajouter à une page existante ou à une nouvelle page dédiée, par exemple une page « Contact » :
- créez une nouvelle page via Pages > Ajouter ou ouvrez votre page de contact existante ;
- dans l’éditeur de blocs, ajoutez soit :
- un bloc spécifique du plugin (par exemple bloc « WPForms ») et sélectionnez votre formulaire dans la liste déroulante ;
- un bloc « Shortcode », puis collez le shortcode fourni par votre plugin (par exemple le shortcode de Contact Form 7) ;
- ou, dans certains thèmes ou constructeurs de pages, utilisez un widget ou un module dédié au plugin.
- ajoutez un titre clair à votre page, comme « Contact », « Nous contacter » ou « Entrer en contact » ;
- rédigez éventuellement un court texte d’introduction expliquant quand et comment vous répondez aux messages ;
- enregistrez et publiez la page.
Pensez à ajouter un lien vers cette page de contact dans votre menu principal, votre pied de page ou votre barre latérale afin que les visiteurs puissent y accéder facilement.
Étape 6 : tester votre formulaire de contact
Avant de considérer votre formulaire comme opérationnel, effectuez plusieurs tests :
- remplissez le formulaire comme un visiteur en utilisant une adresse e‑mail de test ;
- vérifiez que le message est bien envoyé et reçu dans votre boîte de réception ;
- contrôlez la mise en forme du message, les informations transmises et l’objet de l’e‑mail ;
- testez le formulaire sur ordinateur, tablette et smartphone pour vérifier l’affichage responsive ;
- testez également les cas d’erreur (champs obligatoires laissés vides, e‑mail au mauvais format, etc.) pour vérifier que les messages d’erreur sont clairs et visibles.
Créer un formulaire de contact avec le bloc Formulaire (WordPress.com)
Si vous utilisez WordPress.com, l’ajout d’un formulaire de contact est encore plus direct grâce au bloc intégré.
Étape 1 : ouvrir la page où ajouter le formulaire
- connectez‑vous à votre compte WordPress.com ;
- accédez à la page ou à l’article où vous souhaitez afficher le formulaire de contact, ou créez une nouvelle page « Contact » ;
- cliquez sur le bouton pour ajouter un nouveau bloc.
Étape 2 : ajouter le bloc Formulaire de contact
- dans le sélecteur de blocs, recherchez le mot « Formulaire » ;
- choisissez le bloc Formulaire, puis, parmi les modèles proposés, sélectionnez Formulaire de contact ;
- un formulaire pré‑configuré (nom, e‑mail, message) est inséré automatiquement dans votre page.
Étape 3 : personnaliser le formulaire
Une fois le bloc ajouté, vous pouvez :
- modifier les libellés des champs (par exemple « Votre nom », « Votre adresse e‑mail », « Votre message ») ;
- ajouter ou supprimer des champs (téléphone, sujet, menu déroulant, etc.) ;
- choisir quels champs sont obligatoires ;
- personnaliser le message de confirmation affiché après l’envoi.
Étape 4 : vérifier la réception des messages
WordPress.com envoie généralement les soumissions de formulaire à l’adresse e‑mail associée à votre compte ou à celle configurée dans les réglages du bloc. Assurez‑vous que cette adresse est correcte et testez plusieurs envois pour confirmer le bon fonctionnement.
Bonnes pratiques pour un formulaire de contact WordPress efficace
Limiter le nombre de champs
Un formulaire trop long décourage les visiteurs. Pour un simple formulaire de contact, limitez‑vous en général à :
- Nom et/ou prénom ;
- Adresse e‑mail ;
- Objet (facultatif) ;
- Message ;
- Éventuellement téléphone et consentement RGPD si nécessaire.
Chaque champ doit avoir une utilité claire. Si une information n’est pas indispensable pour répondre au message, il est souvent préférable de ne pas la demander.
Améliorer la structure et la lisibilité
Pour un formulaire agréable à utiliser, veillez à :
- utiliser des libellés clairs et visibles ;
- grouper logiquement les informations (coordonnées, message, consentement) ;
- prévoir une mise en page responsive, lisible sur mobile et tablette ;
- utiliser des messages d’erreur explicites (par exemple « Veuillez renseigner une adresse e‑mail valide »).
Appliquer de bonnes pratiques de sécurité
Pour éviter les abus et les attaques potentielles :
- activez une solution anti‑spam (CAPTCHA, reCAPTCHA, honeypot) ;
- utilisez toujours une version à jour de votre plugin de formulaire ;
- mettez à jour régulièrement WordPress, votre thème et vos autres extensions ;
- limitez l’accès au tableau de bord aux personnes de confiance.
Tenir compte du RGPD et de la confidentialité
Si vous collectez des données personnelles (nom, e‑mail, téléphone, etc.) de visiteurs situés dans l’Union européenne, vous devez respecter le RGPD :
- indiquez clairement l’usage des données recueillies (réponse aux messages, support, etc.) ;
- ajoutez un lien vers votre politique de confidentialité à proximité du formulaire ;
- si nécessaire, ajoutez une case à cocher de consentement explicitant l’utilisation des données ;
- évitez de demander des informations sensibles sans nécessité.
Outils et ressources pour suivre les performances de votre formulaire
Créer un formulaire de contact WordPress ne suffit pas : il est utile de mesurer son efficacité et de l’améliorer en continu.
Utiliser Google Analytics
En intégrant Google Analytics (ou un autre outil d’analyse) à votre site, vous pouvez :
- suivre le nombre de visites sur la page de contact ;
- mesurer le taux de conversion (proportion de visiteurs qui envoient un message) ;
- analyser les sources de trafic qui génèrent le plus de demandes (SEO, réseaux sociaux, campagnes publicitaires, etc.).
Pour un suivi plus précis, vous pouvez configurer des objectifs ou des événements liés à l’envoi du formulaire, par exemple via une page de remerciement spécifique ou un évènement déclenché au clic sur le bouton d’envoi.
Utiliser les statistiques de WordPress et des plugins
Certains plugins de formulaires et certaines plateformes fournissent également des statistiques internes :
- nombre de soumissions sur une période donnée ;
- taux de champs non remplis ou abandonnés ;
- types de formulaires les plus utilisés.
Ces données vous permettent d’identifier les points de friction et d’optimiser la structure du formulaire (suppression de champs inutiles, réorganisation de l’ordre des champs, clarification des libellés, etc.).
Impact du formulaire de contact sur le SEO
Un formulaire de contact bien conçu contribue de manière indirecte au référencement naturel de votre site WordPress :
- il améliore l’expérience utilisateur, ce qui peut réduire le taux de rebond sur la page de contact et augmenter le temps passé sur le site ;
- il renforce la confiance des visiteurs et des moteurs de recherche en montrant qu’il est facile de vous contacter ;
- la page de contact peut être optimisée pour des requêtes comme « contact + votre activité + votre ville » ;
- un bon maillage interne (liens vers la page de contact depuis le menu, le pied de page et des pages clés) aide les moteurs de recherche à mieux explorer votre site.
Pour optimiser la page contenant le formulaire de contact pour le SEO, vous pouvez :
- choisir un titre de page pertinent (par exemple « Contact – Agence web à Paris ») ;
- rédiger un court paragraphe introductif incluant vos principaux mots‑clés (activité, zone géographique, type de service) ;
- compléter les balises méta (titre et description) via votre extension SEO habituelle ;
- ajouter des informations pratiques (adresse, téléphone, horaires) si vous avez un lieu physique, éventuellement avec une carte intégrée.
Exemples de formulaires selon les besoins
Formulaire de contact simple
Convient pour un blog, un petit site vitrine ou un portfolio :
- Nom ;
- E‑mail ;
- Objet (facultatif) ;
- Message ;
- Case de consentement à la politique de confidentialité (si nécessaire).
Formulaire de demande de devis
Adapté pour une agence, un freelance ou une entreprise de services :
- Nom / Société ;
- E‑mail et téléphone ;
- Type de prestation souhaitée (menu déroulant) ;
- Budget estimé (champ numérique ou liste déroulante) ;
- Délai souhaité ;
- Description du projet ;
- Case de consentement et éventuelle pièce jointe si le plugin le permet.
Formulaire de support client
Utile pour un site e‑commerce ou un service en ligne :
- Nom ;
- E‑mail ;
- Numéro de commande (si applicable) ;
- Type de demande (support technique, facturation, réclamation, etc.) ;
- Description du problème ;
- Possibilité d’ajouter des captures d’écran ou documents.
FAQ – Questions fréquentes sur les formulaires de contact WordPress
- Quels sont les meilleurs plugins pour créer un formulaire de contact WordPress ?
Sur un site WordPress.org auto‑hébergé, des extensions comme Contact Form 7, WPForms, Ninja Forms ou Forminator figurent parmi les solutions les plus utilisées. Contact Form 7 est idéal si vous recherchez une solution gratuite et flexible. Si vous préférez une interface plus visuelle avec un constructeur par glisser‑déposer, WPForms, Ninja Forms ou Forminator sont fortement recommandés. - Puis‑je personnaliser mon formulaire de contact WordPress ?
Oui. La plupart des plugins vous permettent de personnaliser l’apparence (ordre et type des champs, couleurs via le thème, textes des boutons) et le comportement du formulaire (notifications, confirmations, redirections). Avec un peu de CSS, vous pouvez aller encore plus loin dans la personnalisation visuelle. - Comment éviter les spams dans mon formulaire de contact WordPress ?
Pour réduire considérablement le nombre de messages indésirables, intégrez des protections comme un CAPTCHA, reCAPTCHA ou un système de honeypot. La plupart des plugins de formulaire proposent ces options dans leurs réglages. Vous pouvez également utiliser des extensions anti‑spam complémentaires si nécessaire. - Dois‑je utiliser WordPress.com ou WordPress.org pour créer mon formulaire de contact ?
Si vous souhaitez une totale liberté dans le choix des plugins, des thèmes et des intégrations, un site WordPress.org auto‑hébergé sera plus adapté. Si vous préférez une solution gérée et simplifiée, WordPress.com et son bloc Formulaire peuvent suffire, surtout pour un blog personnel ou un petit site. - Que faire si je ne reçois pas les e‑mails de mon formulaire de contact ?
Commencez par vérifier les réglages de notification du plugin (adresse e‑mail de destination, objet, expéditeur). Contrôlez également le dossier spam de votre boîte de réception. Si le problème persiste, il peut être lié à la configuration de votre hébergeur ou de votre service d’e‑mail ; l’utilisation d’un service d’envoi SMTP dédié améliore souvent la délivrabilité. - Puis‑je ajouter plusieurs formulaires de contact sur mon site WordPress ?
Oui. La plupart des plugins de formulaires vous permettent de créer plusieurs formulaires distincts (par exemple un formulaire de contact général, un formulaire de devis, un formulaire de candidature). Vous pouvez ensuite les insérer sur différentes pages à l’aide de shortcodes, de blocs ou de widgets.
En appliquant ces conseils et en choisissant les bons outils, vous serez en mesure de créer un formulaire de contact WordPress à la fois professionnel, sécurisé, simple à utiliser et efficace pour développer vos contacts et vos opportunités.
Besoin d'aide avec votre SEO ?
Notre équipe d'experts peut vous aider à optimiser votre site e-commerce