Créer un formulaire de contact simple sur WordPress

Comment créer un formulaire de contact simple sur WordPress (facilement)

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

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.

Défi WPForms

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

Cliquer sur le bouton "Let's Go" pour commencer à construire votre premier formulaire

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.

Nommez votre formulaire

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.

Sélection d'un modèle dans le cadre du WPForms Challenge

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 :

Ajouter des champs à un formulaire pendant le WPForms Challenge

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.

Ajouter un champ de formulaire pendant le WPForms Challenge

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.

Vérifier les paramètres de notifications pendant le WPForms Challenge

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.

WPforms soumis

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.

Intégrer un formulaire

Vous pouvez cliquer sur Sélectionner une page existante ou sur Créer une nouvelle page. Allons-y et créons une nouvelle page.

Les options Embed in Page (Intégrer dans la page)

Vous devez maintenant donner un nom à votre page. Nous avons appelé notre page Contact :

Intégrer un formulaire de contact dans une nouvelle page

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 :

Le message de réussite du défi WPForms

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.

Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Osama Tahir

Osama est rédacteur senior chez WPForms. Il se spécialise dans le démontage des plugins WordPress pour les tester et partager ses connaissances avec le monde entier.

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

24 commentaires sur "Comment créer un formulaire de contact simple sur WordPress (facilement)"

  1. 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 ?

      1. 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 🙂 .

      2. 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 !

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

    1. 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 🙂 .

  2. 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) ?

    1. 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 !

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

    1. 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 !

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

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

    1. 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 ! 🙂 .

    2. 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 ?

      1. 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 !

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

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

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

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

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

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

    1. 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 🙂 .

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.