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 vous montrerai étape par étape comment ajouter un formulaire de contact dans WordPress en utilisant un plugin facile à utiliser pour les débutants. À la fin, vous aurez un formulaire fonctionnel que vous pourrez ajouter à n'importe quelle page, article ou barre latérale de votre site.
Etapes pour ajouter un formulaire de contact dans WordPress :
- Étape 1. Télécharger le plugin WPForms WordPress Contact Form
- Étape 2. Ajouter un formulaire de contact dans WordPress
- Étape 3. Définir les paramètres généraux de votre formulaire
- Étape 4. Définir les paramètres de notification pour votre formulaire
- Étape 5. Configurez vos messages de confirmation
- Étape 6. Ajouter un formulaire de contact à une page WordPress
Pourquoi créer un formulaire de contact sur WordPress ?
Vous pouvez vous demander s'il est préférable d'indiquer simplement votre adresse électronique sur votre site. En réalité, un formulaire de contact WordPress vous donne plus de contrôle, une meilleure sécurité et un moyen plus facile pour les visiteurs de vous contacter.
Voici les principaux avantages de l'ajout d'un formulaire de contact au lieu de l'affichage d'une adresse électronique :
- Recueillir les bonnes informations - Choisissez les champs obligatoires afin de toujours obtenir les informations dont vous avez besoin.
- Simplifiez la communication - Facilitez la tâche des visiteurs en leur permettant d'envoyer des questions, des idées ou des commentaires directement sur votre site.
- Restez organisé - Utilisez des lignes d'objet et des champs structurés pour trier et répondre rapidement aux messages.
- Protection contre le spam - Cachez votre adresse électronique et utilisez les filtres anti-spam intégrés pour réduire le nombre de messages indésirables.
- Répondre aux besoins de conformité - Ajoutez des cases à cocher de consentement pour aider votre site à se conformer au GDPR et à d'autres lois sur la confidentialité.
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 d'afficher une adresse électronique.
Peut-on 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 fournissent un code d'intégration que vous copiez et collez sur votre site.
Cette approche présente toutefois des inconvénients. Vous devrez souvent manipuler du code HTML et la personnalisation du formulaire nécessite généralement des étapes supplémentaires. Pour les débutants, cela peut être déroutant et prendre du temps.
L'option la plus simple consiste à utiliser un plugin de formulaire de contact WordPress. Les plugins vous permettent de créer, de personnaliser et de publier des formulaires directement dans votre tableau de bord, sans qu'aucune compétence en matière de codage ne soit nécessaire.
Voyons 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 sur WordPress est d'utiliser WPForms. C'est le plugin de construction de formulaire le plus convivial, approuvé par plus de 6 millions de sites web, et livré avec une bibliothèque de modèles pré-fabriqués pour que vous puissiez construire 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 formulaire 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 dispose d'une version gratuite et d'une version payante. La version Lite gratuite est parfaite pour les formulaires simples. Pour les options avancées comme les paiements, les enquêtes 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 test complet de WPForms pour plus de détails.
Tutoriel vidéo
Étape 1. Télécharger le plugin WPForms WordPress Contact Form
La première étape est d'obtenir une copie de WPForms et de télécharger le plugin sur votre ordinateur.
Une fois que vous avez créé votre compte WPForms, rendez-vous sur la page de connexion de WPForms. Vous pouvez accéder au tableau de bord de votre compte et cliquer sur Voir la clé de licence, les détails et les téléchargements.
Vous accéderez alors à la page contenant les détails de votre clé de licence et le lien pour télécharger le plugin.
Cliquez ensuite sur le bouton Télécharger WPForms. Sauvegardez ensuite votre clé de licence dans un bloc-notes pour une utilisation ultérieure.
Ajoutez et activez le plugin dans votre tableau de bord WordPress. Pour savoir comment installer les plugins WordPress, consultez ce guide pratique pour les débutants.
Étape 2. Ajouter 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 WPForms Plugins " Add New pour créer un formulaire de contact dans WordPress.
Saisissez le nom de votre formulaire et cliquez sur le modèle de formulaire de contact simple dans 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 - Le nom et le prénom des visiteurs qui soumettent le formulaire.
- Courriel - Les adresses électroniques des visiteurs sont requises par défaut.
- Commentaire ou message - Un espace où les visiteurs peuvent inscrire leurs questions.
- Texte du bouton du formulaire - Le bouton de soumission qui vous envoie 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 celui de 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 l'insérer dans votre formulaire. Vous pouvez également ajouter un champ d'objet d'e-mail et faire en sorte que n'importe quelle zone de texte soit obligatoirement remplie par les utilisateurs.
Vous pouvez également cliquer sur n'importe quel champ pour modifier le nom, inclure une description, etc. Vous pouvez même cliquer sur les champs et les faire glisser 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 des champs - Permet de définir la taille des champs du formulaire (petite, moyenne ou grande).
- Placeholder - Ajouter un texte de remplacement pour les champs prénom et nom de famille.
- Masquer l'étiquette - Permet de masquer les étiquettes et sous-étiquettes des champs de 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 effectuer d'autres personnalisations. Lorsque vous êtes satisfait de vos personnalisations, cliquez sur Enregistrer.
Nous allons maintenant définir les paramètres généraux de vos formulaires.
Étape 3. Définir 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 lui donner un autre nom.
- Description du formulaire - Donnez au nom une description qui vous aidera à vous rappeler à quoi il sert.
- Texte du bouton de soumission - Modifier l'étiquette du bouton de soumission.
- Prévention du spam - Empêchez les soumissions de robots spammeurs en activant la fonction de pot de miel anti-spam.
- Conformité au GDPR - 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 GDPR.
Lorsque ces paramètres vous conviennent, cliquez sur Enregistrer.
Nous verrons ensuite comment ajouter des notifications de formulaire.
Étape 4. Définir les paramètres de notification pour votre formulaire
Définir des notifications pour votre formulaire de contact est un excellent moyen d'être alerté lorsque quelqu'un soumet un formulaire sur votre site. Toutefois, si vous ne désactivez pas cette fonction 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 remplissent un formulaire de contact. Cela leur permet de savoir que vous avez reçu leur formulaire et de s'assurer que leur message a bien été transmis.
Veuillez consulter la documentation pour en savoir plus sur la mise en place de notifications et de confirmations dans WordPress.
Les notifications étant prêtes, nous allons maintenant configurer les confirmations de formulaire.
Étape 5. Configurez vos messages de confirmation
Un message de confirmation est une courte note affichée aux visiteurs du site après l'envoi d'un formulaire sur votre page de contact. Il leur indique que leur message a été pris en compte et vous donne l'occasion de leur indiquer la marche à suivre.
Dans WPForms, il y a 3 types de messages de confirmation à choisir :
- 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.
- Afficher la page - Le type Afficher la page permet aux visiteurs d'accéder à une page spécifique de votre site web, comme une page de remerciement, après avoir envoyé un formulaire.
- Aller à l'URL (redirection ) - Cette option permet d'envoyer les visiteurs sur un autre site web.
Pour définir votre message de confirmation, cliquez sur Paramètres " Confirmation. Sélectionnez ensuite le type de confirmation souhaité. Pour ce guide, nous sélectionnerons Message.
Saisissez maintenant le message que vous souhaitez voir apparaître à vos visiteurs et cliquez sur Enregistrer.
La partie la plus excitante est ensuite la publication de votre formulaire sur votre site web !
Étape 6. Ajouter un formulaire de contact à une page WordPress
Une fois votre formulaire de contact créé, il est temps de l'ajouter à une nouvelle page de 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 consiste à 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 maintenant.
Tout d'abord, créez une nouvelle page ou un nouvel article de blog, et dans l'éditeur de l'article ou de la page, cliquez sur l'icône plus pour ajouter un nouveau bloc WordPress.
Tapez ensuite WPForms dans la barre de recherche du bloc, et le bloc WPForms apparaîtra. Cliquez dessus pour l'ajouter à votre page.
Ensuite, un bloc apparaît sur votre écran pour vous permettre de choisir votre formulaire de contact dans le menu déroulant. Le formulaire apparaît ensuite sur votre page WordPress.
Il ne vous reste plus qu'à publier votre page. Vous pourrez alors voir le formulaire en direct sur votre site web.
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 faire glisser et déposer dans n'importe quelle zone de WordPress prête à recevoir des widgets.
Allez dans Apparence " Widgets à partir de votre zone d'administration WordPress pour le faire vous-même.
Vous y verrez le widget WPForms que vous pouvez glisser-déposer dans votre barre latérale. Vous pouvez également cliquer sur le widget et sélectionner une barre latérale dans la liste des options. Cliquez ensuite sur Ajouter un widget.
Une fois cela fait, 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 WordPress Twenty Twenty par défaut sur votre site.
WPForms vous donne également la possibilité d'ajouter un formulaire de contact en utilisant un shortcode WordPress. Vous pouvez trouver votre shortcode de formulaire de contact en visitant WPForms " All Forms et en copiant le shortcode à partir de là.
Il suffit ensuite de coller le shortcode à l'endroit où vous souhaitez afficher votre formulaire dans WordPress à l'aide d'un simple widget texte.
Suivre les conversions de vos formulaires WordPress
Après avoir créé un formulaire dans WordPress, vous devez savoir si vos formulaires sont performants.
Si vous suivez vos formulaires dans WordPress, vous pouvez voir combien de vues et de conversions vos formulaires obtiennent et vos taux de conversion de formulaire. Vous pouvez également voir quel formulaire obtient le plus de conversions et de vues.
La façon la plus simple de suivre les conversions des formulaires est de le faire avec MonsterInsights, le meilleur plugin Google Analytics pour WordPress.
MonsterInsights dispose d'un puissant addon de suivi des formulaires qui permet de suivre automatiquement les conversions de vos formulaires.
Il est facile à mettre en place et ne prend que quelques clics. Il suffit d'installer MonsterInsights Forms et le suivi commencera immédiatement. Il est également entièrement compatible avec WPForms et d'autres plugins de formulaires pour WordPress.
Consultez ce guide pour apprendre à suivre les conversions des formulaires WordPress.
FAQ sur l'ajout d'un formulaire de contact dans WordPress
L'ajout d'un formulaire de contact dans WordPress est l'un des moyens les plus simples de rendre votre site plus professionnel et plus convivial. Avec le bon plugin, vous pouvez collecter les informations dont vous avez besoin, réduire les spams et donner aux visiteurs un moyen facile de vous contacter.
Si vous voulez 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 la version Pro pour gérer les paiements, les enquêtes, et plus encore.
Maintenant que vous savez comment ajouter un formulaire de contact dans WordPress, vous pouvez entrer en contact avec votre public, capturer des prospects et développer votre site web en toute confiance.
Les guides suivants peuvent également vous être utiles :
- Comment créer une page d'atterrissage avec un formulaire dans WordPress
- Comment créer un formulaire d'enregistrement d'utilisateur WordPress avec des champs personnalisés
- Comment créer un formulaire d'inscription à un événement sur WordPress
- Comment créer un formulaire à plusieurs étapes dans WordPress
- Comment créer un formulaire de téléchargement de fichiers WordPress
- Comment créer un formulaire Typeform sur WordPress
- Comment créer un formulaire de commande en ligne pour votre site WordPress
Nous espérons que cet article vous a été utile. Si c'est le cas, suivez-nous sur Twitter et Facebook pour d'autres tutoriels et conseils WordPress.
