Comment ajouter un formulaire de contact à votre site WordPress

Vous voulez un moyen facile de créer un formulaire de contact dans WordPress ?

Avec un formulaire de contact, vos visiteurs peuvent facilement vous contacter, poser des questions sur votre entreprise, s'informer sur les produits et envoyer des commentaires. C'est un élément indispensable sur tout site web.

Normalement, l'ajout d'un formulaire de contact à votre site nécessite un peu de codage, mais nous allons vous donner une méthode beaucoup plus simple que tout le monde peut suivre.

Dans ce tutoriel, il ne vous faudra que 5 étapes faciles pour avoir un formulaire magnifique et entièrement fonctionnel sur votre site.

De quoi avez-vous besoin dans un formulaire de contact ?

Les formulaires de contact peuvent servir à plusieurs fins sur votre site. Ils peuvent vous aider à obtenir plus de prospects et à surmonter les objections de vente. De plus, c'est plus rapide et plus facile que d'envoyer un e-mail pour vous contacter, ce qui améliore certainement l'expérience utilisateur.

Lorsque vous créez un formulaire de contact, vous devez garder à l'esprit les points suivants :

• Convivialité : Les visiteurs doivent pouvoir envoyer leurs messages et autres informations directement depuis votre site.
• Obtenir les bonnes informations : Demandez uniquement les informations que vous souhaitez obtenir de vos visiteurs, telles que leur numéro de téléphone, leur adresse e-mail, et plus encore. 
• Protection contre le spam : Tout formulaire sur un site web est susceptible de recevoir du spam. Un plugin peut vous aider à empêcher les spammeurs et les pirates de soumettre de fausses entrées et même des logiciels malveillants.
• Données organisées : Les données que vous obtenez des formulaires de contact sont précieuses. À mesure que de plus en plus d'utilisateurs soumettent le formulaire, vos données pourraient facilement se perdre. Organiser vos entrées de formulaire dès le départ est la bonne approche.
• Génération de prospects : Profitez-en pour demander aux utilisateurs s'ils peuvent être ajoutés à votre liste d'e-mails afin de les tenir informés de votre newsletter hebdomadaire.
• Conformité : De nombreux constructeurs de formulaires de contact offrent la possibilité d'ajouter une case à cocher pour demander la permission à l'utilisateur de le contacter. Vous pouvez facilement vous conformer aux règles du RGPD. 

Cela dit, commençons notre guide étape par étape sur la façon d'ajouter un formulaire de contact à votre site WordPress.

La MEILLEURE façon d'ajouter un formulaire de contact dans WordPress

Si vous allez créer un formulaire de contact sur WordPress, vous devriez utiliser le meilleur plugin du marché. C'est WPForms, sans aucun doute.

WPForms est le constructeur de formulaires le plus puissant pour les sites WordPress. Il offre toutes les fonctionnalités dont vous aurez jamais besoin pour créer n'importe quel type de formulaire en quelques clics. 

Avec son constructeur facile par glisser-déposer, n'importe qui peut ajouter un formulaire de contact dans WordPress sans aucune connaissance en codage. Le plugin propose plus de 1 200 modèles de formulaires pour que vous n'ayez pas à en créer un à partir de zéro. Vous pouvez simplement ajouter ou supprimer des champs et personnaliser le formulaire comme vous le souhaitez. 

De plus, vous aurez accès à d'autres fonctionnalités avancées comme les notifications et les confirmations de formulaire. 

Cela vous permettra d'envoyer des e-mails et des messages de confirmation à vos visiteurs dès qu'ils cliquent sur le bouton d'envoi de votre formulaire de contact. Vous pouvez même vous notifier ainsi que les membres de votre équipe afin de pouvoir répondre immédiatement aux utilisateurs.

Il est juste de dire que WPForms est le meilleur choix pour créer des formulaires de contact dans WordPress. Voici les fonctionnalités clés que le plugin offre : 

• Constructeur de formulaires par glisser-déposer, facile pour les débutants
• Plus de 1 200 modèles de formulaires pré-construits
• Prend en charge les processeurs de paiement comme PayPal, Stripe, Square, et plus encore
• Tableau de bord de gestion des entrées pour suivre et gérer les soumissions de formulaires
• Intégrations avec des services de marketing par e-mail pour construire votre liste d'e-mails
• Protection anti-spam intégrée avec options de captcha

Maintenant que vous savez quel constructeur de formulaires utiliser, apprenons comment créer facilement un formulaire de contact dans WordPress.

Étape 1 : Installer le plugin WPForms

Tout d'abord, vous devrez vous inscrire pour un compte WPForms. Vous pouvez également commencer avec le plugin WPForms Lite, disponible sur WordPress.org. Cette version gratuite offre de nombreuses fonctionnalités pour créer des formulaires de contact professionnels pour votre site web. 

Si vous souhaitez accéder à des fonctionnalités avancées telles que les passerelles de paiement et les modules complémentaires de formulaire, vous pouvez passer à la version pro. Les plans tarifaires commencent à partir de 49,50 $ par an. 

Une fois inscrit, vous trouverez votre fichier de téléchargement et votre clé de licence dans le tableau de bord WPForms. 

Vous devez installer le plugin WPForms sur votre site WordPress. Pour plus de détails à ce sujet, consultez notre guide simple sur comment installer un plugin WordPress. 

Après avoir installé le plugin, ouvrez la page WPForms » Paramètres et entrez votre clé de licence ici. 

Ensuite, cliquez sur le bouton Vérifier la clé pour voir le message de succès. 

Vous pouvez maintenant commencer à créer votre formulaire de contact WordPress. 

Étape 2 : Créer un nouveau formulaire de contact

Pour créer un nouveau formulaire, allez dans l'onglet WPForms » Ajouter nouveau dans le menu de gauche de votre tableau de bord WordPress. 

Ensuite, vous verrez la bibliothèque de modèles où vous pourrez sélectionner un modèle de formulaire de contact ou un formulaire vierge pour commencer. 

Vous pouvez donner un nom à votre formulaire en haut et sélectionner le modèle Formulaire de contact simple pour ce tutoriel. 

Sur l'écran suivant, vous verrez l'éditeur de formulaire par glisser-déposer. Tous les champs du formulaire tels que l'e-mail, les nombres, le captcha et le téléchargement de fichiers sont disponibles sur le côté gauche de la page.

Et sur la droite, vous verrez l'aperçu du formulaire. Le modèle de formulaire inclut déjà tous les champs nécessaires tels que :

• Nom (prénom et nom)
• Adresse e-mail
• Commentaire / Message

Si c'est tout ce dont vous avez besoin, cliquez sur Enregistrer et passez à l'étape suivante. Si vous avez besoin de plus de personnalisation, le constructeur par glisser-déposer est incroyablement facile à utiliser.

Vous pouvez facilement ajouter un nouveau champ de formulaire dans l'aperçu du formulaire et organiser l'ordre comme vous le souhaitez. Par exemple, nous allons ajouter le champ déroulant au formulaire de contact. 

Pour modifier un champ de formulaire, il vous suffit de cliquer dessus et vous verrez les options du champ telles que l'étiquette, les étiquettes d'éléments, la description, et plus encore. 

Dans l'onglet des paramètres Avancé, vous trouverez plus d'options comme le style du formulaire, la taille des champs, les classes CSS, et d'autres paramètres pour personnaliser le champ du formulaire.

Une fois que vous avez terminé de personnaliser votre formulaire de contact, vous pouvez ajuster les paramètres pour vous assurer qu'il répond à vos besoins.

Étape 3 : Configurer les paramètres du formulaire

Dans le panneau du menu de gauche de l'éditeur de formulaire, cliquez sur l'onglet Paramètres » Général. Ici, vous verrez ces paramètres de formulaire :

• Nom du formulaire : Modifiez le nom de votre formulaire de contact.
• Description du formulaire : Ajoutez une description simple de ce que fait votre formulaire de contact. 
• Texte du bouton de soumission : Changez l'étiquette du bouton de soumission du formulaire de contact.
• Texte de traitement du bouton de soumission : Entrez un texte à afficher sur le bouton de soumission lorsque le formulaire est en cours de traitement.
• Activer la protection anti-spam : Empêche les robots spammeurs de soumettre des formulaires.  

Si vous faites défiler vers le bas, vous verrez des options avancées comme le CSS personnalisé pour le bouton de soumission, la soumission de formulaire AJAX, et plus encore. Celles-ci sont destinées aux développeurs qui souhaitent ajouter du code personnalisé.

Une fois que vous avez terminé, cliquez sur Enregistrer et passez à l'étape suivante.

Étape 4 : Activer les notifications et confirmations de formulaire

WPForms vous permet de contrôler ce qui se passe après que les utilisateurs soumettent un formulaire sur votre site Web WordPress. Vous pouvez envoyer des notifications et des confirmations de formulaire à :

• Notifiez-vous et les membres de votre équipe des nouvelles soumissions de formulaire
• Envoyez un e-mail aux utilisateurs pour confirmer leurs soumissions.
• Affichez un message de confirmation ou de remerciement après une soumission de formulaire réussie
• Redirigez les clients vers une autre page après qu'ils aient soumis leur formulaire

Pour configurer les notifications par e-mail, ouvrez l'onglet Paramètres » Notification dans le menu de gauche du constructeur de formulaire. 

Par défaut, la notification d'administrateur est déjà configurée. Cela enverra un e-mail à l'administrateur du site web à chaque nouvelle soumission de formulaire.

Dans le champ Envoyer à l'adresse e-mail, vous pouvez ajouter d'autres adresses e-mail de vos membres d'équipe. Assurez-vous simplement de les séparer par des virgules. 

De plus, vous pouvez configurer une notification pour vos utilisateurs et leur envoyer des e-mails de confirmation automatisés. Pour cela, cliquez simplement sur le bouton Ajouter une nouvelle notification.

Pour ajouter l'adresse e-mail de l'utilisateur, cliquez sur l'option Afficher les balises intelligentes et sélectionnez le champ de formulaire E-mail. 

Ensuite, vous pouvez personnaliser la ligne d'objet, le nom du formulaire et le corps de l'e-mail. Si vous souhaitez afficher les détails de la soumission du formulaire dans l'e-mail, utilisez la balise intelligente {all_fields}. 

Cela récupérera automatiquement les données de la soumission du formulaire et les ajoutera à la notification par e-mail. 

Maintenant, vous pouvez configurer le message de confirmation qui s'affiche sur le front-end de votre site WordPress après que les utilisateurs aient soumis le formulaire.

Pour cela, cliquez sur l'onglet Confirmations sur la page des paramètres. Ici, vous verrez 3 options :

• Afficher un message personnalisé 
• Rediriger vers une autre page de votre site
• Redirection vers un site web ou une page externe

Si vous souhaitez afficher un message de remerciement aux utilisateurs, vous pouvez saisir un message personnalisé dans la zone de texte. 

De plus, vous aurez la possibilité de faire défiler automatiquement jusqu'au message de confirmation et d'afficher un aperçu de la soumission du formulaire aux utilisateurs. Vous pouvez même sélectionner le style de l'aperçu. 

Pour en savoir plus à ce sujet, consultez notre guide sur comment configurer les bonnes notifications et confirmations de formulaire. 

N’oubliez pas d’enregistrer vos paramètres à la fin. 

Tout ce que vous avez à faire maintenant est d’ajouter le formulaire de contact à votre site WordPress. Avant de faire cela, si vous souhaitez connecter ce formulaire de contact à votre compte de marketing par e-mail, vous pouvez le faire sous l’onglet Marketing.

Vous devez simplement sélectionner votre fournisseur d’e-mails et connecter votre compte. Ensuite, vous pouvez segmenter les prospects et les faire ajouter automatiquement à votre liste de contacts et à vos campagnes par e-mail. C’est vraiment aussi simple que ça !

Ajoutons maintenant votre formulaire de contact à votre site web.

Étape 5 : Ajouter votre formulaire de contact dans WordPress

WPForms vous permet d’ajouter vos formulaires de contact à n’importe quelle page, article ou barre latérale de votre site. Il offre un support pour le shortcode de formulaire de contact et l’éditeur de blocs Gutenberg pour rendre le processus très facile. 

Ajouter un formulaire de contact à une page ou un article WordPress (Gutenberg)

Pour ajouter le formulaire de contact sur n’importe quelle page ou article WordPress, vous pouvez rechercher le bloc WPForms et l’ajouter à l’éditeur de texte. 

Ensuite, vous verrez un menu déroulant où vous pourrez sélectionner le formulaire de contact que vous venez de créer.

Après avoir sélectionné le formulaire, vous verrez l’aperçu dans l’éditeur de texte. Pour ajouter le formulaire de contact à votre site, cliquez sur le bouton Publier dans le coin supérieur droit. 

Ajouter un formulaire de contact à une page ou un article WordPress (Éditeur classique)

Si vous utilisez l’éditeur classique de WordPress, vous pouvez ajouter le formulaire de contact en utilisant le bouton Ajouter un formulaire. Ou, vous pouvez simplement copier et coller le shortcode du formulaire pour intégrer le formulaire sur votre site web. 

Ajouter un formulaire de contact à une barre latérale

Vous pouvez également ajouter le formulaire de contact au widget de votre barre latérale. Pour cela, allez dans Apparence » Widget. Maintenant, faites glisser le widget WPForms dans la barre latérale ou le menu du pied de page à droite.

Après cela, sélectionnez votre formulaire à l'aide du menu déroulant et enregistrez vos modifications.

Une fois terminé, cliquez sur le bouton Enregistrer. Votre formulaire commencera maintenant à s'afficher dans la barre latérale de votre site web.

Et voilà ! Vous avez appris à ajouter un formulaire de contact dans WordPress en quelques étapes simples en utilisant WPForms. 

Sans aucun doute, WPForms est le plugin constructeur de formulaires n°1 pour WordPress qui vous permet de créer des formulaires pour n'importe quel usage. Il est compatible avec tous les principaux thèmes et constructeurs de pages WordPress, vous n'aurez donc aucun mal à l'utiliser sur votre site.

WPForms vous permet également de créer d'autres formulaires tels que :

• Formulaires de commande de produits
• Inscriptions aux événements
• Formulaires de dons
• Sondages et enquêtes
• Formulaires de réservation 

...et bien plus encore. Cliquez simplement sur les liens ci-dessus pour accéder directement à un tutoriel facile pour le configurer.

C'est tout pour aujourd'hui ! Nous espérons que cet article vous a aidé à ajouter facilement un formulaire de contact à votre site web WordPress. 

Si vous avez apprécié ce tutoriel, vous pourriez également aimer notre guide étape par étape sur comment créer facilement un sondage dans WordPress.

Pour vos prochaines étapes, vous pourriez vouloir consulter ces ressources : 

• Comment configurer le suivi des formulaires WordPress dans Google Analytics
• Meilleurs outils de capture d'e-mails et constructeurs de formulaires pour WordPress
• Comment ajouter l'option 'Enregistrer et continuer plus tard' aux formulaires WordPress

Ces articles vous aideront à suivre vos soumissions de formulaires et à développer votre liste de marketing par e-mail. Le dernier vous aidera à ajouter la fonctionnalité d'enregistrement et de reprise à vos formulaires WordPress.