Voulez-vous apprendre à créer un formulaire de contact dans WordPress ?
Si vous souhaitez communiquer avec vos visiteurs, un formulaire de contact est indispensable pour votre site web. Il vous permet de recevoir des commentaires, de fournir une assistance à la clientèle, de répondre à des questions, etc.
Dans cet article, je vous montrerai la manière la plus simple de créer un formulaire de contact pour votre site WordPress.
Dans cet article
Pourquoi ajouter un formulaire de contact à WordPress ?
Si vous vous demandez pourquoi les formulaires de contact sont importants, la réponse est simple.
Grâce à un formulaire de contact, vos visiteurs peuvent facilement vous contacter directement à partir de votre site web. Ainsi, vos clients peuvent facilement poser des questions, obtenir une assistance à la clientèle, faire part de leurs commentaires, et bien plus encore.
Comme ils peuvent facilement vous joindre de cette manière, vos clients potentiels ne quitteront pas votre site pour aller chez vos concurrents.
Ce n'est qu'un début. Voici d'autres façons étonnantes dont les formulaires de contact peuvent aider votre site.
- Communication rapide : Lorsque les personnes remplissent un formulaire de contact, les informations vous sont instantanément envoyées. Vous pouvez alors les contacter rapidement dès que vous êtes disponible.
- Données importantes : Lors d'un appel téléphonique ou d'un courrier électronique, il se peut que les personnes ne vous donnent pas les informations dont vous avez besoin. Mais avec un formulaire de contact, vous pouvez leur indiquer exactement les informations que vous souhaitez obtenir.
- Protection contre le spam : Vous pouvez également empêcher les robots spammeurs d'utiliser les formulaires de contact. Ainsi, vous n'avez pas besoin de parcourir des messages de spam pour trouver les informations nécessaires.
- Génération de leads : D'après nos statistiques sur le marketing des médias sociaux, plus de 70 % de vos visiteurs quitteront votre site et n'y reviendront jamais. Mais avec un formulaire de contact, vous pouvez recueillir leurs informations et les ajouter à votre liste de marketing par courriel.
- Des données organisées : Dès que les personnes soumettent le formulaire de contact, les données sont automatiquement réparties en différentes catégories. Cela vous évite de devoir organiser manuellement les données.
Les formulaires de contact de votre site web peuvent être utilisés à bien d'autres fins.
La facilité de communication vous permet de maintenir l'intérêt de vos visiteurs, d'offrir un meilleur service à la clientèle, d'atteindre des clients potentiels à des fins de marketing, et bien d'autres choses encore.
Voyons maintenant la manière la plus simple de créer un formulaire de contact dans WordPress.
La façon la plus simple d'ajouter un formulaire de contact dans WordPress
Oubliez la création de formulaires de contact à partir de zéro. Avec WordPress, tout ce dont vous avez besoin, c'est d'un plugin de formulaire de contact, et vous pouvez créer vos formulaires en toute simplicité.
Lorsqu'il s'agit de plugins pour les formulaires de contact, il y a une tonne d'options disponibles en ligne. Cependant, le meilleur d'entre eux doit être WPForms.
En tant que meilleur plugin de formulaire WordPress du marché, WPForms vous aide à créer des formulaires de contact attrayants pour votre site WordPress en seulement quelques minutes - aucun codage n'est nécessaire.
En plus d'être convivial, WPForms est doté d'une tonne de fonctionnalités pour vous aider à construire des formulaires de contact à fort taux de conversion. En fait, voici quelques points forts :
- Constructeur par glisser-déposer : En utilisant le simple constructeur par glisser-déposer, vous pouvez rapidement créer vos formulaires de contact, même si vous êtes un novice en matière de WordPress.
- Modèles préconstruits : Vous pouvez simplement prendre un modèle prêt à l'emploi, le modifier à l'aide du générateur de glisser-déposer et avoir un formulaire de contact prêt à l'emploi en quelques minutes.
- Formulaires multi-pages: Pour rendre les formulaires plus longs plus attrayants, WPForms vous permet de les diviser en différentes pages.
- Logique conditionnelle intelligente : Avec WPForms, vous pouvez créer des formulaires intelligents qui affichent ou cachent des champs en fonction des choix de la personne. Ainsi, vous pouvez créer des formulaires plus courts qui ne contiennent que les champs nécessaires.
- Fonctionnalité de téléchargement de fichiers: Pas besoin de télécharger un plugin de téléchargement de fichiers séparé - WPForms permet à vos visiteurs de télécharger des fichiers directement depuis votre site.
- Prise en charge des paiements : Vos visiteurs peuvent même utiliser Paypal ou Stripe pour effectuer des paiements à l'aide de vos formulaires. Vous pouvez ainsi disposer de formulaires de commande pratiques sur votre site web.
Et ce n'est que le début. WPForms est une solution tout-en-un pour créer des formulaires sur votre site WordPress. Avec plus de 6 millions d'utilisateurs satisfaits, c'est facilement le meilleur plugin de formulaire de contact du marché.
Vous voulez en savoir plus ? Vous pouvez jeter un coup d'œil à notre test approfondi de WPForms ici.
Maintenant, voyons comment vous pouvez créer votre formulaire de contact dans WordPress.
Comment créer un formulaire de contact dans WordPress
En utilisant WPForms, vous pouvez facilement construire votre formulaire de contact en seulement 5 étapes. Commençons par les étapes ci-dessous :
Étape 1 : Télécharger et installer le plugin WordPress WPForms
Tout d'abord, vous pouvez obtenir votre copie de WPForms ici. Une fois que vous avez le plugin, il vous suffit de l'installer et de l'activer sur votre site web.
Vous ne savez pas comment procéder ? Consultez ce guide simple sur l'installation des plugins WordPress.
Ensuite, vous pouvez passer à l'étape 2, où vous créez votre nouveau formulaire de contact.
Étape 2 : Créer un nouveau formulaire de contact
Vous pouvez maintenant créer un nouveau formulaire de contact pour votre site. Pour ce faire, allez tout d'abord dans WPForms " Add New depuis votre tableau de bord WordPress.
Dans l'écran suivant, vous pouvez sélectionner le modèle de votre nouveau formulaire. Pour continuer, il vous suffit de faire défiler l'écran vers le bas et de choisir l'option Formulaire de contact simple .
Lorsque votre souris passe au-dessus de l'option, cliquez sur Utiliser le modèle.
Une fois que vous avez fait cela, WPForms crée automatiquement un formulaire de contact simple pour vous.
Vous avez maintenant un nouveau formulaire de contact sur votre site. Sur ce formulaire, vous disposez de 3 champs personnalisés dans lesquels les personnes peuvent entrer leurs informations :
- Champ nom : Prénom et nom de famille de votre visiteur
- Champ Email : L'adresse électronique de la personne
- Champ de commentaire ou de message : Permet de saisir un message
En dessous, vous avez le bouton de soumission sur lequel vos visiteurs peuvent appuyer pour envoyer leur formulaire de contact.
Après cela, il est temps de passer à l'étape 3 où vous pouvez ajouter tous les champs personnalisés dont vous avez besoin sur le formulaire de contact.
Étape 3 : Ajouter vos champs personnalisés
Maintenant que vous avez créé votre formulaire de contact, vous devez ajouter de nouveaux champs personnalisés dans lesquels les visiteurs peuvent saisir leurs informations.
Lorsque j'utilise WPForms, j'apprécie le fait que je peux facilement faire cela en utilisant l'éditeur simple de WPForm par glisser-déposer.
Sur le panneau de gauche, vous trouverez les différents champs personnalisés. Et à droite, vous pouvez voir votre nouveau formulaire de contact.
Il vous suffit de sélectionner le champ de votre choix dans la partie gauche et de le glisser-déposer dans votre formulaire de contact dans la partie droite.
Pour ce tutoriel, nous ajouterons le champ Numéros pour collecter les numéros de téléphone de vos utilisateurs.
Vous pouvez ensuite modifier les options de votre nouveau champ personnalisé.
Pour ce faire, il suffit de cliquer sur le nouveau champ. Les options s'affichent alors dans le panneau de gauche.
Le champ Étiquette permet de modifier le texte qui apparaît dans le champ.
En dessous, vous avez le champ Description que vous pouvez utiliser pour afficher plus d'informations sur le champ.
Enfin, vous pouvez faire basculer l'option Requis ci-dessous pour déterminer si l'utilisateur doit remplir le champ ou non.
Les options sont différentes pour d'autres types de champs personnalisés. Une fois que vous avez modifié ces options, cliquez sur l'onglet Avancé en haut du panneau de gauche.
Ici, vous pouvez modifier les options avancées pour votre champ. Les options disponibles sont les suivantes :
- Taille du champ : Choisissez la taille du champ à l'écran
- Placeholder Text : Ajoutez un texte qui apparaît avant que l'utilisateur ne remplisse le champ personnalisé.
- Valeur par défaut : Sélectionnez la valeur du champ si l'utilisateur ne le remplit pas.
- Classes CSS : Personnalisez davantage le champ à l'aide de codes CSS
- Masquer l'étiquette : Choisissez d'afficher ou de masquer l'étiquette du champ.
Après avoir modifié les paramètres avancés, vous pouvez cliquer sur l'onglet Smart Logic .
Ici, vous pouvez activer la logique conditionnelle pour votre champ. Vous pouvez ainsi masquer ou afficher votre champ en fonction de la réponse d'un autre champ du formulaire de contact.
Il vous suffit ensuite de cliquer sur le bouton Ajouter des champs pour continuer à ajouter d'autres champs personnalisés à votre nouveau formulaire de contact.
Enfin, vous pouvez cliquer sur le bouton Enregistrer en haut à droite une fois que vous avez fini d'ajouter des champs personnalisés.
Ensuite, il est temps de passer à l'étape 4, où vous modifiez les paramètres du formulaire de contact.
Étape 4 : Modifier les paramètres de votre formulaire
L'étape suivante après l'ajout de vos champs personnalisés consiste à modifier les paramètres de votre nouveau formulaire de contact.
Tout d'abord, cliquez sur le bouton Paramètres à gauche pour ouvrir votre page de paramètres.
Sur cette page, vous trouverez les paramètres généraux de votre nouveau formulaire de contact. Ils vous permettent de configurer les éléments suivants :
- Nom du formulaire : Le nom de votre nouveau formulaire de contact
- Description du formulaire : Une description de base de ce que fait le formulaire de contact
- Texte du bouton de soumission : L'étiquette qui apparaît sur le bouton d'envoi du formulaire de contact
- Texte de traitement du bouton de soumission : L'étiquette qui apparaît sur le bouton de soumission lorsque le formulaire est en cours de traitement.
- Activer la protection anti-spam : Activez ou désactivez la protection de votre formulaire contre les robots spammeurs.
Après avoir saisi vos paramètres ici, cliquez sur le bouton Enregistrer.
Ensuite, allez dans les options de notifications sur la gauche pour vérifier les autres paramètres.
Ici, vous pouvez modifier les notifications par courrier électronique que vous recevez lorsque quelqu'un soumet le formulaire.
Tout d'abord, vous pouvez utiliser le bouton Activer les notifications pour déterminer si vous recevez ou non ces notifications.
Sous cette rubrique, vous pouvez modifier les détails de vos notifications :
- Envoyé à l'adresse électronique : L'adresse électronique qui reçoit ces notifications
- Ligne d'objet de l'e-mail : L'objet des courriels de notification de votre formulaire de contact
- Nom de l'expéditeur : Le nom de l'expéditeur de vos courriels de notification.
- De l'email : L'adresse électronique qui envoie vos courriels de notification
Si vous faites défiler l'écran vers le bas, vous trouverez le champ " Reply-To Email Address". Il vous permet de choisir l'adresse électronique qui recevra les réponses à vos courriels de notification.
Ensuite, vous pouvez modifier le contenu des courriels de notification en utilisant le champ Message du courriel. Si vous le laissez tel quel, les courriels de notification afficheront les informations du formulaire de contact.
Enfin, vous avez la possibilité d' activer la logique conditionnelle pour les courriels.
Grâce à cette option, vous pouvez configurer votre formulaire de contact de manière à ce qu'il n'envoie les courriels de notification que si certains champs personnalisés sont remplis d'une manière spécifique.
Une fois ces options définies, cliquez sur le bouton Enregistrer.
Vous pouvez ensuite accéder à l'option Confirmations sur la gauche pour modifier les paramètres suivants.
Ces paramètres vous permettent de modifier le message que vos visiteurs reçoivent lorsqu'ils remplissent le formulaire de contact.
Il vous suffit d'ajouter le message de votre choix dans le champ Message de confirmation , puis de cliquer sur Enregistrer.
Et c'est ainsi que vous avez créé un nouveau formulaire de contact et que vous l'avez correctement configuré.
L'étape suivante consiste à ajouter le formulaire de contact sur votre site WordPress.
Étape 5 : Ajouter le formulaire de contact à votre site web
Enfin, vous pouvez intégrer le formulaire de contact sur votre site web WordPress.
Il y a deux façons de procéder :
- Ajoutez le formulaire de contact à votre page WordPress
- Ajoutez le formulaire de contact à votre barre latérale ou à votre pied de page WordPress
Nous allons examiner les deux méthodes ci-dessous.
Ajouter le formulaire de contact à votre page WordPress
Pour intégrer votre formulaire de contact à une page, cliquez sur le bouton " Intégrer" dans le coin supérieur droit.
Vous verrez alors apparaître une fenêtre contextuelle qui vous demandera où vous souhaitez intégrer votre formulaire de contact. Vous pouvez sélectionner une page existante ou créer une nouvelle page pour votre formulaire de contact.
Une fois que vous avez sélectionné l'option souhaitée, le plugin vous renvoie soit à une nouvelle page, soit à une page existante.
Il suffit de cliquer sur la petite icône plus (+) et de sélectionner le bloc WPForms .
Ensuite, vous verrez un nouveau bloc sur votre page qui vous demandera de choisir le formulaire de contact que vous souhaitez intégrer.
Il suffit d'utiliser le menu déroulant et de sélectionner le formulaire de contact que vous avez choisi précédemment.
Enfin, cliquez sur le bouton Publier ou Mettre à jour , et le tour est joué ! Vous pouvez maintenant ouvrir votre site et vérifier l'aspect de votre formulaire de contact.
Voyons maintenant la deuxième façon d'intégrer votre formulaire de contact.
Ajouter le formulaire de contact à la barre latérale ou au pied de page de WordPress
La prochaine façon d'ajouter votre formulaire de contact est de l'intégrer à votre barre latérale ou à votre pied de page sous la forme d'un widget WordPress.
Tout d'abord, allez dans Apparence " Widgets dans votre tableau de bord WordPress.
Là, vous pouvez voir toutes les différentes zones de votre site WordPress qui peuvent accueillir des widgets. Pour continuer, cliquez simplement sur un panneau Sidebar parmi les options disponibles.
Vous pouvez également cliquer sur un panneau de pied de page ici pour intégrer votre formulaire de contact dans la zone de pied de page.
Pour ce tutoriel, nous utiliserons une barre latérale.
Cliquez sur l'icône plus (+) et sélectionnez le widget WPForms dans les options.
Vous verrez maintenant un widget qui vous permettra d'intégrer vos formulaires. Il vous suffit d'utiliser le menu déroulant situé sous le champ Formulaire pour sélectionner votre formulaire de contact.
Cliquez ensuite sur le bouton Mettre à jour , et vous avez officiellement ajouté votre nouveau formulaire de contact à votre barre latérale WordPress.
Vous pouvez maintenant ouvrir votre site web et vérifier l'aspect du formulaire de contact.
Et c'est tout !
Voici notre guide sur la création d'un formulaire de contact dans WordPress. Comme vous pouvez le voir, vous pouvez facilement créer des formulaires de contact sur votre site web en utilisant le plugin WPForms.
En tant que meilleur plugin de formulaire de contact WordPress, WPForms vous permet de créer des formulaires de contact puissants en quelques étapes faciles. Ensuite, vous pouvez engager vos visiteurs, générer des prospects, et obtenir plus de ventes avec vos formulaires.
Prenez votre copie de WPForms aujourd'hui, et vous pourrez avoir des formulaires de contact à fort taux de conversion sur votre site web.
Astuce bonus : Ajouter un widget de formulaire "Contactez-nous" 🌟
Après avoir mis en place votre formulaire de contact WordPress, vous souhaiterez peut-être faciliter la tâche de vos visiteurs en l'intégrant sous forme de widget.
L'ajout d'un widget de formulaire "Contactez-nous" est un moyen fantastique d'améliorer l'interaction avec les utilisateurs à partir des barres latérales ou des pieds de page de votre site web. Voici un bref résumé de la procédure à suivre :
- Collecte simple des contacts: Utilisez des widgets pour collecter rapidement des informations essentielles sur les visiteurs, telles que les adresses électroniques, afin de faciliter le suivi.
- Amélioration de l'organisation: Trier automatiquement les informations entrantes, ce qui vous évite d'organiser manuellement les données.
- Support client rapide: Répondez rapidement aux questions de vos clients et gérez-les directement à partir de votre barre latérale ou de votre formulaire de soumission en bas de page.
- Protection contre le spam: Protégez votre site en bloquant efficacement les formulaires de spam.
- Stimulation de l'engagement: Transformez les visiteurs occasionnels en clients fidèles en les encourageant à interagir davantage avec votre site.
Pour suivre la procédure étape par étape, lisez l'article suivant sur l'ajout d'un widget de formulaire de contact sur votre site web.
Vous souhaitez utiliser le marketing des médias sociaux pour stimuler votre activité ? Jetez un œil à notre guide facile sur la façon d'obtenir plus de followers sur Facebook pour votre entreprise.
Vous souhaitez obtenir plus de prospects pour votre marque ? Voici comment créer une page d'atterrissage sur WordPress.
