Comment créer un formulaire de contact dans WordPress (étape par étape)
Cherchez-vous à créer un formulaire de contact et à l’ajouter à votre site WordPress ?
Chaque site Web a besoin d'un formulaire de contact afin que les visiteurs puissent facilement vous contacter au sujet de vos produits et services. Par défaut, WordPress n'est pas livré avec un formulaire de contact intégré, mais il existe un moyen simple d'ajouter des formulaires de contact à votre site.
Dans cet article, nous allons vous montrer comment créer facilement un formulaire de contact dans WordPress sans toucher à une seule ligne de code.
Pourquoi avez-vous besoin d’un formulaire de contact WordPress ?
Vous vous demandez peut-être pourquoi ai-je besoin d’un formulaire de contact ? Puis-je simplement ajouter mon adresse e-mail sur mon site Web pour que les gens puissent m'envoyer des e-mails ?
C’est une question très courante des débutants car ils craignent que l’ajout d’un formulaire de contact nécessite des connaissances en codage.
Heureusement, vous pouvez utiliser un plugin WordPress pour ajouter simplement un formulaire de contact à votre site Web WordPress sans aucune connaissance en codage.
Vous trouverez ci-dessous les 3 principales raisons pour lesquelles un formulaire de contact est préférable à coller votre adresse e-mail sur une page.
Protection anti-spam - Les robots spammeurs fouillent régulièrement les sites Web à la recherche de la balise mailto : adresse e-mail. Lorsque vous publiez votre adresse e-mail sur le site Web, vous commencerez à recevoir de nombreux spams. D'un autre côté, votre formulaire de contact peut bloquer le spam du formulaire de contact et arrêter presque tous les spams.
Informations cohérentes - Lors de l'envoi d'e-mails, les gens ne vous envoient pas toujours toutes les informations dont vous avez besoin. Avec un formulaire de contact, vous pouvez indiquer à l'utilisateur exactement les informations que vous recherchez, comme son numéro de téléphone, son budget, les détails du projet, etc.
Gain de temps - Les formulaires de contact vous aident à gagner du temps de bien plus de façons que vous ne pouvez l'imaginer. Outre des informations cohérentes, vous pouvez également utiliser les confirmations de formulaire pour indiquer à l'utilisateur les prochaines étapes à suivre. Par exemple, regardez une vidéo ou attendez jusqu'à 24 heures pour obtenir une réponse, afin qu'ils ne vous envoient pas plusieurs demandes.
Cela dit, montrons comment créer facilement un formulaire de contact dans WordPress, étape par étape.
Didacticiel vidéo
Si vous préférez les instructions écrites, continuez à lire.
Étape 1. Choisir le meilleur plugin de formulaire de contact WordPress
La première chose que vous devez faire est de choisir un plugin de formulaire de contact WordPress.
Bien qu’il existe plusieurs plugins de formulaire de contact WordPress gratuits et payants parmi lesquels vous pouvez choisir, nous utilisons WPForms sur notre site et pensons que c’est la meilleure option du marché.
Vous trouverez ci-dessous les trois raisons pour lesquelles nous pensons que WPForms est le meilleur :
Il s’agit du plugin de formulaire de contact le plus convivial disponible pour les débutants. Vous pouvez utiliser le générateur glisser-déposer pour créer facilement un formulaire de contact en quelques clics.
WPForms Lite est 100 % gratuit et vous pouvez l'utiliser pour créer un formulaire de contact simple (plus de 5 millions de sites l'utilisent).
Lorsque vous êtes prêt à bénéficier de fonctionnalités plus puissantes, vous pouvez passer à WPForms Pro.
Maintenant que nous avons choisi le plugin de formulaire de contact, installons-le sur votre site.
Étape 2. Installez un plugin de formulaire de contact dans WordPress
Pour ce tutoriel, nous utiliserons WPForms Lite car il est gratuit et facile à utiliser.
Vous pouvez installer ce plugin sur votre site en vous connectant à votre tableau de bord WordPress et en allant sur Plugins » Ajouter un nouveau.
Ensuite, dans le champ de recherche, tapez « WPForms » et cliquez sur le bouton « Installer maintenant ».
Cela installera automatiquement le plugin sur votre site.
Ensuite, vous devez activer le plugin en cliquant sur le bouton « Activer ».
Si vous ne voyez pas le menu des plugins ou si vous souhaitez des instructions plus détaillées, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Étape 3. Créez un formulaire de contact dans WordPress
Maintenant que vous avez activé WPForms, vous êtes prêt à créer un formulaire de contact dans WordPress.
Pour ce faire, accédez à WPForms » Tous les formulaires dans votre panneau d'administration WordPress. Ensuite, cliquez sur le bouton « Ajouter un nouveau ».
Cela ouvrira la bibliothèque de modèles de création de formulaires glisser-déposer WPForms. Commencez par donner un nom à votre formulaire de contact, puis sélectionnez votre modèle de formulaire de contact.
Pour choisir un modèle, survolez-le simplement et cliquez sur le bouton « Utiliser le modèle ».
WPForms Lite propose plus de 20 modèles de formulaires gratuits parmi lesquels choisir. Vous pouvez les utiliser pour créer à peu près n’importe quel type de formulaire de contact de votre choix.
Pour le bien de cet exemple, nous allons continuer et sélectionner le modèle « Formulaire de contact simple ». Il ajoutera automatiquement les champs Nom, Email et Message.
Vous pouvez cliquer sur n'importe quel champ du formulaire pour le modifier.
Lorsque vous cliquez sur un champ de formulaire, un panneau « Options de champ » apparaîtra sur la gauche où vous pourrez apporter des modifications.
Vous pouvez également utiliser votre souris pour faire glisser et déposer les champs afin de modifier l'ordre.
Si vous souhaitez ajouter un nouveau champ, sélectionnez simplement parmi les champs disponibles dans la barre latérale gauche.
Vous pouvez le faire glisser vers votre formulaire ou cliquer dessus, et il sera automatiquement ajouté à votre formulaire.
Lorsque vous avez terminé de personnaliser votre formulaire, assurez-vous de cliquer sur le bouton « Enregistrer ».
Étape 4. Configuration de la notification et des confirmations du formulaire WordPress
Maintenant que vous avez créé votre formulaire de contact, il est important de configurer correctement les options de notification et de confirmation du formulaire.
La confirmation du formulaire est ce que le visiteur de votre site Web voit après avoir soumis le formulaire. Il peut s'agir d'un simple message de remerciement, d'une page sur laquelle vous avez téléchargé des PDF téléchargeables ou de tout ce que vous souhaitez.
La notification de formulaire est l'e-mail que vous recevez après que quelqu'un a soumis le formulaire de contact sur votre blog WordPress.
Pour personnaliser le message de confirmation, cliquez sur l'onglet « Paramètres », puis sur l'onglet « Confirmations » dans le générateur de formulaire.
Il existe déjà un message de remerciement par défaut.
Cependant, vous pouvez le personnaliser dans la case « Message de confirmation », si vous le souhaitez.
Si vous souhaitez rediriger les utilisateurs après une soumission réussie du formulaire au lieu d'afficher un message, sélectionnez « Aller à l'URL » dans la liste déroulante « Type de confirmation ».
Ensuite, saisissez l'URL vers laquelle vous souhaitez également rediriger les utilisateurs.
Si vous apportez des modifications ici, assurez-vous de cliquer sur le bouton « Enregistrer ».
Après cela, vous pouvez vous assurer que les paramètres de notification du formulaire sont corrects. Cliquez simplement sur l'onglet « Notifications » dans le même menu « Paramètres ».
La meilleure partie de WPForms est que les paramètres par défaut sont idéaux pour les débutants. Lorsque vous accédez aux paramètres de notification, tous les champs seront pré-remplis dynamiquement.
Les notifications par défaut sont envoyées à l'email administrateur que vous avez configuré lors de la création de votre site.
Si vous souhaitez l'envoyer à une adresse e-mail personnalisée, vous pouvez la modifier. Si vous souhaitez envoyer la notification à plusieurs e-mails, séparez simplement chaque adresse e-mail par une virgule.
La « Ligne d'objet de l'e-mail » est pré-remplie avec le nom de votre formulaire. Le champ « De Nom » est automatiquement renseigné avec le nom de votre utilisateur.
Lorsque vous répondez à la demande du formulaire, celle-ci sera envoyée à l'e-mail que votre utilisateur a rempli dans le formulaire de contact.
Assurez-vous de cliquer sur le bouton « Enregistrer » si vous apportez des modifications ici.
Si vous souhaitez envoyer votre e-mail de formulaire à plusieurs personnes ou à différents services, consultez notre guide sur la façon de créer un formulaire de contact avec plusieurs destinataires.
Si vous rencontrez des problèmes pour recevoir des e-mails de formulaire, consultez notre guide sur la façon de résoudre le problème de non-envoi d’e-mails par WordPress.
Étape 5. Ajout du formulaire de contact WordPress dans une page
Maintenant que vous avez fini de configurer votre formulaire de contact WordPress, il est temps de l’ajouter à une page.
Vous pouvez soit l'ajouter à une page de contact existante, soit créer une nouvelle page dans WordPress.
Si vous souhaitez créer une nouvelle page de formulaire de contact, allez simplement sur Pages » Ajouter un nouveau, puis donnez un nom à votre page.
Nous utiliserons le bloc WPForms pour ajouter le formulaire dans une page. Cliquez simplement sur le bouton d’ajout de bloc « Plus » et recherchez « WPForms ».
Ensuite, cliquez sur le bloc « WPForms ».
Le bloc WPForm apparaîtra désormais dans la zone de contenu de votre page.
Vous devez cliquer sur le menu déroulant pour sélectionner le formulaire que vous avez créé précédemment.
WPForms chargera l'aperçu de votre formulaire de contact dans l'éditeur. Vous pouvez maintenant cliquer sur le bouton « Publier » ou « Mettre à jour » pour enregistrer votre formulaire.
Vous pouvez désormais visiter votre site Web pour le voir en action.
Voici à quoi ressemblait le formulaire sur un exemple de page de contact WordPress :
Si vous souhaitez uniquement ajouter le formulaire de contact sur la page, alors vous avez terminé ici. Toutes nos félicitations.
WPForms est également livré avec un shortcode de formulaire de contact WordPress. Vous pouvez l'utiliser en visitant WPForms » Tous les formulaires, puis copiez le shortcode à côté de votre formulaire.
Ensuite, tout ce que vous avez à faire est d’ouvrir la page sur laquelle vous souhaitez l’ajouter, de cliquer sur le bouton d’ajout de bloc « Plus » et de rechercher « Shortcode ».
Ensuite, cliquez sur le bloc « Shortcode ».
Ensuite, collez le shortcode que vous avez copié ci-dessus dans la case.
Après cela, cliquez sur « Mettre à jour » ou « Publier » et votre formulaire de contact sera en ligne sur votre site Web, comme ci-dessus.
Pour en savoir plus sur les shortcodes, consultez notre guide ultime sur la façon d'ajouter un shortcode dans WordPress.
Étape 6. Ajout du formulaire de contact WordPress dans une barre latérale
WPForms est également livré avec un widget de formulaire de contact WordPress que vous pouvez utiliser pour ajouter votre formulaire de contact à une barre latérale ou à toute autre zone prête pour les widgets de votre thème WordPress.
Pour ce faire, vous devez accéder à Apparence » Widgets, puis cliquer sur l'icône de bloc d'ajout « Plus » dans la zone du widget dans laquelle vous souhaitez ajouter votre formulaire.
Ensuite, recherchez « WPForms ».
Ensuite, cliquez sur le bloc « WPForms » pour l’ajouter à votre barre latérale.
Après cela, vous devez sélectionner votre formulaire de contact dans la liste déroulante.
Cela chargera automatiquement un aperçu de votre formulaire.
Ensuite, cliquez sur le bouton « Mettre à jour » pour enregistrer vos modifications.
Vous pouvez désormais visiter votre site pour voir votre formulaire de contact en direct dans votre barre latérale ou dans une autre zone de widgets.
Pour en savoir plus sur les widgets, consultez notre guide sur la façon d'ajouter et d'utiliser des widgets dans WordPress.
Faire passer votre formulaire de contact WordPress au niveau supérieur
En plus de créer des formulaires de contact simples, WPForms Pro est livré avec plus de 800 modèles de formulaires prédéfinis que vous pouvez utiliser pour créer rapidement tout type de formulaire WordPress dont vous avez besoin.
Il existe des fonctionnalités puissantes telles que la logique conditionnelle, les enquêtes et sondages, la collecte de signatures électroniques, l'abandon de formulaire, les données de géolocalisation, les codes de réduction personnalisables et bien plus encore.
De plus, il vous permet d'accepter facilement les paiements en ligne via Stripe, PayPal, Authorize.net et Square. Même la version gratuite de WPForms vous permet de collecter des paiements Stripe.
Sans oublier qu'il s'intègre à des milliers d'outils marketing et commerciaux tels que les feuilles Google, HubSpot et bien plus encore pour vous aider à rationaliser votre flux de travail.
WPForms a également ajouté des outils de personnalisation de formulaires tels que des pages de destination de formulaires, des formulaires conversationnels et des formulaires pour prospects qui vous permettent d'ajouter des formulaires interactifs sur votre site sans les coûts élevés.
Pour plus de détails, consultez notre guide étape par étape sur la façon de créer un formulaire conversationnel dans WordPress.
Nous espérons que cet article vous a aidé à créer un formulaire de contact simple dans WordPress. Vous souhaiterez peut-être également consulter notre guide sur la façon de créer correctement une newsletter par e-mail, ainsi que notre sélection d'experts des meilleurs services de téléphonie professionnelle pour les petites entreprises.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.