Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment j'ai créé un formulaire de contact WordPress que les gens utilisent vraiment

Quand j'ai commencé à créer des sites Web WordPress, je n'avais pas réalisé à quel point un formulaire de contact pouvait être utile. Ce n'est pas seulement un moyen pour les gens de vous contacter. Il permet également de garder votre adresse e-mail privée, de réduire le spam et de faciliter l'organisation.

Une fois que j'ai ajouté un formulaire de contact approprié, tout s'est déroulé plus facilement. Les visiteurs pouvaient me contacter sans problème, et je pouvais gérer les messages en un seul endroit.

C'est pourquoi j'utilise WPForms. C'est simple, fiable et s'occupe des détails pour que vous puissiez vous concentrer sur votre site Web.

Dans ce guide, je vais vous montrer comment créer un formulaire de contact professionnel dans WordPress en utilisant WPForms. 🚀

Comment créer un formulaire de contact dans WordPress (étape par étape)

Pourquoi ajouter un formulaire de contact dans WordPress ?

Ajouter un formulaire de contact à votre site WordPress est un moyen simple de faciliter la prise de contact. Au lieu de copier votre adresse e-mail et d'ouvrir leur application de messagerie, les visiteurs peuvent simplement envoyer un message directement depuis votre site Web.

J'ai vu à quel point quelque chose d'aussi petit peut faire une grande différence.

Lorsque les gens peuvent facilement poser des questions, demander des devis ou partager des commentaires, votre site semble plus accessible. Et vous êtes plus susceptible de démarrer de vraies conversations et de nouvelles opportunités commerciales.

Voici quelques avantages clés de l'ajout d'un formulaire de contact à votre site WordPress :

  • Réduisez le spam et restez organisé — Un formulaire de contact permet de bloquer la plupart des spams automatisés qui ciblent les adresses e-mail publiques, afin que vous ne receviez que des messages authentiques.
  • Demandez les bonnes informations dès le départ — Vous pouvez afficher des champs pour des éléments tels que le poste et le niveau d'expérience pour les formulaires de candidature, ou le type de produit et la quantité pour les bons de commande. Cela vous aide à comprendre ce dont les visiteurs ont besoin et à y répondre plus efficacement.
  • Obtenez plus de prospects sans perdre de visiteurs — Les gens sont beaucoup plus susceptibles de remplir un formulaire rapide que de quitter votre site pour envoyer un e-mail, surtout sur les appareils mobiles.
  • Ayez l'air plus professionnel — Un formulaire de contact simple et bien conçu inspire plus confiance que la simple publication de votre adresse e-mail.
  • Voyez ce qui intéresse le plus les gens — Les formulaires vous aident à repérer des tendances, comme depuis quelles pages les visiteurs vous contactent ou quels sujets ils abordent. Cela peut vous aider à ajuster votre contenu et à rendre votre site plus performant pour votre audience.

Le meilleur ? WordPress rend l'ajout de formulaires de contact professionnels simple, sans aucune connaissance en codage. Pour des stratégies de formulaires plus avancées, consultez notre guide ultime pour utiliser les formulaires WordPress.

Cela dit, je vais vous expliquer comment ajouter un formulaire de contact dans WordPress.

Voici un bref aperçu de ce que je vais couvrir dans ce guide :

Étape 1 : Installer et activer le plugin WPForms

Pour créer des formulaires de contact dans WordPress, je recommande WPForms, qui est le meilleur plugin de formulaire de contact pour WordPress. Il est facile à utiliser, mais suffisamment puissant pour gérer à peu près tout ce dont vous avez besoin.

Je l'ai personnellement utilisé sur de nombreux sites au fil des ans, et il a toujours été fiable. De plus, nous l'utilisons également pour créer notre formulaire de contact ici chez WPBeginner.

Consultez notre avis détaillé sur WPForms pour en savoir plus sur le plugin.

💡 Note : WPForms existe en versions gratuite et Pro. La version WPForms Pro comprend plus de 2 000 modèles de formulaires, une logique conditionnelle et un support prioritaire.

Mais si vous avez juste besoin d'un formulaire de contact basique, WPForms Lite fonctionne parfaitement, et vous pourrez passer à la version supérieure plus tard si vous avez besoin de plus de fonctionnalités.

Pour commencer, vous devez vous rendre sur le site web de WPForms pour vous inscrire à un compte.

Cliquez simplement sur le bouton « Obtenir WPForms maintenant », choisissez un plan et terminez le processus d'inscription. Cela vous mènera au tableau de bord WPForms, où vous pourrez accéder à vos fichiers zip WPForms Pro et à votre clé de licence.

Page d'accueil WPForms

À partir de là, vous pouvez ensuite vous rendre dans votre espace d'administration WordPress pour installer et activer le plugin WPForms.

Pour ce faire, naviguez simplement vers Plugins » Ajouter un nouveau plugin.

Le sous-menu Ajouter un nouveau plugin sous Plugins dans la zone d'administration de WordPress

Sur l'écran suivant, je vous recommande d'utiliser la barre de recherche pour trouver rapidement le plugin WPForms.

Cliquez sur le bouton « Installer maintenant » dans le résultat de recherche, puis sur « Activer ». Si vous souhaitez des instructions plus détaillées, vous pouvez consulter notre guide sur comment installer un plugin WordPress.

Le bouton Installer maintenant sur le résultat de recherche WPForms lors de l'ajout d'un nouveau plugin sur WordPress

Si vous avez acheté WPForms Pro, vous devrez également activer votre clé de licence.

Après avoir installé le plugin, allez dans WPForms » Paramètres dans votre tableau de bord d'administration et entrez votre clé de licence. Cela débloquera les fonctionnalités Pro et garantira que vous recevrez des mises à jour et un support réguliers.

Comment ajouter une clé de licence à la version premium de WPForms

Une fois activé, vous verrez un nouveau menu WPForms dans votre tableau de bord WordPress.

Étape 2 : Sélectionner le modèle de formulaire de contact simple

Maintenant que vous avez activé WPForms, vous êtes prêt à créer un formulaire de contact dans WordPress.

Lorsque vous accédez à WPForms pour la première fois, l'assistant de configuration vous guidera dans la création de votre formulaire.

Si vous ne voyez pas d'assistant de configuration, vous pouvez naviguer vers WPForms » Tous les formulaires dans votre panneau d'administration WordPress, puis cliquer sur le bouton « Ajouter un nouveau ».

Ajouter un nouveau formulaire WPForms

Cela vous mènera à la page de configuration, où vous pourrez commencer par donner à votre formulaire un nom descriptif comme « Formulaire de contact » ou « Entrer en contact ».

Ceci est uniquement pour votre référence, mais avoir des noms clairs vous aide à rester organisé si vous créez plusieurs formulaires plus tard.

Nommer votre formulaire WPForms

Ensuite, vous choisirez comment vous allez construire votre formulaire de contact :

  • Commencer à partir de zéro – Construisez votre formulaire sur une toile vierge pour un contrôle total sur la mise en page et les champs.
  • Utiliser un modèle prédéfini – Avec WPForms Pro, vous avez accès à plus de 2 000 modèles prêts à l'emploi que vous pouvez personnaliser en quelques minutes. WPForms Lite est livré avec plus de 60 modèles de formulaires gratuits.
  • Générer un formulaire avec l'IA – Laissez le Générateur de formulaires IA de WPForms créer un formulaire personnalisable pour vous. Décrivez simplement ce dont vous avez besoin dans une invite simple, et il s'occupera de la configuration automatiquement.

Si vous souhaitez utiliser l'IA de WPForms, vous pouvez survoler la boîte « Générer avec l'IA » et cliquer sur le bouton « Générer le formulaire ».

Générer un formulaire avec l'IA

Sur l'écran suivant, vous pouvez soit sélectionner parmi les exemples d'invites disponibles, soit ajouter votre propre invite personnalisée pour l'IA.

Il générera ensuite le formulaire pour vous, que vous pourrez voir dans la zone de prévisualisation.

Les formulaires IA de WPForms en action

🧑‍💻 Astuce d'initié : En plus du générateur de formulaires basé sur l'IA, WPForms propose également :

  • Choix IA : Générez automatiquement des options pour des champs tels que les choix multiples, les boutons radio, les cases à cocher et les menus déroulants.
  • Calculs IA : Générez instantanément des formules de calcul basées sur l'IA pour des champs tels que la taxe de vente, éliminant ainsi le besoin de calculs manuels.

Notez qu'il s'agit de fonctionnalités Pro disponibles avec les plans payants de WPForms.

Pour ce guide, cependant, je vais vous montrer les étapes en utilisant le modèle « Simple Contact Form ». Il comprend tous les champs essentiels dont la plupart des sites Web ont besoin.

Pendant que vous parcourez les modèles, vous pourriez remarquer d'autres options populaires qui pourraient être utiles pour votre site :

  • Formulaires d'inscription d'utilisateur — Parfait pour les sites de membres ou communautaires qui permettent aux utilisateurs de s'inscrire et de créer des comptes.
  • Formulaires de commande en ligne — Idéal pour les restaurants, les boutiques en ligne ou les prestataires de services qui souhaitent prendre des commandes de produits ou personnalisées directement sur leur site.
  • Formulaires de réservation — Idéal pour les consultants, les salons de coiffure ou les entreprises de location qui ont besoin de planifier des rendez-vous ou des réservations.
  • Formulaires de sondage — Pratique pour recueillir les commentaires des clients ou organiser des sondages rapides.
  • Formulaires conversationnels — Offrent une expérience moderne, semblable à un chat, qui augmente l'engagement et les taux de complétion.

Une fois que vous avez trouvé le modèle sur lequel vous souhaitez travailler, vous pouvez le survoler et cliquer sur « Utiliser le modèle ».

Utiliser le modèle de formulaire de contact simple

Cela vous mènera à l'éditeur glisser-déposer de WPForms.

Étape 3 : Personnaliser votre formulaire de contact

Voici maintenant la partie amusante : faire en sorte que votre formulaire de contact fonctionne exactement comme vous le souhaitez.

Le constructeur par glisser-déposer de WPForms rend cela incroyablement facile, même si vous n'avez jamais créé de formulaire auparavant. Ici, vous pouvez voir les options de personnalisation à gauche et l'aperçu du formulaire à droite.

Modification du formulaire de contact

Vous remarquerez peut-être que le modèle de formulaire de contact simple comprend les champs Nom, E-mail et Commentaire ou Message.

Vous pouvez réorganiser les champs en les faisant glisser vers le haut ou vers le bas pour changer leur ordre. Cette flexibilité signifie que vous pouvez collecter exactement les informations dont vous avez besoin sans submerger les visiteurs.

Changer l'ordre des champs du formulaire

Ensuite, pour chacun de ces champs, vous pouvez cliquer dessus pour modifier ses paramètres, changer le texte de l'étiquette ou le marquer comme obligatoire.

Ici, j'ai changé l'étiquette du champ E-mail en Adresse e-mail et activé la fonctionnalité de confirmation d'e-mail. Cela permet aux utilisateurs de vérifier s'ils ont saisi le bon e-mail.

Personnalisation du champ e-mail dans WPForms

Pour ajouter de nouveaux champs, faites-les simplement glisser du panneau de gauche sur votre formulaire. Voici quelques ajouts de champs populaires que je recommande d'envisager :

  • Champ Numéro de téléphone — Utile si vous préférez appeler directement les prospects.
  • Menu déroulant — Idéal pour catégoriser les demandes (comme « Ventes », « Support » ou « Question générale »)
  • Champ de case à cocher — Parfait pour les inscriptions à la newsletter ou les confirmations de consentement

Inclure une case à cocher avec une étiquette telle que « S'abonner à notre newsletter » ou « Envoyez-moi des nouvelles et des mises à jour occasionnelles » est une excellente idée. Cela vous aide à développer votre liste d'e-mails pendant que les visiteurs interagissent déjà avec votre formulaire de contact.

Gardez à l'esprit que vous devrez également connecter votre formulaire à un service de marketing par e-mail. Pour plus de détails, consultez notre tutoriel sur comment utiliser votre formulaire de contact pour développer votre liste d'e-mails.

🧑‍💻 Astuce Pro : Si vous utilisez votre formulaire de contact pour collecter des abonnés, cette étape est cruciale. Elle vous aide à obtenir le consentement clair des utilisateurs avant de leur envoyer des mises à jour régulières, ce qui maintient également votre site conforme aux lois sur la protection de la vie privée comme le RGPD.

Pour ajouter cela, faites simplement glisser le champ Case à cocher et déposez-le dans l'aperçu de votre formulaire.

Ajout d'une case à cocher dans WPForms

Dans le panneau de personnalisation, vous pouvez supprimer les deux autres choix par défaut en cliquant sur le bouton « – ».

Ensuite, ajoutez votre message à la boîte de choix restante.

Modification des choix de la case à cocher

Ensuite, vous voudrez masquer l'étiquette « Case à cocher ».

En la masquant, seul le texte prévu « Envoyez-moi des nouvelles et des mises à jour occasionnelles » apparaît à côté de la case à cocher, ce qui rend le formulaire propre et facile à lire.

Pour ce faire, vous pouvez passer à l'onglet « Avancé » et activer « Masquer l'étiquette ».

Masquer l'étiquette de la case à cocher

Pour les utilisateurs Pro, WPForms offre d'autres options avancées puissantes qui peuvent rendre vos formulaires encore plus efficaces :

Lorsque vous êtes satisfait de vos champs de formulaire et de leur disposition, cliquez sur le bouton « Enregistrer ».

🧑‍💻 Astuce Pro : Lors de la personnalisation, n'oubliez pas que moins, c'est souvent plus. Un formulaire plus court est moins intimidant et peut entraîner plus de soumissions. Je recommande de ne demander que les informations dont vous avez absolument besoin.

Étape 4 : Configurer la notification et la confirmation du formulaire de contact

Maintenant que vous avez créé votre formulaire de contact, il est essentiel de bien configurer les options de notification et de confirmation du formulaire.

Voici un bref aperçu de chaque réglage :

  • 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.
  • La confirmation de formulaire est ce que votre visiteur voit après avoir soumis le formulaire. Il peut s'agir d'un simple message de remerciement, d'une page de suivi où vous avez téléversé des PDF téléchargeables, ou de tout ce que vous souhaitez.

La bonne nouvelle est que WPForms configure *automatiquement* vos notifications de formulaire dès sa sortie de la boîte. Cela signifie que vous commencerez à recevoir des alertes par e-mail dès que quelqu'un soumettra votre formulaire de contact, sans aucune configuration supplémentaire requise.

Cela dit, vous pouvez toujours configurer ces paramètres pour répondre à vos besoins.

Alors, allons dans Paramètres » Notifications. Par défaut, vous verrez que WPForms envoie des notifications à l'adresse e-mail de votre administrateur WordPress.

Notification par défaut de WPForms

Vous pouvez également envoyer des notifications à plusieurs adresses e-mail, afin que différents membres de l'équipe reçoivent les demandes appropriées. Par exemple, les messages de vente peuvent être envoyés à votre équipe de vente, tandis que les demandes de support vont au service client.

Lors de l'ajout d'adresses e-mail, assurez-vous simplement de séparer chaque adresse par une virgule.

Notifications de formulaire de contact avec plusieurs destinataires

Apprenez-en davantage à ce sujet dans notre guide sur la création d'un formulaire de contact avec plusieurs destinataires.

Sur cette page, vous pouvez également voir d'autres champs de personnalisation. Par exemple, la ligne d'objet de l'e-mail est pré-remplie avec le nom de votre formulaire. Tandis que le champ Nom de l'expéditeur est automatiquement renseigné avec le nom de votre site.

N'oubliez pas de cliquer sur le bouton « Enregistrer » si vous apportez des modifications ici.

🧑‍💻 Astuce de pro : Si vous avez des difficultés à recevoir les soumissions de formulaire, consultez notre guide sur comment corriger les problèmes d'envoi d'e-mails par WordPress. Il vous montre comment utiliser WP Mail SMTP, le meilleur plugin SMTP pour WordPress, pour vous assurer que vos e-mails sont livrés de manière fiable à chaque fois.

Ensuite, passons à l'onglet 'Confirmation' pour choisir comment les visiteurs savent que vous avez reçu leur message.

WPForms vous offre trois options principales :

  • Afficher un message — Affichez un message de remerciement directement sur la même page.
  • Afficher une page — Renvoyez les utilisateurs vers la page précédente ou vers n'importe quelle page existante de votre site, telle qu'une page de remerciement personnalisée.
  • Accéder à une URL (Redirection)Envoyez les visiteurs vers n'importe quelle URL, sur votre site ou à l'extérieur.

Je recommande d'utiliser un message personnalisé pour la plupart des formulaires de contact simples, car il est immédiat et ne nécessite pas aux visiteurs de charger une nouvelle page.

Si cela vous convient, vous pouvez sélectionner 'Message' dans le menu déroulant du type de confirmation et écrire votre message personnalisé dans le champ disponible.

Message personnalisé comme confirmation de formulaire de contact

Maintenant, un excellent message de confirmation ne dit pas seulement « merci » – il définit les attentes. Vous pouvez essayer quelque chose comme : « Merci de nous avoir contactés ! Nous avons bien reçu votre message et nous vous répondrons dans un délai de 1 à 2 jours ouvrables. »

Cela rassure l'utilisateur sur le succès de sa soumission et l'informe du moment où il peut s'attendre à une réponse. De plus, cela contribue à rendre votre entreprise plus réactive et digne de confiance.

Cependant, rediriger les utilisateurs vers une page spéciale fonctionne bien si vous souhaitez afficher du contenu connexe, proposer une ressource gratuite ou suivre les conversions dans Google Analytics.

Et pour les entreprises de services, vous pourriez rediriger les utilisateurs vers une page qui explique votre délai de réponse typique et les prochaines étapes.

Les boutiques en ligne, quant à elles, peuvent rediriger vers des pages de produits ou des offres spéciales pour maintenir l'engagement.

Afficher une page comme confirmation de formulaire de contact

Si vous apportez des modifications ici, assurez-vous de cliquer sur le bouton « Enregistrer ».

Étape 5 : Tester votre nouveau formulaire de contact

Une fois que vous avez configuré votre formulaire de contact, il est temps de le tester rapidement.

En haut de l'éditeur WPForms, vous pouvez cliquer sur le bouton « Aperçu » pour voir à quoi ressemblera votre formulaire pour les visiteurs.

Le bouton Aperçu dans WPForms

Sur l'écran d'aperçu, vérifions d'abord que tous vos champs s'affichent correctement et sont faciles à comprendre.

Ensuite, remplissez le formulaire avec des informations de test. Vous pouvez essayer de sauter un champ obligatoire ou de saisir votre adresse e-mail incorrectement pour vous assurer que la validation du formulaire fonctionne comme prévu.

Test de la validation du formulaire de contact

Lorsque tout semble correct, cliquez sur « Soumettre » pour voir apparaître votre message de remerciement ou votre page de confirmation comme prévu.

Voici à quoi cela ressemble sur mon site de démonstration :

Message de confirmation après la soumission du formulaire

Étape 6 : Intégrer votre formulaire de contact simple sur une page WordPress

Maintenant que tout est configuré, il est temps de mettre votre formulaire de contact en ligne sur votre site Web WordPress. WPForms rend cette étape incroyablement simple grâce à sa fonctionnalité d'intégration intégrée.

Pour commencer, cliquez sur le bouton « Intégrer » en haut de l'éditeur de formulaire.

Le bouton Intégrer dans WPForms

Cela affichera une fenêtre contextuelle « Intégrer dans une page ».

Ici, vous pouvez choisir entre « Sélectionner une page existante » et « Créer une nouvelle page ».

La fenêtre contextuelle Intégrer dans une page

Pour une toute nouvelle page de contact, vous pouvez sélectionner l'option « Créer une nouvelle page ».

Après cela, tapez un nom de page comme « Contactez-nous » ou « Joignez-nous », puis cliquez sur « C'est parti ! ».

Intégrer le formulaire de contact dans une nouvelle page

WPForms créera alors la page et intégrera automatiquement votre formulaire en une seule étape fluide. Vous pourrez ensuite rédiger tout le contenu dont vous avez besoin pour ajouter du contexte, prévisualiser la page et la publier.

Si vous avez déjà une page de Contact sur votre site, vous pouvez simplement choisir « Sélectionner une page existante ».

Ensuite, dans la fenêtre contextuelle suivante, vous choisirez où vous souhaitez ajouter le formulaire de contact dans le menu déroulant et cliquerez sur « C'est parti ! ».

Intégrer le formulaire de contact dans une page existante

Cela ouvrira l'éditeur de contenu de la page.

À partir de là, vous pouvez cliquer sur « + » pour ajouter le bloc WPForms.

Ajouter le bloc WPForms

Ensuite, vous verrez le bloc WPForms ajouté à votre éditeur.

Cliquez simplement sur le menu déroulant et choisissez le formulaire que vous souhaitez ajouter.

Choix du formulaire de contact dans le menu déroulant WPForms

WPForms chargera alors un aperçu de votre formulaire de contact dans l'éditeur de blocs.

Avant de publier, vous pouvez prévisualiser la page pour voir à quoi elle ressemble. La plupart des thèmes WordPress modernes afficheront le formulaire joliment sans aucun style supplémentaire nécessaire.

Formulaire de contact chargé dans l'éditeur de contenu

Cela dit, vous pouvez également appliquer un thème à votre formulaire. Pour plus d'informations à ce sujet, consultez notre guide sur comment styliser et personnaliser votre formulaire WordPress.

Lorsque vous êtes satisfait de tout, vous pouvez cliquer sur le bouton « Publier » ou « Mettre à jour » pour enregistrer votre formulaire. Ensuite, vous pouvez visiter votre site Web pour le voir en action.

Voici à quoi ressemblait le formulaire sur une page de contact WordPress d'exemple :

Formulaire de contact WPForms sur un site en direct

Pour plus de détails, consultez notre guide sur comment intégrer des formulaires dans WordPress.

Afficher votre formulaire de contact sur tout votre site

Pour une meilleure visibilité encore, envisagez d'ajouter votre formulaire de contact à la barre latérale de votre site Web ou à toute autre zone prête pour les widgets dans votre thème WordPress. Cela donne aux visiteurs un accès facile pour vous contacter depuis n'importe quelle page de votre site.

Pour ce faire, vous devez accéder à Apparence » Widgets, puis cliquer sur l'icône d'ajout de bloc « Plus » dans la zone de widget où vous souhaitez ajouter votre formulaire.

Ajouter un nouveau bloc widget

Ensuite, recherchons « WPForms ».

Ensuite, vous pouvez cliquer sur le bloc « WPForms » pour l'ajouter à votre barre latérale.

Ajouter un bloc widget WPForms

Après cela, vous devez sélectionner votre formulaire de contact dans le menu déroulant.

Cela chargera automatiquement un aperçu de votre formulaire.

Sélectionner le formulaire dans la liste déroulante

Ensuite, cliquons sur le bouton « Mettre à jour » pour enregistrer vos modifications.

Vous pouvez maintenant visiter votre site pour voir votre formulaire de contact en direct dans votre barre latérale ou une autre zone de widget.

Formulaire de contact WPForms en direct sur la barre latérale

Pour en savoir plus sur les widgets, consultez notre guide sur comment ajouter et utiliser des widgets dans WordPress.

Ajoutez votre formulaire de contact à l'aide d'un shortcode

WPForms est également livré avec un shortcode de formulaire de contact WordPress.

Vous pouvez l'utiliser en visitant WPForms » Tous les formulaires, puis en copiant le shortcode à côté de votre formulaire.

Copier le shortcode du formulaire

Ensuite, tout ce que vous avez à faire est d'ouvrir la page où vous souhaitez l'ajouter et de cliquer sur le bouton d'ajout de bloc ‘Plus’ et de rechercher ‘Shortcode’.

Ensuite, cliquons sur le bloc ‘Shortcode’.

Ajouter un bloc de shortcode

Dans le bloc, collez le shortcode que vous avez copié ci-dessus dans la boîte.

Après cela, vous pouvez cliquer sur « Mettre à jour » ou « Publier », et votre formulaire de contact sera en ligne sur votre site Web, tout comme ci-dessus.

Pour en savoir plus sur les shortcodes, consultez notre guide complet sur comment ajouter un shortcode dans WordPress.

Coller le shortcode du formulaire et enregistrer

🔗 Alternative : Si vous souhaitez des fonctionnalités plus avancées ou une plus grande flexibilité, vous pouvez consulter Formidable Forms. Pour une comparaison détaillée des meilleures solutions, consultez notre guide sur les meilleurs plugins de formulaire de contact pour WordPress.

Astuce bonus : Configurez le suivi des formulaires WordPress pour améliorer les conversions

Une fois votre formulaire de contact opérationnel, la prochaine étape consiste à comprendre ses performances afin de l'améliorer encore.

En suivant vos formulaires, vous pouvez voir, par exemple, lesquels reçoivent le plus de soumissions, d'où viennent vos visiteurs et quelles pages les encouragent à vous contacter.

Rapports de performance des formulaires de MonsterInsights

Ces informations vous aident à améliorer les formulaires qui fonctionnent moins bien, à réduire l'abandon de formulaire et à affiner votre marketing pour atteindre le bon public.

Par exemple, vous pourriez constater que les visiteurs des réseaux sociaux sont plus susceptibles de soumettre votre formulaire de contact que ceux des moteurs de recherche. Ou que les personnes qui visitent d'abord votre page À propos sont plus susceptibles de vous contacter.

Des analyses comme celles-ci vous montrent où concentrer votre temps et vos efforts.

Le suivi des formulaires peut également vous aider à repérer rapidement les problèmes techniques. Si les soumissions chutent soudainement, vous saurez qu'il est temps de vérifier si votre formulaire ou votre site Web rencontre des problèmes.

Formulaire abandonné dans WPForms

La bonne nouvelle est que la mise en place du suivi des formulaires est plus facile que vous ne le pensez, surtout avec les bons outils et les bonnes instructions.

Pour commencer, vous pouvez suivre notre tutoriel étape par étape sur comment configurer le suivi des formulaires WordPress dans Google Analytics.

FAQ : Créer et ajouter des formulaires de contact dans WordPress

Quel est le meilleur plugin de formulaire de contact pour WordPress ?

WPForms est mon premier choix pour le meilleur plugin de formulaire de contact WordPress. Il est convivial pour les débutants, facile à utiliser et regorge de fonctionnalités et d'extensions utiles. Vous pouvez facilement créer tout type de formulaire à l'aide de ses outils d'IA et de son constructeur par glisser-déposer.

Si vous recherchez des options plus avancées, Formidable Forms et Gravity Forms sont d'excellentes alternatives pour des choses comme les formulaires multipages ou les calculs complexes.

Comment puis-je ajouter un formulaire à remplir sur mon site web ?

Le moyen le plus simple est d'utiliser un plugin de création de formulaires comme WPForms. Une fois que vous l'avez installé et activé, vous pouvez choisir un modèle, personnaliser les champs, puis intégrer le formulaire sur n'importe quelle page ou publication à l'aide d'un shortcode ou d'un bloc.

Où vont les données de mon formulaire de contact WordPress ?

Cela dépend du plugin que vous utilisez. Avec WPForms, toutes les entrées de formulaire sont enregistrées dans votre tableau de bord WordPress sous WPForms » Entrées, et vous pouvez également les recevoir directement par e-mail. De cette façon, vous ne manquez jamais un message d'un visiteur.

Pourquoi mon formulaire de contact WordPress ne fonctionne-t-il pas ?

Les raisons courantes pour lesquelles les formulaires de contact ne fonctionnent pas incluent des paramètres d'e-mail incorrects, des conflits de plugins ou une configuration SMTP manquante. Si vous ne recevez pas d'e-mails, je vous recommande d'utiliser WP Mail SMTP pour vous assurer que les messages de vos formulaires sont correctement livrés.

Puis-je ajouter un formulaire de contact dans WordPress sans utiliser de plugin ?

Oui, mais cela implique d'ajouter du code HTML et PHP personnalisé aux fichiers de votre thème, ce qui n'est pas idéal pour les débutants. Vous devriez également gérer vous-même des éléments tels que le filtrage du spam, la livraison des e-mails et la mise en forme du formulaire – et cela peut devenir rapidement chronophage.

L'utilisation d'un plugin comme WPForms est beaucoup plus sûre et plus fiable car il gère tout cela automatiquement pour vous.

Tutoriel vidéo : Comment créer des formulaires de contact dans WordPress

Si vous apprenez en regardant, vous apprécierez notre tutoriel vidéo sur la façon de créer un formulaire de contact dans WordPress :

S'abonner à WPBeginner

Lectures supplémentaires sur l'utilisation des formulaires dans WordPress

J'espère que cet article vous a aidé à créer un formulaire de contact simple dans WordPress.

Pour vous aider à tirer encore plus parti de vos formulaires de contact WordPress et de votre site Web, voici quelques guides connexes qui s'appuient sur ce que vous venez d'apprendre :

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

163 CommentsLeave a Reply

  1. Bonjour, j'ai fait toutes les étapes mentionnées ci-dessus, mais je ne vois pas la page de contact lorsque j'aperçois.

    Aidez-moi s'il vous plaît à résoudre.
    Merci.

    • Salut Shamli,

      Vous devez modifier la page, insérer le formulaire, puis cliquer sur le bouton d'aperçu. Votre formulaire de contact n'apparaîtra que sur la page où vous insérez le formulaire.

      Admin

  2. SALUT – Nous utilisons ce formulaire de contact et il est bien, mais j'aimerais ajouter un Captcha et, plus important encore, du texte qui peut être écrasé dans la zone de message. Il y a une entreprise locale avec un nom très similaire, nous recevons donc constamment des messages qui concernent cette autre entreprise. Nous voulons avoir du texte, qui doit être écrasé, pour réitérer ce qu'est notre entreprise afin d'essayer de réduire ces messages. Est-ce possible ?

    • J'ai refait le formulaire et revérifié l'ajout de recaptcha dans les paramètres de confirmation et cela a fonctionné cette fois. Je l'avais fait auparavant mais cela n'avait pas été pris en compte.

      maintenant, passons au problème de courrier. merci

  3. monsieur comment puis-je savoir quel système de messagerie notifie ou reçoit des messages j'ai tout fait mais je ne sais pas lequel je recevrai l'e-mail du client je suis débutant avec wp

  4. Alors, comment puis-je accéder à la bibliothèque de médias (si j'ai la possibilité de joindre des fichiers dans mes formulaires WP) et où sont-ils tous stockés ?

    • Salut Sarah,

      Par défaut, les fichiers téléchargés par l'utilisateur sont stockés dans le dossier WPForms à l'intérieur du répertoire Uploads de votre site.

      Si vous préférez télécharger les fichiers dans la bibliothèque de médias WordPress, cliquez sur le champ Téléchargement de fichier dans le constructeur de formulaires. Ensuite, sous Options avancées, cochez la case Stocker le fichier dans la bibliothèque de médias WordPress.

      Pour plus de détails, consultez ce guide.

      Admin

  5. C'est vraiment utile. Je peux dire que c'est la première fois que je laisse un avis sur un site web. Les informations que vous avez fournies m'ont incité à le faire. Merci mille fois !!

  6. Bonjour
    comment puis-je configurer la réception des e-mails dans Gmail, et pouvoir répondre aux clients directement sur Gmail.com ?

    • Salut Eston,

      Vous pouvez aller dans la section des paramètres de n'importe quel formulaire et cliquer sur l'onglet confirmation. À partir de là, vous pouvez ajouter n'importe quelle adresse e-mail où vous souhaitez être notifié.

      Admin

  7. J'ai trouvé cela très utile pour la configuration, cependant, après l'avoir terminé, j'ai effectué un test, tout comme un ami. Je n'arrive pas à comprendre pourquoi nous ne recevons pas les tests d'e-mails envoyés depuis le site web ? Bien que j'aie suivi les étapes une seconde fois pour être sûr que tout était correctement configuré, je ne reçois pas les messages du site web. J'espère que vous pourrez m'aider avec des suggestions constructives pour résoudre le problème, j'apprécie beaucoup votre aide…

  8. Je suis très nouvelle, facilement confuse ! Concernant l'adresse e-mail d'administrateur attribuée à mon site de blog WP, peut-elle réellement être utilisée pour recevoir des messages du formulaire de contact ? Je pense que l'adresse a l'air plus professionnelle et ce serait bien d'avoir tous les messages du site répondant au site réel au lieu d'un e-mail externe comme mon Gmail. J'ai fait un test et je n'ai pas pu trouver la réponse, j'ai installé Flamingo et je l'ai vu mais il n'y a pas d'option de réponse comme un e-mail régulier.

    S'il vous plaît, faites-moi savoir, merci !

  9. Je cherche à créer mon propre plugin de formulaire de contact car les formulaires de contact du marché que j'ai essayés ralentissent mon site. Est-ce la meilleure alternative ?

  10. Merci beaucoup ! Votre aide m'a épargné des heures à me taper la tête contre le mur.

  11. Bonjour,
    Existe-t-il un moyen d'ajouter du code onClick pour le bouton de soumission pour WpForms lite ?

    Merci

  12. bonjour, j'ai saisi mon adresse e-mail dans la notification mais je n'ai toujours pas reçu de notification de mon e-mail même si j'ai fait quelques tests... comment puis-je résoudre ce problème ? s'il vous plaît guidez-moi, merci

  13. J'ai un plugin de formulaire de contact installé mais la personnalisation est très limitée et le code est trop long et compliqué. Maintenant, je prévois de copier un code .php plus simple et de l'installer moi-même. est-il préférable de faire ainsi ? y a-t-il un problème de sécurité à accéder au fichier .php depuis la page où le formulaire de contact est placé ?

  14. Bonjour, j'ai essayé plusieurs formulaires différents et cela continue de se produire. Chaque fois que je vais sur la page de contact, sous le titre, il est indiqué « >contact ». Je peux supprimer le mot « contact » en supprimant le titre de la page, mais cette petite flèche ( > ) est toujours là. comment puis-je m'en débarrasser ? Merci.

  15. Le courrier n'arrive pas de ce formulaire.
    Existe-t-il une vidéo sur la façon dont WP gère les e-mails afin que je puisse résoudre ce problème ?

  16. Merci les gars, un processus vraiment facile qui m'a permis de configurer mon premier formulaire de contact en 10 minutes environ ; testé et ça marche

  17. Bonjour
    i ai essayé d'insérer le formulaire après l'avoir créé, mais sur la page d'ajout, le formulaire ne s'est pas inséré. mon wordpress semble être limité et ne peut pas ajouter de formulaire. s'il vous plaît aidez-moi

  18. Bonjour,
    J'ai créé le formulaire Wp comme mentionné, mais lorsque je le teste, je ne reçois aucune notification par e-mail. j'ai activé les notifications en cliquant sur la section Notification par e-mail du formulaire. Est-ce que je manque d'autres paramètres ? S'il vous plaît, guidez-moi

  19. J'ai configuré le formulaire, exactement comme expliqué, mais il n'apparaît pas sur la page où j'ai indiqué de l'ajouter.

  20. Bonjour, est-il possible d'utiliser du html / css dans la construction des formulaires ?

  21. WP forms est super facile à configurer, mais NE FONCTIONNE PAS. J'ai essayé plusieurs fois de m'envoyer un e-mail. Cela a fonctionné une fois ! Les 20 autres fois, non. Je suis retourné en arrière et j'ai essayé de changer les choses. Cela n'a toujours rien donné. Je connais les shortcodes, donc ce n'était pas le problème. Et je n'ai jamais vu de recaptcha. Et wpforms n'a même pas de formulaire de contact à remplir pour que je puisse les contacter ! Quelle blague !

  22. Mon blog n'est même pas encore lancé. J'ai une page "Bientôt disponible". J'essaie depuis des heures de faire apparaître un formulaire de contact. J'avais ajouté une nouvelle page de contact dans mon menu. J'ai enregistré le code sur ma page de contact. Publié. Et, le formulaire de contact n'apparaît pas lorsque j'aperçois en direct le contact sur mon menu principal. Je suis votre tutoriel. Cela semble si facile, et pourtant... pas tant que ça ! Cela fonctionne-t-il avec un enfant Genesis ? J'ai essayé WPForms et Contact Form. Je ne sais pas ce que je fais de mal. Comme je suis une nouvelle venue, j'ai des problèmes avec la connexion menu + page et les menus déroulants de catégories. La configuration de ce blog est plus difficile que je ne le pensais. Des conseils ?

  23. Quand je vais dans PARAMÈTRES, cela ressemble à autre chose que votre vidéo.
    J'obtiens 3 onglets : Général, Intégrations et Informations système comme suit :

    Général > Style du formulaire / E-mail / Re Captcha / Validations
    Intégrations > Intégrer Constant Contact avec les formulaires WP
    Informations système

    Je n'ai aucune idée de ce qu'il faut remplir pour Validations et E-mail.
    Sous validations, il y a aussi deux champs mystérieux : Nombre et Confirmer la valeur

    Aidez-moi, s'il vous plaît !

    • Salut Zelda,

      L'écran que vous consultez concerne les paramètres du plugin. Cliquez sur WPForms » Tous les formulaires, puis modifiez un formulaire ou allez sur WPForms » Ajouter un nouveau pour lancer l'interface de création de formulaires de WPForms. Vous y verrez un écran similaire à la capture d'écran ci-dessus avec un onglet Paramètres. Ces paramètres sont spécifiques au formulaire que vous créez.

      Admin

  24. Lorsque j'installe wpforms, une autre page ne fonctionne pas, seule la page wpforms s'affiche

  25. Bonjour,
    Est-il possible d'ajouter un simple texte au formulaire comme : « Le fichier doit être de 2 Mo maximum » ?

  26. Aidez-moi à résoudre le problème de l'e-mail, je ne reçois pas de notification par e-mail.

  27. Cette configuration (plugin de formulaire) est-elle recommandée pour créer un formulaire avec environ 500 entrées par mois où les utilisateurs téléchargent des images + effectuent des paiements. Par exemple, j'utilise actuellement contact form 7 plus l'addon cc7 paypal pour créer un formulaire de type « soumettre vos images + payer ». Est-ce durable ou vaut-il mieux utiliser un service professionnel de création de formulaires ?

  28. excellent blog, très riche en contenu et correctement pensé, personnellement j'ai trouvé

    ici beaucoup d'intéressant et d'utile…..Bien ! faites savoir à mon ami aussi.

  29. J'ai suivi ce tutoriel et j'ai réussi à faire fonctionner le formulaire de contact. Mais quand j'ai essayé d'envoyer un e-mail de test via celui-ci à l'adresse e-mail de mon blog depuis mon adresse personnelle, je ne l'ai pas reçu. Avez-vous des conseils sur la façon dont je peux résoudre ce problème ?

  30. Impossible d'ajouter le formulaire de contact dans la barre latérale. J'ai déjà créé un formulaire avec WPforms, l'ai ajouté aux widgets WordPress (Apparence-Widgets) mais je ne parviens pas à voir le formulaire sur la page (mais j'obtiens le titre du formulaire dans la zone de widget de la barre latérale). J'ai essayé plusieurs fois, je suis tellement frustrée, pouvez-vous m'aider ?
    Pour information, j'utilise Live Composer et Beaver Page Builder pour concevoir la page.

    Merci d'avance

  31. Salut ! J'ai créé le formulaire et lié la page – ça marche super bien ! mais… quand je fais un test et que j'appuie sur soumettre, j'obtiens ceci :

    Comment puis-je résoudre ce problème ?
    Merci,
    Kathy

    • Salut Kathy,

      Vous voyez cette erreur car vous avez défini une adresse e-mail invalide comme adresse e-mail d'expéditeur dans les paramètres de votre formulaire. Vous pouvez résoudre ce problème en ajoutant une adresse e-mail valide.

      Admin

  32. Bonjour,

    Pour une raison quelconque, le shortcode ne fonctionne pas, et le bouton « ajouter un formulaire » non plus. Il me donne juste le shortcode dans les modes « texte » et « visuel ». Qu'est-ce que je fais de mal ?

    Je vous pose la question car j'ai utilisé le plugin suggéré.

    • Essayez de désactiver tous les autres plugins WordPress de votre site, puis testez. Si cela fonctionne, alors un plugin de votre site est probablement à l'origine du conflit.

      Admin

  33. Combien de temps faut-il pour que le plugin de contact wpforms fonctionne ? Je l'ai configuré sur mon site WordPress et la soumission semble fonctionner et le message de réponse est apparu comme prévu. Je l'ai testé 3 fois (maintenant une heure plus tard pour la dernière) et je n'ai encore reçu aucune des notifications. Je l'ai d'abord essayé à l'administrateur, puis je l'ai changé pour mon e-mail habituel. 0-3 ont été reçus. J'ai vérifié le dossier spam.

  34. Comment puis-je utiliser le même formulaire mais savoir automatiquement de quelle page il provient. Je veux concevoir un formulaire simple et en avoir quelques-uns personnalisés pour chaque page sur laquelle je le place. Je préférerais qu'il m'envoie un e-mail et qu'il indique quelque part « provient de la page contactez-nous » ou « la demande provient de la page liste de prix ».

  35. Bonjour, merci pour la publication. Y a-t-il un moyen de changer la couleur de la police ? La police est noire et notre page web, donc vous ne pouvez pas voir les mots.
    Merci

  36. Je débute dans le blogging et ce guide est fantastique ! Merci. J'ai quelques questions de suivi :

    – Si je saisis une adresse e-mail personnalisée, puis-je répondre à la demande via mon site Web ? Si oui, comment ?
    – Y a-t-il un moyen de changer la police du formulaire pour qu'elle soit plus en phase avec le thème de mon site Web ? Je pense que je veux juste enlever le gras du titre et des en-têtes de champ.

    Merci

    Neil

  37. Après avoir créé le formulaire de contact, (oui, j'ai ajouté l'adresse e-mail pour la notification) je ne reçois aucune notification. J'ai eu des problèmes avec Contact Form 7, j'essaie donc maintenant WPForms et cela montre le même problème ! Comment faire fonctionner WPForms ? Merci.

  38. De : nom de domaine [mailto:info@nom de domaine]
    Envoyé : dimanche 15 mai 2016 04:53
    À : info@nom de domaine
    Objet : Contact depuis nom de domaine

    Nom : XYZ
    E-mail :]xyz@gmail.com
    Message :Ceci est un e-mail de test

    Bonjour,
    lorsque j'ai utilisé le code court du formulaire de contact et envoyé un e-mail de test pour vérifier, j'ai reçu un e-mail avec le premier paragraphe. Je n'ai pas besoin de cette information, pouvez-vous m'aider à l'arrêter ?

    • Nous ne sommes pas sûrs de comprendre votre question. La première partie est ajoutée par votre client de messagerie. Elle vous indique d'où provient ce message électronique.

      Admin

  39. Je l'ai installé. J'ai rempli les informations dans le formulaire pour le tester et j'ai cliqué sur « soumettre ». Il a dit « Merci, nous vous contacterons » Et nulle part cela n'est apparu dans l'e-mail. Où voir ces informations ???

      • J'ai configuré l'e-mail en utilisant le panneau C de GoDaddy. Est-ce la même chose pour WordPress ? Ou dois-je configurer un identifiant d'e-mail administrateur différent dans WordPress ? S'il vous plaît, guidez-moi.

        Cependant, j'ai inclus tous les identifiants d'e-mail dans les paramètres de notification séparés par des virgules (identifiant Cpanel & identifiant Gmail personnel)

        Mais je n'ai reçu aucun e-mail concernant les informations que j'ai remplies dans le formulaire de contact à des fins de test.

        De plus, j'ai parcouru le lien « comment résoudre le problème d'envoi d'e-mails par WordPress » et j'ai installé Gmail SMTP, cela n'a pas non plus fonctionné. J'ai essayé de dépanner en configurant le port avec 587 (avec chiffrement TLS), 465 (avec chiffrement SSL). 25 avec TLS d'abord, puis SSL. Rien n'a fonctionné.

  40. Bonjour,
    Tout cela semble très utile, mais lorsque je veux utiliser certains de ces éléments, je n'arrive pas à les trouver sur mon site d'administration. Je voulais créer un formulaire de contact mais je ne trouve aucun moyen d'ajouter un nouveau plugin. Ces conseils et suggestions sont-ils uniquement destinés aux personnes qui ont un blog Wordpress auto-hébergé ?

  41. Merci beaucoup. Je suis nouveau dans le blogging et vos informations étape par étape étaient faciles à comprendre et j'ai installé mon plugin de contact du premier coup.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.