Comment ajouter un formulaire de contact dans WordPress (étape par étape) 

Vous voulez savoir comment ajouter un formulaire de contact dans WordPress ? Un formulaire de contact est le moyen le plus simple de permettre aux visiteurs de vous contacter sans exposer votre adresse e-mail au spam.

Dans ce tutoriel, je vais vous montrer étape par étape comment ajouter un formulaire de contact dans WordPress à l'aide d'un plugin convivial. À la fin, vous aurez un formulaire fonctionnel que vous pourrez ajouter à n'importe quelle page, article ou barre latérale de votre site.

Pourquoi créer un formulaire de contact sur WordPress ?

Vous vous demandez peut-être s'il vaut mieux simplement afficher votre adresse e-mail sur votre site. En réalité, un formulaire de contact WordPress vous offre plus de contrôle, une meilleure sécurité et un moyen plus fluide pour les visiteurs de vous contacter.

Voici les principaux avantages d'ajouter un formulaire de contact au lieu d'afficher une adresse e-mail :

• Collectez les bons détails : Choisissez les champs requis afin d'obtenir toujours les informations dont vous avez besoin.
• Simplifiez la communication : Facilitez la tâche des visiteurs pour envoyer des questions, des idées ou des commentaires directement via votre site.
• Restez organisé : Utilisez des lignes d'objet et des champs structurés pour trier et répondre rapidement aux messages.
• Protégez contre le spam : Masquez votre adresse e-mail et utilisez des filtres anti-spam intégrés pour réduire les messages indésirables.
• Répondez aux exigences de conformité : Ajoutez des cases à cocher de consentement pour aider votre site à se conformer au RGPD et à d'autres lois sur la protection de la vie privée.

C'est pourquoi la plupart des sites WordPress, y compris celui-ci, utilisent un formulaire de contact. C'est plus sûr, plus rapide et plus professionnel que de publier une adresse e-mail.

Pouvez-vous ajouter un formulaire de contact dans WordPress sans plugin ?

Oui, vous pouvez ajouter un formulaire de contact dans WordPress sans plugin en utilisant des services tiers. La plupart de ces outils vous donnent un code d'intégration que vous copiez et collez sur votre site.

Cependant, cette approche a des inconvénients. Vous devrez souvent gérer du code HTML, et la personnalisation du formulaire nécessite généralement des étapes supplémentaires. Pour les débutants, cela peut sembler déroutant et prendre beaucoup de temps.

Une option gratuite est Google Forms. Vous créez un formulaire chez Google, récupérez le code d'intégration, puis le collez dans un bloc HTML personnalisé dans WordPress.

C'est simple à configurer, mais le formulaire conserve le style par défaut de Google. Il ne correspondra pas au design de votre site, et les entrées du formulaire vont dans Google Sheets plutôt que dans votre tableau de bord WordPress.

L'option la plus simple est d'utiliser un plugin de formulaire de contact WordPress. Les plugins vous permettent de créer, personnaliser et publier des formulaires directement dans votre tableau de bord sans aucune compétence en codage.

Regardons donc comment créer un formulaire de contact dans WordPress étape par étape.

Comment ajouter un formulaire de contact dans WordPress

La façon la plus simple d'ajouter un formulaire de contact dans WordPress est avec WPForms. C'est le constructeur de formulaires le plus convivial pour les débutants, approuvé par plus de 6 millions de sites Web, et il est livré avec une bibliothèque de modèles pré-faits pour que vous puissiez créer n'importe quel type de formulaire en quelques minutes.

Contrairement aux plugins tels que Jetpack ou Contact Form 7, WPForms vous offre un véritable constructeur de formulaires par glisser-déposer. Cela signifie que vous pouvez ajouter des champs personnalisés, activer des notifications, et même utiliser des balises intelligentes sans toucher une seule ligne de code.

WPForms a une version gratuite et une version payante. La version Lite gratuite est parfaite pour les formulaires simples. Pour les options avancées comme les paiements, les sondages et les intégrations, la version Pro débloque tout ce dont vous avez besoin pour développer votre site.

Vous pouvez également consulter notre avis complet sur WPForms pour encore plus de détails.

Choisir un plugin de formulaire de contact WordPress

Avant d'installer quoi que ce soit, il est utile de savoir quel plugin convient à votre site. Voici comment les quatre plugins de formulaire de contact les plus populaires se comparent pour les débutants WordPress :

Plugin	Facilité d'utilisation	Protection contre le spam	Version gratuite
WPForms	Constructeur par glisser-déposer, aucun codage requis	Anti-Spam moderne (par défaut), reCAPTCHA, hCaptcha, Cloudflare Turnstile	Oui (WPForms Lite)
Contact Form 7	Basé sur des shortcodes, nécessite une configuration manuelle	reCAPTCHA, Akismet	Oui
Jetpack Forms	Intégré à Jetpack, configuration minimale	Intégration Akismet	Oui (avec Jetpack gratuit)
Gravity Forms	Logique avancée et flux de travail personnalisés	reCAPTCHA, honeypot	Non (payant uniquement, à partir de 59 $/an)

WPForms est le meilleur choix pour la plupart des débutants. La version Lite gratuite couvre les formulaires de contact simples, et le constructeur par glisser-déposer signifie que vous n'avez pas à toucher une seule ligne de code. Le reste de ce guide vous accompagne dans la configuration de WPForms.

Tutoriel vidéo

Étape 1. Téléchargez le plugin de formulaire de contact WordPress WPForms

La première étape consiste à obtenir une copie de WPForms et à télécharger le plugin sur votre ordinateur.

Ensuite, une fois que vous avez créé votre compte WPForms, rendez-vous sur la page de connexion WPForms. Ici, vous pouvez accéder à votre tableau de bord de compte et cliquer sur Afficher la clé de licence, les détails et les téléchargements.

Vous accéderez ensuite à la page avec les détails de votre clé de licence et le lien pour télécharger le plugin.

Cliquez maintenant sur le bouton Télécharger WPForms. Enregistrez ensuite votre clé de licence dans un bloc-notes pour une utilisation ultérieure.

Ajoutez et activez maintenant le plugin dans votre tableau de bord WordPress. Pour des instructions sur comment installer des plugins WordPress, consultez ce guide pratique pour débutants.

Étape 2. Ajoutez un formulaire de contact dans WordPress

Une fois WPForms installé et activé sur votre site, il est temps de créer un nouveau formulaire de contact. Pour ce faire, allez dans Plugins WPForms » Ajouter pour créer un formulaire de contact dans WordPress.

Entrez le nom de votre formulaire et cliquez sur le modèle Formulaire de contact simple sur l’écran suivant.

WPForms crée automatiquement un formulaire de contact simple pour vous. Il comprend les champs de formulaire par défaut suivants :

• Nom – Les prénoms et noms des visiteurs qui soumettent le formulaire.
• E-mail – Les adresses e-mail des visiteurs sont requises par défaut.
• Commentaire ou Message – Un espace pour que les visiteurs saisissent leurs requêtes.
• Texte du bouton du formulaire – Le bouton d’envoi qui vous transmet le message.

À partir de là, il est facile d’ajouter un type de champ de formulaire supplémentaire en le faisant glisser du panneau de gauche vers la droite. Par exemple, si vous souhaitez donner aux utilisateurs la possibilité de soumettre un document, vous pouvez faire glisser le champ de téléchargement de fichier et le déposer sur votre formulaire. Vous pouvez également ajouter un champ d’objet d’e-mail et rendre toute zone de texte obligatoire pour les utilisateurs.

Vous pouvez également cliquer sur n’importe quel champ pour modifier le nom, inclure une description, et plus encore. Vous pouvez même cliquer et faire glisser les champs pour réorganiser l’ordre de votre formulaire de contact.

Ensuite, sous la rubrique Options avancées, vous pouvez modifier les préférences suivantes :

• Taille du champ – Définissez la taille des champs du formulaire sur petit, moyen ou grand.
• Texte de remplacement – Ajoutez du texte de remplacement pour les champs prénom et nom.
• Masquer l’étiquette – Masquez les étiquettes et sous-étiquettes des champs du formulaire à l’utilisateur final.
• Mises en page – Choisissez une mise en page personnalisée pour votre formulaire sans utiliser de code.

Vous pouvez également inclure des classes CSS personnalisées si vous souhaitez des personnalisations supplémentaires. Lorsque vous êtes satisfait de vos personnalisations, cliquez sur Enregistrer.

Nous allons maintenant passer à la définition des paramètres généraux de vos formulaires.

Étape 3. Définissez les paramètres généraux de votre formulaire

Pour définir les paramètres généraux de votre formulaire, allez dans Paramètres » Général.

Dans cette section, vous pouvez configurer les paramètres suivants :

• Nom du formulaire – Renommez votre formulaire si vous souhaitez l’appeler différemment.
• Description du formulaire – Donnez un nom à une description pour vous aider à vous souvenir de son utilité.
• Texte du bouton d’envoi – Changez l’étiquette du bouton d’envoi.
• Prévention du spam – Empêchez les soumissions de robots de spam en activant la fonctionnalité de « pot de miel » anti-spam.
• Conformité RGPD – Vous pouvez désactiver le stockage des informations de saisie dans WordPress, telles que les adresses IP et les agents utilisateurs, pour vous aider à vous conformer au RGPD.

Lorsque vous êtes satisfait de ces paramètres, cliquez sur Enregistrer.

Nous allons maintenant examiner l’ajout des notifications de formulaire.

Étape 4. Définissez les paramètres de notification de votre formulaire

La configuration des notifications pour votre formulaire de contact est un excellent moyen d'être alerté lorsqu'une personne soumet un formulaire sur votre site. Cependant, si vous ne désactivez pas cette fonctionnalité dans le menu déroulant des paramètres du formulaire, vous recevrez des notifications chaque fois que quelqu'un soumettra un formulaire.

Vous pouvez utiliser des balises intelligentes dans WPForms pour alerter les visiteurs du site lorsqu'ils complètent un formulaire de contact. Cela leur permet de savoir que vous avez bien reçu leur formulaire et leur assure que leur message est bien passé.

Veuillez consulter la documentation pour en savoir plus sur la configuration des notifications et des confirmations dans WordPress.

Une fois vos notifications configurées, examinons la configuration des confirmations de votre formulaire.

Étape 5. Configurez vos messages de confirmation

Un message de confirmation est une courte note affichée aux visiteurs du site après la soumission d'un formulaire sur votre page de contact. Cela leur permet de savoir que leur message est bien passé et vous donne une chance de leur indiquer quelles sont les prochaines étapes.

Dans WPForms, il existe 3 types de messages de confirmation parmi lesquels choisir :

1. Message – Ce type de confirmation est l'option par défaut pour afficher une note rapide informant les visiteurs qu'ils ont soumis leur formulaire.
2. Afficher la page – Le type Afficher la page redirige les visiteurs vers une page spécifique de votre site Web, comme une page de remerciement, après la soumission d'un formulaire.
3. Aller à l'URL (Redirection) – Cette option est pour si vous souhaitez envoyer les visiteurs vers un autre site Web.

Pour définir votre message de confirmation, cliquez sur Paramètres » Confirmation. Sélectionnez ensuite le type de confirmation que vous souhaitez. Pour ce guide, nous sélectionnerons Message.

Entrez maintenant le message que vous souhaitez que vos visiteurs voient et cliquez sur Enregistrer.

La partie passionnante est la suivante : la publication de votre formulaire sur votre site Web !

Étape 6. Ajoutez un formulaire de contact à une page WordPress

Avec votre formulaire de contact créé, il est temps de l'ajouter à une nouvelle page dans WordPress.

Avec WPForms, vous pouvez ajouter des formulaires n'importe où sur votre site Web. Cela inclut les pages de contact WordPress, les articles de blog, et même un widget dans votre barre latérale ou votre en-tête.

Le choix le plus courant est d'intégrer le formulaire de contact dans un article ou une page. Vous pouvez utiliser un shortcode ou un bloc de contenu, ce que nous allons expliquer comment faire maintenant.

Tout d'abord, créez une nouvelle page ou un nouvel article de blog, et dans l'éditeur d'article ou de page, cliquez sur l'icône plus pour ajouter un nouveau bloc WordPress.

Ensuite, tapez WPForms dans la barre de recherche de blocs, et le bloc WPForms apparaîtra. Cliquez dessus pour l'ajouter à votre page.

Ensuite, un bloc apparaîtra sur votre écran pour que vous puissiez choisir votre formulaire de contact dans le menu déroulant. Ensuite, le formulaire apparaît sur votre page WordPress.

Maintenant, tout ce que vous avez à faire est de publier votre page. Ensuite, vous pourrez voir le formulaire en direct sur votre site Web.

Bonus : Créez votre page de contact avec SeedProd

Si vous n'avez pas encore de page de contact personnalisée, SeedProd vous permet d'en créer une facilement à partir de zéro sans toucher au code.

SeedProd est un constructeur de sites Web visuel pour WordPress. Je l'utilise pour créer des pages de destination et des mises en page complètes de sites, y compris la page de contact de ce site. Vous pouvez commencer avec un modèle pré-fait ou vierge, faire glisser vos blocs de mise en page en place, et publier sans écrire de CSS.

Pour un guide étape par étape, consultez notre guide sur la création d’une page personnalisée dans WordPress.

Une fois votre page prête, ajoutez le widget WPForms à la mise en page, sélectionnez votre formulaire dans le menu déroulant, et publiez.

Votre page de contact sera en ligne et stylisée pour correspondre à votre site.

Comment protéger votre formulaire de contact WordPress contre le spam

Les soumissions de spam sont un vrai problème une fois que votre formulaire de contact commence à recevoir du trafic. La bonne nouvelle est que WPForms inclut plusieurs options intégrées pour bloquer les robots.

La première couche est la Protection Anti-Spam Moderne de WPForms, qui est activée par défaut. Elle effectue une vérification multicouche en arrière-plan, y compris un piège de type « honeypot » qui attrape les robots, sans demander aux visiteurs de faire quoi que ce soit.

Pour plus de sécurité, vous pouvez ajouter un défi CAPTCHA. WPForms prend en charge Google reCAPTCHA v2 et v3, hCaptcha et Cloudflare Turnstile. Configurez votre option préférée sous WPForms » Paramètres » CAPTCHA.

Si vous utilisez déjà Akismet sur votre site pour le spam de commentaires, vous pouvez également le connecter à WPForms. Il achemine les soumissions de formulaires via les filtres d’Akismet comme couche supplémentaire.

La plupart des formulaires de contact restent propres avec la Protection Anti-Spam Moderne activée. Ajoutez un CAPTCHA si le spam continue de passer.

Ajouter un formulaire de contact à votre barre latérale

WPForms facilite également l’ajout d’un formulaire de contact dans la barre latérale de votre site Web. Le plugin est livré avec un widget de formulaire de contact intégré, que vous pouvez glisser-déposer dans n’importe quelle zone prête pour les widgets de WordPress.

Accédez à Apparence » Widgets depuis votre zone d’administration WordPress pour le faire vous-même.

Ici, vous verrez le widget WPForms que vous pouvez glisser-déposer dans votre barre latérale. Alternativement, cliquez sur le widget et sélectionnez une barre latérale dans la liste des options. Ensuite, cliquez sur Ajouter un widget.

Une fois que vous avez fait cela, donnez un titre au widget, choisissez votre formulaire dans la liste déroulante, et cliquez sur Enregistrer.

Voici à quoi cela ressemblera en utilisant le thème par défaut Twenty Twenty de WordPress sur votre site.

WPForms vous donne également la possibilité d’ajouter un formulaire de contact à l’aide d’un shortcode WordPress. Vous pouvez trouver le shortcode de votre formulaire de contact en visitant WPForms » Tous les formulaires et en copiant le shortcode à partir de là.

Ensuite, il suffit de coller le shortcode là où vous souhaitez afficher votre formulaire dans WordPress à l’aide d’un simple widget de texte.

Suivi des conversions de vos formulaires WordPress

Après avoir créé un formulaire dans WordPress, vous devez apprendre comment vos formulaires fonctionnent.

Si vous suivez vos formulaires dans WordPress, vous pouvez voir le nombre de vues et de conversions que vos formulaires obtiennent, ainsi que vos taux de conversion de formulaires. Vous pouvez également voir quel formulaire obtient le plus de conversions et de vues.

La façon la plus simple de suivre les conversions de formulaires est avec MonsterInsights, le meilleur plugin Google Analytics pour WordPress.

MonsterInsights dispose d’un puissant module complémentaire de suivi des formulaires qui suit automatiquement vos conversions de formulaires.

Il est facile à configurer et ne prend que quelques clics. Installez simplement MonsterInsights Forms, et il commencera à suivre immédiatement. Il est également entièrement compatible avec WPForms et d’autres plugins de formulaire pour WordPress.

Découvrez ce guide pour apprendre à suivre les conversions de formulaires WordPress.

FAQ sur l'ajout d'un formulaire de contact dans WordPress

Comment ajouter un formulaire de contact dans WordPress ?

Le moyen le plus simple est WPForms. Installez et activez le plugin, puis allez dans WPForms » Ajouter un nouveau et sélectionnez le modèle Formulaire de contact simple. WPForms crée automatiquement le formulaire avec les champs nom, e-mail et message. Ensuite, ouvrez n'importe quelle page ou article, ajoutez le bloc WPForms, choisissez votre formulaire dans le menu déroulant, et publiez. L'ensemble du processus prend moins de 15 minutes.

Comment ajouter un formulaire de contact à une page WordPress sans plugin ?

Vous pouvez utiliser Google Forms. Créez votre formulaire sur forms.google.com, cliquez sur Envoyer, copiez le code d'intégration, puis collez-le dans un bloc HTML personnalisé sur n'importe quelle page WordPress. Le formulaire s'affiche sur votre page et achemine les soumissions vers une feuille Google. Le compromis est que le formulaire conserve le style par défaut de Google, il ne correspondra donc pas au design de votre site.

Comment arrêter le spam sur mon formulaire de contact WordPress ?

WPForms inclut la protection anti-spam moderne, qui est activée par défaut et fonctionne silencieusement en arrière-plan à l'aide d'un pot de miel et d'une vérification de jeton à plusieurs niveaux. Pour un spam plus agressif, ajoutez un CAPTCHA sous WPForms » Paramètres » CAPTCHA. WPForms prend en charge Google reCAPTCHA, hCaptcha et Cloudflare Turnstile. Si vous utilisez déjà Akismet pour le spam de commentaires, vous pouvez le connecter à WPForms comme troisième niveau.

Où vont les messages des formulaires de contact dans WordPress ?

Par défaut, les messages des formulaires de contact sont envoyés à l'adresse e-mail configurée dans les paramètres de notification de WPForms. Allez dans Paramètres » Notifications pour mettre à jour l'e-mail du destinataire. Avec WPForms Pro, les entrées soumises sont également enregistrées dans votre tableau de bord WordPress sous WPForms » Entrées, vous pouvez donc les consulter sans vérifier votre e-mail.

Quel est le meilleur plugin de formulaire de contact gratuit pour WordPress ?

WPForms Lite est le meilleur plugin gratuit de formulaire de contact pour WordPress. Il comprend un constructeur par glisser-déposer, des modèles prédéfinis, une protection anti-spam de base et fonctionne avec n'importe quel thème WordPress. La version gratuite gère bien les formulaires de contact simples. Pour des fonctionnalités avancées comme les téléchargements de fichiers, la logique conditionnelle et les intégrations de paiement, WPForms Pro débloque tout ce dont vous avez besoin.

Ajouter un formulaire de contact dans WordPress est l'un des moyens les plus simples de rendre votre site plus professionnel et convivial. Avec le bon plugin, vous pouvez collecter les informations dont vous avez besoin, réduire le spam et offrir aux visiteurs un moyen facile de vous contacter.

Si vous souhaitez une solution rapide et sans code, WPForms est le meilleur plugin de formulaire de contact pour les débutants et les petites entreprises. Vous pouvez commencer avec la version gratuite ou débloquer des fonctionnalités avancées avec Pro pour gérer les paiements, les sondages, et plus encore.

Maintenant que vous savez comment ajouter un formulaire de contact dans WordPress, vous pouvez vous connecter avec votre public, capturer des prospects et développer votre site Web en toute confiance.

Les guides suivants pourraient également vous être utiles :

• Comment créer une page de destination avec un formulaire dans WordPress
• Comment créer un formulaire d'inscription d'utilisateur WordPress avec des champs personnalisés
• Comment créer un formulaire d'inscription à un événement WordPress
• Comment créer un formulaire multipage dans WordPress
• Comment créer un formulaire de téléchargement de fichiers WordPress
• Comment créer un formulaire de style Typeform sur WordPress
• Comment créer un formulaire de commande en ligne pour votre site WordPress

Merci de votre lecture ! Nous serions ravis d'entendre vos réflexions, alors n'hésitez pas à rejoindre la conversation sur YouTube, X et Facebook pour plus de conseils et de contenu utiles pour développer votre entreprise.