Vous souhaitez ajouter un formulaire de contact WordPress à votre site web ?
L'utilisation d'un formulaire de contact sur votre site est le moyen le plus simple pour vos clients de vous contacter. De plus, il vous permet de collecter des adresses électroniques et des contacts afin d'enrichir votre liste d'adresses électroniques.
Dans ce tutoriel, nous vous montrerons comment créer facilement un formulaire de contact WordPress.
Créez votre formulaire WordPress maintenant
Dans cet article
- Étape 1 : Installer WPForms
- Étape 2 : Sélectionner le modèle de formulaire de contact simple
- Étape 3 : Personnalisez votre premier formulaire de contact
- Étape 4 : Vérifier les paramètres de notification du formulaire de contact
- Étape 4 : Intégrer votre formulaire de contact simple sur une page WordPress
- FAQ sur les formulaires de contact simples
Comment créer un formulaire de contact WordPress
Pour prouver à quel point il est facile d'utiliser WPForms pour créer un formulaire de contact dans WordPress, nous avons créé le WPForms Challenge.
Cet assistant de configuration amusant et convivial vous guide à travers tout ce que vous devez faire pour créer votre premier formulaire a. Vous avez 5 minutes pour le compléter. Mais nous pensons que vous aurez un formulaire terminé plus tôt que cela.
Le défi WPForms est juste pour le plaisir, et il n'apparaît que la première fois que vous créez un formulaire.
Si vous utilisez Elementor, vous pouvez consulter ce guide alternatif pour créer un formulaire de contact Elementor avec WPForms.
Prêt à commencer ? Commençons !
Étape 1 : Installer WPForms
La première chose à faire est d'installer et d'activer le plugin WPForms. WPForms est considéré comme le meilleur plugin de formulaire WordPress, et c'est la solution idéale pour créer des formulaires de contact.
Pour plus de détails, consultez ce guide étape par étape sur l'installation d'un plugin dans WordPress.
Une fois activé, vous verrez l'assistant de configuration de WPForms afficher l'option de relever le défi WPForms. Lorsque vous aurez terminé ce défi, votre premier formulaire sera prêt et vous pourrez créer une page de contact dans WordPress.
Cliquez sur Start the WPForms Challenge pour commencer.
Étape 2 : Sélectionner le modèle de formulaire de contact simple
Après avoir cliqué sur Start the WPForms Challenge, vous serez dirigé vers l'écran de configuration du formulaire. Ici, vous pouvez nommer votre formulaire et choisir parmi plus de 2 000 modèles de formulaires pour commencer. Il existe des modèles pour le service client, le marketing et d'autres fonctions commerciales, ainsi que pour les organisations à but non lucratif.
Cliquez sur Let's Go pour continuer.
La première étape du défi consiste à donner un nom à votre formulaire. Saisissez un nom ici et cliquez sur Terminé pour passer à l'étape suivante.
Vous verrez le compte à rebours s'écouler au fur et à mesure que vous construisez le formulaire.
Ensuite, il est temps de sélectionner un modèle prédéfini ou d'utiliser le modèle vierge si vous préférez créer votre formulaire à partir de zéro.
Puisque nous créons un formulaire de contact, nous allons sélectionner le modèle Formulaire de contact simple.
Dès que vous cliquez sur le modèle dont vous avez besoin, WPForms vous amènera à l'écran de construction du formulaire où vous trouverez un modèle de formulaire de contact de base chargé et prêt à l'emploi.
C'est ici que vous pouvez personnaliser votre formulaire de contact en ajoutant de nouveaux champs au modèle, en supprimant des champs existants ou en modifiant leurs paramètres.
Étape 3 : Personnalisez votre premier formulaire de contact
Une fois que vous êtes dans le générateur de formulaires, un message contextuel s'affiche pour vous indiquer l'étape suivante :
Personnaliser les champs d'un formulaire dans WordPress est très facile en utilisant le constructeur de formulaire par glisser-déposer de WPForms.
Vous pouvez ajouter de nouveaux champs à votre formulaire de contact en les faisant glisser du panneau de gauche vers le panneau de droite.
Cliquez ensuite sur le champ pour effectuer des modifications. Vous pouvez réorganiser l'ordre d'un champ sur votre formulaire en le faisant glisser.
Consultez ces exemples de pages de contact pour trouver des idées pour votre propre formulaire personnalisé.
Il est souhaitable que votre formulaire de contact soit aussi simple que possible. Mais vous êtes libre d'inclure des champs supplémentaires si nécessaire. Par exemple, vous pouvez ajouter un champ honorifique à votre formulaire ainsi que des options plus avancées comme la logique conditionnelle, des champs de téléchargement de fichiers, des champs de paiement (PayPal, Stripe, et autres), des cases à cocher, et bien d'autres fonctionnalités supplémentaires disponibles dans la version pro.
Lorsque vous avez terminé de personnaliser votre formulaire, cliquez sur Terminé.
Étape 4 : Vérifier les paramètres de notification du formulaire de contact
L'étape suivante du WPForms Challenge concerne les paramètres de notification de votre formulaire.
Les notifications de formulaire sont activées par défaut dans WPForms pour chaque formulaire que vous créez. Elles sont paramétrées pour être envoyées à l'adresse email de l'administrateur, contenant tous les détails de chaque entrée au fur et à mesure qu'elle est soumise.
Mais qu'en est-il si vous souhaitez également envoyer des notifications par courrier électronique à la personne qui soumet le formulaire ?
C'est facile à gérer. Dans WPForms, vous pouvez créer plusieurs notifications de formulaire et les envoyer à différents membres de votre équipe ainsi qu'à vos clients lors de la soumission du formulaire.
De plus, si vous souhaitez conserver une image de marque cohérente dans vos courriels, vous pouvez consulter ce guide sur l'ajout d'un en-tête personnalisé à votre modèle de courriel.
Lorsque les notifications de votre formulaire sont correctement configurées, cliquez sur Terminé.
Étape 4 : Intégrer votre formulaire de contact simple sur une page WordPress
Vous êtes maintenant prêt à ajouter une page de contact à votre site web WordPress. La fonctionnalité d'intégration est très conviviale pour les débutants car elle ne nécessite pas l'utilisation directe de shortcodes.
Pour commencer, cliquez sur le bouton Embed en haut du générateur de formulaires.
Vous pouvez cliquer sur Sélectionner une page existante ou sur Créer une nouvelle page. Allons-y et créons une nouvelle page.
Vous devez maintenant donner un nom à votre page. Nous avons appelé notre page Contact :
Maintenant WPForms va placer votre formulaire directement sur la page. Ici, vous pouvez également styliser vos champs de formulaire, vos étiquettes et vos boutons de soumission en utilisant de simples sélecteurs de couleurs et des paramètres de style. Voir notre guide sur le style des formulaires de contact pour plus de détails.
N'oubliez pas que vous devez cliquer sur Publier pour que votre formulaire soit mis en ligne sur votre site.
Et le tour est joué ! Vous pouvez voir le temps qu'il a fallu pour créer votre formulaire en bas à droite :
Vous pouvez également intégrer votre formulaire de contact dans la barre latérale de votre site.
Et voilà, c'est fait ! Vous savez maintenant comment créer un simple formulaire de contact WordPress.
FAQ sur les formulaires de contact simples
Jetez un coup d'œil aux questions fréquemment posées ci-dessous pour plus d'informations sur les formulaires de contact simples dans WordPress.
Quel est l'intérêt d'utiliser un formulaire de contact dans WordPress ?
Un formulaire de contact sur votre site web permet à vos visiteurs d'envoyer facilement et en toute sécurité des questions, des réclamations, des suggestions ou des commentaires.
En outre, l'ajout d'un formulaire de contact à votre site WordPress vous aide dans les domaines suivants :
- Communication efficace - Les formulaires de contact sont un excellent moyen de permettre à vos lecteurs de communiquer rapidement avec vous.
- Sécurité - Votre adresse électronique est à l'abri des spammeurs. Comme votre formulaire de contact n'affiche pas votre adresse électronique, les spammeurs ne peuvent pas la voler et l'ajouter à des listes de courrier indésirable.
- Organisation - Avec un formulaire de contact, vous pouvez vous connecter à votre service de marketing par courriel pour simplifier les choses en automatisant le marketing ou même connecter votre formulaire à Google Sheets pour enregistrer les entrées dans une feuille de calcul.
Existe-t-il un formulaire de contact intégré dans WordPress ?
Non, WordPress.org ne dispose pas d'un formulaire de contact intégré. Vous aurez besoin d'un plugin comme WPForms pour créer votre formulaire de contact. L'installation de WPForms est un processus rapide et sans tracas et vous n'avez même pas besoin d'obtenir une licence payante pour commencer à créer un formulaire de contact basique.
Quels sont les champs essentiels à inclure dans un formulaire de contact ?
Un formulaire de contact doit être aussi simple que possible et ne comporter que les champs essentiels comme le nom, l'email et le message. Le modèle WPForms Simple Contact Form inclut ces champs afin que vous n'ayez pas à les modifier manuellement si vous souhaitez utiliser un formulaire de contact simple et bien optimisé.
Est-il possible de suivre et de gérer les soumissions de formulaires de contact ?
Absolument ! La plupart des plugins de formulaires WordPress ajoutent un tableau de bord à votre site WordPress où vous pouvez voir, suivre et gérer toutes les soumissions pour vos formulaires de contact. Dans la version gratuite de WPForms, vous recevrez des notifications par email à chaque fois qu'une nouvelle soumission est effectuée. Vous pouvez également stocker toutes les soumissions sur votre site web en passant à la version Pro de WPForms.
Comment puis-je sauvegarder et exporter les données des formulaires de contact ?
L'une des meilleures façons de conserver une sauvegarde externe des données de votre formulaire de contact est d'intégrer votre formulaire à une feuille de calcul comme Google Sheets. WPForms Pro offre une intégration native qui vous permet de connecter n'importe quel formulaire WordPress à Google Sheets afin que les données que vous collectez soient automatiquement ajoutées à votre feuille de calcul. Cette dernière a également l'avantage d'être mise à jour à chaque fois qu'une nouvelle soumission est effectuée.
Vous pouvez également exporter manuellement les données de votre formulaire de contact à l'aide de WPForms, mais cela n'inclura que les informations jusqu'au moment où vous effectuez l'exportation. Pour une sauvegarde continue, nous vous recommandons d'intégrer votre formulaire à Google Sheets.
Ensuite, bloquez le spam du formulaire de contact
WPForms est livré avec un grand nombre d'outils de protection contre le spam pour arrêter le spam sur votre site. En fait, WPForms Lite est lui-même un excellent plugin gratuit de formulaire de contact avec des options captcha comme reCAPTCHA v2 et v3.
Si vous souhaitez créer un formulaire plus long, pensez à créer un formulaire en plusieurs étapes dans WordPress afin d'éviter la lassitude et d'encourager les gens à finir de remplir vos formulaires.
Vous pouvez également consulter ces astuces de formulaires web pour débloquer les données cachées des clients avec le champ caché de WPForms.
Créez votre formulaire WordPress maintenant
Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreuses fonctionnalités puissantes et des modèles gratuits, et offre une garantie de remboursement de 14 jours.
Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.
Bonjour, Je recherche un formulaire comme celui-ci
[URL supprimée].
Veuillez cliquer sur le bouton "nous contacter à propos de ce produit" et nous pourrons trouver un formulaire.
Dans ce formulaire, nous pourrons voir le nom et l'url du produit, et je suis sûr qu'ils seront également envoyés à l'email de l'administrateur.
Pouvez-vous faire cela ?
S'il vous plaît, n'affichez pas mon commentaire, répondez simplement par e-mail. Je vous remercie.
Hey Bill - J'avais déjà répondu à votre commentaire précédent lorsque j'ai vérifié celui-ci, mais j'avais déjà supprimé les URL de ce message, si c'est la raison pour laquelle vous vouliez ne pas publier le commentaire. N'hésitez pas à me faire savoir si cela vous aide, ou si vous voulez que je supprime vos commentaires, je peux le faire.
Merci 🙂 .
J'ai reçu un email m'indiquant que des personnes ont rempli mon formulaire de contact simple mais je ne sais pas où voir les entrées. Merci de m'aider !
Hey Annie - Si vous utilisez une version payante de WPForms, vous pouvez aller dans la section des entrées dans le tableau de bord de WordPress, et ici vous pouvez voir les entrées. Veuillez suivre ce guide détaillé sur l'affichage des entrées dans WPForms.
J'espère que cela vous aidera !
Hey Bill - Excellente question ! Oui, quelque chose comme cela peut être réalisé avec WPForms. Tout d'abord, vous devez utiliser notre méthode de population de champs dynamique où vous pouvez passer l'URL du produit, le nom, etc. pour remplir automatiquement certains champs du formulaire. Pour ouvrir le formulaire dans une fenêtre popup, vous pouvez suivre ce tutoriel
Pour toute autre question, je vous suggère de contacter notre équipe de support. Si vous avez une licence WPForms, vous avez accès à notre support par email, donc veuillez soumettre un ticket de support. Sinon, nous fournissons un support limité et gratuit sur le forum WPForms Lite WordPress.org.
Merci 🙂 .
Est-ce que je peux l'utiliser même si j'ai un compte wordpress gratuit (je ne peux pas utiliser de plugins à moins de passer au compte professionnel et je ne peux pas le faire pour l'instant) ?
Hey Nicole- Vous devez mettre à jour votre compte WordPress pour passer à Business car le plugin WPForms doit être installé.
J'espère que cela vous aidera ! Merci !
J'utilise le formulaire, j'ai donné ma notification par email, mais lorsque le formulaire est soumis, je ne reçois pas d'email concernant les données du formulaire,
Hey Rakshith - Je suis désolé que vous ayez un problème de livraison d'email ! Pour résoudre ce problème, vérifiez que les paramètres de notification des formulaires sont correctement configurés. S'ils sont corrects, le problème est probablement dû au fait que les e-mails envoyés depuis votre site ne sont pas authentifiés. Dans ce cas, vous devez configurer un plugin SMTP sur votre site afin que les e-mails soient envoyés en tant qu'e-mails authentifiés.
Pour toute aide supplémentaire, n'hésitez pas à contacter notre équipe de support. Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support.
Sinon, nous fournissons une assistance gratuite limitée dans le forum d'assistance WPForms Lite WordPress.org.
J'espère que cela vous aidera !
Bonjour WP,
Merci pour votre aide. J'ai configuré mon formulaire de CONTACT, et lorsque je le teste sur le site web, il est envoyé et dit MERCI POUR L'EMAIL. Mais je ne reçois pas l'email de notification à l'adresse email que j'ai saisie dans le champ SEND TO EMAIL ADDRESS en haut des paramètres de Notifications.
Comment puis-je résoudre ce problème ? Merci de votre compréhension.
Andreas
Bonjour Andres - Nous serions ravis de vous aider 🙂 .
Lorsque vous en aurez l'occasion, consultez ce guide pour résoudre les problèmes liés aux notifications par courrier électronique.
J'espère que cela vous aidera ! Si vous avez des questions, n'hésitez pas à contacter notre équipe.
Merci, et bonne journée 🙂 .
Bonjour, comment ajouter le formulaire de contact à un bouton ?
J'ai copié le shortcode dans l'URL du bouton, mais il se bloque quand on clique dessus... Je veux ajouter le formulaire soit en pop up soit pour qu'il apparaisse sur la même page que le bouton, sans avoir à créer une nouvelle page ou à utiliser un plugin pop up, comment faire ?
Remerciements
Hey Danny- Je suis désolé pour la confusion ! Nous n'avons pas de fonction permettant d'afficher le formulaire comme vous l'avez mentionné. Cependant, l'option la plus proche que je peux vous suggérer est d'intégrer le formulaire sur une page ou de créer un formulaire popup (nos clients ont donné un retour positif sur cette intégration comme le montre cet article).
J'espère que cela vous aidera ! Si vous avez des questions, n'hésitez pas à contacter notre équipe.
Merci ! 🙂 .
Est-ce que je peux envoyer un email à mon contact wpform avec la version gratuite de wpform. Et puis-je créer un formulaire de vente pour informer les clients/visiteurs des nouvelles mises à jour de mon blog et de ma boutique ?
Bonjour Danny, je suis désolée, je ne suis pas sûre de vous suivre complètement.
Notre plugin dispose d'une fonction de notification qui permet d'envoyer automatiquement des courriels aux utilisateurs qui ont soumis un formulaire avec succès. Vous trouverez plus de détails à ce sujet dans cet article.
Vous pouvez certainement créer n'importe quel type de formulaire avec notre plugin. Le constructeur de formulaire vous permet de créer des formulaires personnalisés à partir de zéro, et selon vos propres besoins. Vous n'êtes pas coincé avec un formulaire modèle. Cependant, les formulaires servent généralement à recueillir des informations, et pas tellement à les partager. Pourriez-vous nous contacter et nous donner plus de détails sur ce que vous attendez d'un formulaire de vente pour informer les clients et les visiteurs des mises à jour de votre blog et de votre site ?
Merci !
Bonjour,
Je peux ajouter un WP From à ma page wordpress et lorsque je suis connecté, je peux soumettre le formulaire et je reçois un email de notification.
Cependant, le formulaire de contact ne fonctionne pas lorsque je me déconnecte de wordpress et j'obtiens une erreur lorsque j'essaie de soumettre mon formulaire de contact.
Est-ce que quelqu'un peut m'aider à savoir ce que je peux faire ensuite ?
Merci,
Sophie
Sophia, - Nous sommes désolés pour ce problème. Afin de nous assurer que nous répondons à votre question de la manière la plus complète possible, pourriez-vous contacter notre équipe avec quelques détails supplémentaires sur le problème que vous rencontrez ?
Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support. Sinon, nous fournissons un support limité et gratuit sur le forum WPForms Lite WordPress.org.
Merci.
Bonjour, nous envisageons de créer un formulaire de conditions générales d'utilisation dont le libellé principal doit contenir un lien URL vers une page supplémentaire de conditions générales d'utilisation. Si nous achetons la version Lite, pouvons-nous intégrer un lien URL dans le libellé des conditions générales ou est-ce impossible ? Je veux vérifier que nous pouvons faire ce que nous essayons de faire avant d'acheter la version Lite de base. Merci beaucoup.
Janice - Afin de répondre à votre question de la manière la plus complète possible et d'éviter toute confusion, nous vous demandons de bien vouloir nous laisser le temps de vous répondre par courrier électronique.
Merci.
Bonjour, lorsque je teste le formulaire de contact que j'ai créé, il indique ceci sur l'email :
"Nouvelle entrée : Formulaire de contact simple"
Comment puis-je changer cela ?
Remerciements
Hey Michael - Bien sûr, vous pouvez tout à fait le modifier en ajoutant les textes que vous souhaitez dans la ligne d'objet de l'e-mail sous la notification.
J'espère que cela vous aidera. Merci beaucoup 🙂 .
J'ai acheté un email professionnel et je l'utilise pour le formulaire de contact mais je ne reçois pas d'email. J'ai créé un email cpanel et configuré le smtp, cet email cpanel reçoit les emails mais je veux mon email professionnel pour le formulaire de contact.
Hey Uroosa - Quand vous en aurez l'occasion, envoyez-nous une ligne avec plus de détails sur le problème que vous rencontrez dans le support afin que nous puissions vous aider davantage.
Si vous avez une licence WPForms, vous avez accès à notre support par email, veuillez donc soumettre un ticket de support.
Sinon, nous fournissons une assistance gratuite limitée dans le forum d'assistance WPForms Lite WordPress.org.
Merci 🙂 .