{"id":42794,"date":"2020-10-12T04:26:14","date_gmt":"2020-10-12T11:26:14","guid":{"rendered":"https:\/\/kinsta.com\/?p=81316"},"modified":"2024-01-23T09:25:06","modified_gmt":"2024-01-23T08:25:06","slug":"contact-form-7","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/contact-form-7\/","title":{"rendered":"Comment configurer Contact Form 7 pour votre site WordPress"},"content":{"rendered":"

En 2026, il est tr\u00e8s important de rester en contact avec son public. La cr\u00e9ation d’une liste de diffusion avec un service comme MailChimp<\/a> vous aide \u00e0 fournir du contenu directement \u00e0 vos abonn\u00e9s.<\/p>\n

Les listes de diffusion sont tr\u00e8s utiles, mais que faire si un lecteur ou un client potentiel souhaite entrer en contact avec vous directement ? C’est l\u00e0 qu’interviennent les formulaires de contact ! Dans cet article, nous verrons comment configurer l\u2019extension populaire Contact Form 7 pour votre site WordPress.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Comment installer Contact Form 7<\/h2>\n

Contact Form 7 existe depuis 2009 et a \u00e9t\u00e9 t\u00e9l\u00e9charg\u00e9 plus de 5 millions de fois au cours de la derni\u00e8re d\u00e9cennie. Contact Form 7 peut \u00eatre install\u00e9 directement depuis le r\u00e9pertoires des extensions WordPress. Si vous recherchez \u00ab\u00a0contact form 7\u00a0\u00bb, vous pourrez trouver l\u2019extension ainsi qu’une s\u00e9rie de modules.<\/p>\n

\"Installer
Installer l\u2019extension Contact Form 7 depuis le r\u00e9pertoire des extensions WordPress.<\/figcaption><\/figure>\n

Une fois l\u2019extension install\u00e9e, vous verrez un \u00e9l\u00e9ment de menu intitul\u00e9 \u00ab\u00a0Contact\u00a0\u00bb dans la colonne lat\u00e9rale de votre tableau de bord WordPress<\/a>. C’est l\u00e0 que tous les r\u00e9glages de Contact Form 7 peuvent \u00eatre configur\u00e9s.<\/p>\n

\"Personnaliser
Personnaliser les r\u00e9glages de Contact Form 7.<\/figcaption><\/figure>\n

Les avantages et les inconv\u00e9nients d’un formulaire de contact<\/h2>\n

Avant de nous plonger dans la configuration de Contact Form 7 pour votre site WordPress, passons rapidement en revue les avantages et les inconv\u00e9nients de l’ajout d’un formulaire de contact sur votre site.<\/p>\n

Avantages d’un formulaire de contact<\/h3>\n
    \n
  1. Un formulaire de contact permet aux lecteurs, clients et fans de vous contacter directement. Selon l’objectif de votre site WordPress, la possibilit\u00e9 pour un visiteur de communiquer avec vous peut \u00eatre tr\u00e8s importante. Par exemple, ne pas ajouter un formulaire de contact sur un site de eCommerce<\/a> peut \u00eatre financi\u00e8rement pr\u00e9judiciable pour votre entreprise car les parties int\u00e9ress\u00e9es ne pourront pas vous contacter si elles ont des questions sur votre produit.<\/li>\n
  2. Un formulaire de contact ajoute une l\u00e9gitimit\u00e9 \u00e0 votre site WordPress ou \u00e0 votre entreprise. De nombreuses personnes consid\u00e8rent la pr\u00e9sence d’un formulaire de contact comme une sorte de facteur de confiance. L’id\u00e9e de pouvoir vous contacter, en tant que propri\u00e9taire du site, rend votre contenu plus fiable.<\/li>\n<\/ol>\n

    Les inconv\u00e9nients d’un formulaire de contact<\/h3>\n
      \n
    1. Le spam peut \u00eatre un probl\u00e8me pour les formulaires publics comme les bo\u00eetes de commentaires et les formulaires de contact. Heureusement, avec Contact Form 7, vous pouvez filtrer les spams avec reCAPTCHA<\/a>. Vous pouvez m\u00eame configurer une r\u00e8gle de page Cloudflare<\/a> pour vous prot\u00e9ger encore plus. Nous verrons plus loin dans cet article comment mettre en place une protection anti-spam dans Contact Form 7.<\/li>\n
    2. Apr\u00e8s avoir ajout\u00e9 un formulaire de contact sur votre site, vous devrez probablement consacrer du temps \u00e0 r\u00e9pondre aux messages. Ce n’est pas n\u00e9cessairement une mauvaise chose, selon la fa\u00e7on dont vous le voyez. Certaines personnes redoutent le processus de r\u00e9ponse aux e-mails, tandis que d’autres l’appr\u00e9cient vraiment. D’apr\u00e8s notre exp\u00e9rience, les relations qui se manifestent par la pr\u00e9sence d’un formulaire de contact sur votre site l’emportent g\u00e9n\u00e9ralement sur le co\u00fbt de la mod\u00e9ration, c’est pourquoi nous vous recommandons d’en profiter !<\/li>\n<\/ol>\n

      Vue globale des r\u00e9glages de Contact Form 7<\/h2>\n

      Cr\u00e9er un formulaire de contact avec l\u2019extension Contact Form 7 est super facile. Pour commencer, cliquez sur Contact > Formulaires de contact<\/strong> dans votre colonne lat\u00e9rale WordPress. Sur cette page, vous pouvez visualiser tous vos formulaires de contact ainsi que les d\u00e9tails de leurs m\u00e9tadonn\u00e9es associ\u00e9es.<\/p>\n

      \"Formulaire
      Formulaire de contact dans Contact Form 7.<\/figcaption><\/figure>\n

      Lorsque Contact Form 7 est install\u00e9 pour la premi\u00e8re fois, il cr\u00e9e \u00e9galement un exemple de formulaire. Avant d’entrer dans la cr\u00e9ation d’un formulaire de contact personnalis\u00e9, jetons d’abord un coup d’\u0153il \u00e0 l’exemple de formulaire pour avoir une meilleure id\u00e9e du fonctionnement de Contact Form 7. Cliquez sur le formulaire de contact 1<\/strong> pour voir les r\u00e9glages du formulaire.<\/p>\n

      \"Configurer
      Configurer votre formulaire de contact WordPress.<\/figcaption><\/figure>\n

      La page \u00ab\u00a0Modifier le formulaire de contact\u00a0\u00bb est divis\u00e9e en quatre sections.<\/p>\n

        \n
      1. Formulaire<\/strong> – Personnalisez votre mod\u00e8le de formulaire de contact HTML avec une vari\u00e9t\u00e9 d’options de champs comme \u00ab\u00a0texte\u00a0\u00bb, \u00ab\u00a0e-mail\u00a0\u00bb, \u00ab\u00a0cases \u00e0 cocher\u00a0\u00bb, etc. Vous pouvez \u00e9galement \u00e9crire du HTML personnalis\u00e9<\/a> dans la zone de personnalisation du formulaire.<\/li>\n
      2. E-mail<\/strong> – Personnalisez le mod\u00e8le d\u2019e-mail et les r\u00e9glages utilis\u00e9s pour les e-mails de notification.<\/li>\n
      3. Messages<\/strong> – Personnalisez les messages qui sont affich\u00e9s apr\u00e8s des actions sp\u00e9cifiques. Par exemple, vous pouvez d\u00e9finir un message unique \u00e0 afficher apr\u00e8s que quelqu’un a envoy\u00e9 un formulaire de contact.<\/li>\n
      4. R\u00e9glages suppl\u00e9mentaires<\/strong> – Sp\u00e9cifiez des extraits de code pour activer des fonctions suppl\u00e9mentaires<\/a> comme le mode r\u00e9serv\u00e9 aux abonn\u00e9s, le mode d\u00e9mo et le saut d\u2019e-mail.<\/li>\n<\/ol>\n

        Examinons maintenant de plus pr\u00e8s chaque section et cr\u00e9ons un formulaire de contact personnalis\u00e9 !
        \n<\/p>\n

        Comment cr\u00e9er un formulaire de contact WordPress<\/h2>\n

        Pour cr\u00e9er un nouveau formulaire de contact, cliquez sur Ajouter<\/strong> \u00e0 c\u00f4t\u00e9 de \u00ab\u00a0Formulaires de contact\u00a0\u00bb.<\/p>\n

        \"Cr\u00e9er
        Cr\u00e9er un nouveau formulaire de contact dans Contact Form 7.<\/figcaption><\/figure>\n

        Donnez un nom au nouveau formulaire de contact, puis cliquez sur \u00ab\u00a0Enregistrer\u00a0\u00bb.<\/p>\n

        \"Enregistrer
        Enregistrer votre nouveau formulaire de contact WordPress.<\/figcaption><\/figure>\n

        Dans la section \u00ab\u00a0Formulaire\u00a0\u00bb, ajoutez le code HTML n\u00e9cessaire pour votre formulaire de contact. Vous pouvez utiliser les diff\u00e9rents boutons pr\u00e9d\u00e9finis pour g\u00e9n\u00e9rer des codes courts pour les balises de formulaire les plus courantes. Pour vous faciliter la t\u00e2che, consultez les descriptions ci-dessous des balises de formulaire pr\u00e9d\u00e9finies qui sont fournies avec Contact Form 7.<\/p>\n