Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

Comment ajouter un formulaire de contact dans WordPress (Guide pour débutants)

Comment ajouter un formulaire de contact dans WordPress (Guide pour débutants) 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : Turner John
image du réviseur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Vous cherchez un tutoriel sur l'ajout d'un formulaire de contact dans WordPress ?

La création d'un formulaire de contact est un moyen simple d'entrer en contact avec votre public et d'obtenir un retour d'information précieux. Aujourd'hui, nous allons vous montrer comment ajouter un formulaire de contact dans WordPress, et nous allons le décomposer en un guide étape par étape afin que même les débutants puissent le faire.

Pourquoi créer un formulaire de contact sur WordPress ?

Lorsque vous créez votre site web WordPress, vous vous demandez peut-être s'il est préférable d'utiliser votre adresse électronique plutôt qu'un formulaire de contact.

Les formulaires de contact WordPress offrent à vos visiteurs une plus grande flexibilité pour prendre contact avec vous. De plus, les formulaires de contact vous permettent d'exiger certaines informations, ce que vous ne pouvez pas faire avec une simple adresse électronique.

Voyons quelques autres choses que vous pouvez faire en apprenant à créer un formulaire de contact puissant :

  • Contrôle des informations. Avec les formulaires de contact, vous contrôlez les informations collectées sur votre site web. Cela permet de limiter le nombre d'e-mails envoyés et reçus.
  • Communication facile. L'ajout de formulaires de contact à votre site WordPress facilite la prise de contact. Il est également plus facile pour eux d'envoyer des idées, des commentaires et des questions.
  • Organisation des messages. La plupart des formulaires de contact comportent des lignes d'objet, qui vous permettent de savoir qui vous envoie des messages.
  • Protection contre le spam. Les formulaires de contact masquent votre adresse électronique, de sorte que les spammeurs ne peuvent pas envoyer de messages indésirables.
  • Conformité. De nombreux formulaires de contact comportent une case à cocher indiquant que les utilisateurs vous autorisent à les contacter. Cela vous aidera à vous conformer au GDPR.

Comme vous pouvez le constater, il est judicieux de créer un formulaire de contact plutôt que d'afficher une adresse électronique.

Peut-on ajouter un formulaire de contact dans WordPress sans plugin ?

Il existe des services tiers qui vous permettent d'ajouter un formulaire de contact à WordPress sans utiliser de plugin. Toutefois, ces outils vous obligent généralement à copier et à coller des codes d'intégration pour afficher le formulaire sur votre site web.

Si vous n'avez pas l'habitude d'utiliser WordPress, vous risquez d'être dérouté par les extraits de code. C'est pourquoi nous recommandons l'utilisation d'un plugin de formulaire de contact WordPress afin de faciliter le processus pour les utilisateurs non techniciens.

Voici un exemple de page de contact et de formulaire WordPress que nous allons créer dans ce tutoriel en utilisant le plugin de formulaire de contact le plus convivial du marché :

Exemple d'ajout d'un formulaire de contact dans WordPress

Après avoir suivi les instructions pour créer un formulaire de contact comme celui ci-dessus, nous allons vous montrer comment ajouter votre formulaire aux articles et aux pages de WordPress, ainsi qu'à la barre latérale.

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

Comment ajouter un formulaire de contact dans WordPress

Comment créer un formulaire de contact dans WordPress avec WPForms

Pour ce guide, nous utiliserons le plugin WPForms WordPress contact form pour créer un formulaire de contact dans WordPress. En fait, vous pouvez créer n'importe quel formulaire sur WordPress grâce à cet outil et à sa vaste bibliothèque de modèles.

Le constructeur de formulaire par glisser-déposer WPForms est le plugin de formulaire de contact le plus convivial du marché, et il est très facile à configurer. Contrairement à des plugins similaires comme Jetpack et Contact Form 7, il possède de nombreuses fonctionnalités pour améliorer les formulaires dans WordPress, avec des options de champs personnalisés, des notifications, des balises intelligentes, et plus encore.

Il existe une version gratuite et une version payante de WPForms. Bien que WPForms Lite contienne tout ce dont vous avez besoin pour commencer, nous utiliserons la version payante pour les fonctionnalités supplémentaires.

Voici un aperçu des options supplémentaires dont vous bénéficiez lorsque vous passez à la version payante :

  • WPForms Pro vous permet d'utiliser le plugin sur plus d'un site web.
  • Créez plusieurs types de formulaires, y compris des formulaires multipages, des formulaires de paiement, des formulaires de téléchargement de fichiers, des formulaires d'abonnement par courrier électronique, etc.
  • Visualisez les soumissions de formulaires dans l'administration de WordPress et recevez des notifications par e-mail pour les nouveaux messages.
  • Créez des enquêtes avec des sondages WordPress en temps réel, des classements par étoiles et des échelles de Likert.
  • Créez des pages de formulaire sans distraction dans WordPress en utilisant la solution de page d'atterrissage WPForms.
  • Intégrez les services de marketing par e-mail et les plateformes de paiement les plus populaires comme MailChimp, Stripe et PayPal pour développer votre liste d'e-mails et accepter les paiements sur votre site de commerce électronique.
  • Il fonctionne également avec WPMail SMTP pour une meilleure délivrabilité des courriels.
  • Google Recaptcha permet d'éviter les soumissions de spam.

De plus, plus de 3 millions de sites web utilisent WPForms. De plus, la communauté WordPress leur est fidèle. Jetez donc un coup d'œil aux commentaires des utilisateurs de WPForms sur WordPress.org ici.

WPForms contact form plugin user reviews

Consultez cet article sur WPForms pour plus de détails.

Suivez les étapes suivantes pour apprendre à ajouter un formulaire de contact dans WordPress :

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.

cliquez sur la clé de licence, les détails et le lien de téléchargement dans le tableau de bord de votre compte.

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.

Cliquez sur le bouton orange pour télécharger le plugin de formulaire de contact WPForms

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.

Utilisez le modèle de formulaire de contact simple WPForms pour créer un formulaire de contact dans WordPress

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.
WPForms ajoute un formulaire de contact simple à WordPress

À 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 le déposer 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.

rendre les champs du formulaire obligatoires pour les personnes qui utilisent votre formulaire de contact

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.
Options avancées du formulaire de contact de WPForms

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.

créer un formulaire de contact paramètres généraux

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 de recevoir une alerte 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.

Paramètres de notification du formulaire de contact

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 :

  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 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.
  3. 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.

WPForms formulaire de contact message de confirmation

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.

ajouter le bloc WordPress WPForms pour créer un formulaire de contact dans WordPress

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.

Choisissez votre formulaire de contact dans la liste déroulante

Il ne vous reste plus qu'à publier votre page. Vous pourrez alors voir le formulaire en direct sur votre site web.

Exemple d'un formulaire de contact ajouté à WordPress en utilisant WPForms

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 verrez ici le widget WPForms que vous pouvez faire glisser et 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.

ajoutez le formulaire de contact à votre barre latérale à l'aide du 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 WordPress Twenty Twenty par défaut sur votre site.

Formulaire de contact publié dans votre barre latérale

WPForms vous donne également la possibilité d'ajouter un formulaire de contact en utilisant un shortcode WordPress. Vous pouvez trouver le shortcode de votre formulaire de contact en visitant WPForms " All Forms et en copiant le shortcode à partir de là.

WPForms shotcode

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 meilleur plugin WordPress Googel Analytics

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.

Questions fréquemment posées

Ai-je besoin de compétences en codage pour ajouter un formulaire de contact en utilisant WPForms ?

Non, vous n'avez pas besoin de compétences en codage pour ajouter un formulaire de contact en utilisant WPForms. Le plugin dispose d'un constructeur de formulaire par glisser-déposer qui est adapté aux débutants.

L'ajout d'un formulaire de contact ralentira-t-il mon site web ?

En général, WPForms est optimisé pour la performance et ne devrait pas avoir d'impact significatif sur la vitesse de votre site web. Cependant, c'est toujours une bonne idée de surveiller la performance de votre site après l'ajout de nouvelles fonctionnalités.

WPForms est-il compatible avec tous les thèmes WordPress ?

WPForms est conçu pour être compatible avec la plupart des thèmes WordPress. Cependant, si vous rencontrez des problèmes, leur équipe de support est disponible pour vous aider.

Quel est le niveau de sécurité de WPForms ?

WPForms offre plusieurs fonctions de sécurité comme la protection contre le spam et le CAPTCHA. Cependant, il est conseillé de prendre des mesures de sécurité supplémentaires pour protéger votre site web.

Quelle est la différence entre la version gratuite et la version payante de WPForms ?

The free version, WPForms Lite, offers basic functionalities for creating simple contact forms. The paid version provides additional features like payment forms, email subscriptions, and advanced fields.

Félicitations !

Vous avez maintenant appris à créer un formulaire de contact convivial dans WordPress afin que les visiteurs de votre site web puissent vous contacter facilement et que vous ne manquiez aucun message. Ce n'était pas facile ?

Vous cherchez d'autres moyens d'étendre les fonctionnalités du site web de votre petite entreprise ? Notre guide définitif des meilleurs plugins WordPress vous donnera quelques idées.

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.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.