{"id":686,"date":"2020-05-13T09:25:49","date_gmt":"2020-05-13T07:25:49","guid":{"rendered":"http:\/\/cdscweb.fr\/chat-robaze\/?p=686"},"modified":"2020-11-23T16:03:22","modified_gmt":"2020-11-23T15:03:22","slug":"wordpress-extensions-formulaires-de-contact","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/wordpress-extensions-formulaires-de-contact\/","title":{"rendered":"WordPress, extensions : formulaires de contact"},"content":{"rendered":"<h4 style=\"text-align: center;\"><strong>Pourquoi ?\u00a0<\/strong><\/h4>\n<p>Il permet bien s\u00fbr aux visiteurs de votre site de vous contacter en quelques clics.<\/p>\n<p>Vous configurez le formulaire en d\u00e9finissant des champs pr\u00e9cis \u00e0 renseigner, libres ou non, obligatoires ou non :<br \/>\n<em>le visiteur qui le remplira aura vraiment quelque chose \u00e0 vous demander.\u00a0<\/em><\/p>\n<p>Et surtout, avec cet outil, <strong>vous n&rsquo;affichez sur votre site ni adresse mail ni num\u00e9ro de t\u00e9l\u00e9phone<\/strong>, et c&rsquo;est indispensable pour vous prot\u00e9ger des piratages en tous genres.<br \/>\n<em>Vous pourrez toujours donner vos coordonn\u00e9es dans votre r\u00e9ponse, si vous le souhaitez.\u00a0<\/em><\/p>\n<h4 style=\"text-align: center;\"><strong>Comment ?\u00a0<\/strong><\/h4>\n<p>Maintenant que vous savez <a href=\"https:\/\/cdscweb.fr\/chat-robaze\/wordpress-les-extensions\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em><strong>installer une extension<\/strong><\/em><\/a>, voici la plus populaire en la mati\u00e8re : <strong>Contact Form 7<\/strong>.<\/p>\n<p>Une fois l&rsquo;extension install\u00e9e et activ\u00e9e, passons au param\u00e9trage.<\/p>\n<p>En cliquant sur <em><strong>Contact<\/strong> <\/em>dans le <strong>Tableau de bord<\/strong>, vous verrez un formulaire de d\u00e9part : vous pouvez le supprimer et en cr\u00e9er un nouveau, ou le modifier pour qu&rsquo;il corresponde \u00e0 vos attentes <em>(c&rsquo;est mieux car vous ne partez pas de rien)<\/em>.<\/p>\n<p style=\"text-align: center;\">\u00c0 titre d&rsquo;exemple, voici un param\u00e9trage tr\u00e8s simple de formulaire.<br \/>\n<em>Il faut manipuler quelques balises HTML,<br \/>\nmais ce n&rsquo;est pas tr\u00e8s compliqu\u00e9 et si ce mod\u00e8le vous convient, copiez-le !\u00a0<\/em><\/p>\n<ul>\n<li>&lt;p&gt; et &lt;\/p&gt; encadrent un paragraphe.<\/li>\n<li>&lt;br \/&gt; cr\u00e9e un saut de ligne.<\/li>\n<li>Les informations marqu\u00e9es d\u2019un ast\u00e9risque sont obligatoires.<\/li>\n<li>Les champs entre crochets ont \u00e9t\u00e9 choisis parmi la liste de vignettes affich\u00e9es : ici texte, e-mail, texte, zone de texte, envoyer.<\/li>\n<li><span style=\"color: #c00000;\"><em>Avant le bouton <strong>Envoyer<\/strong> se trouve un anti-robot qui utilise une autre extension.<\/em><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4095 size-large\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01-1024x503.jpg\" alt=\"\" width=\"800\" height=\"393\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01-1024x503.jpg 1024w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01-300x147.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01-768x378.jpg 768w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01-150x74.jpg 150w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-01.jpg 1241w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Si je veux ajouter un champ <strong>Pr\u00e9nom obligatoire sous le nom<\/strong> :<\/p>\n<p>Je place mon curseur apr\u00e8s le premier paragraphe et je fais un saut de ligne pour respecter la disposition ;<\/p>\n<p>J&rsquo;\u00e9cris <strong>&lt;p&gt;Votre pr\u00e9nom*&lt;br \/&gt;<\/strong>\u00a0ou <strong>&lt;p&gt;Votre pr\u00e9nom (obligatoire)&lt;br \/&gt;<\/strong><\/p>\n<p>Je vais \u00e0 la ligne, je clique sur le bouton <em><strong>texte<\/strong><\/em>.<\/p>\n<p>Dans la fen\u00eatre qui s&rsquo;ouvre, je coche <em><strong>Champ obligatoire<\/strong><\/em>, je donne un nom au champ et je clique sur <em><strong>Ins\u00e9rer la balise.<\/strong><\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4098 size-full\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_nouveau-champ.jpg\" alt=\"\" width=\"630\" height=\"544\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_nouveau-champ.jpg 630w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_nouveau-champ-300x259.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_nouveau-champ-150x130.jpg 150w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>Et voil\u00e0, la balise est ins\u00e9r\u00e9e, il faut clore le paragraphe avec &lt;\/p&gt;<\/p>\n<p><a href=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4096 size-large\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02-1024x578.jpg\" alt=\"\" width=\"800\" height=\"452\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02-1024x578.jpg 1024w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02-300x169.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02-768x434.jpg 768w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02-150x85.jpg 150w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_formulaire-02.jpg 1213w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Votre premier formulaire est cr\u00e9\u00e9, il faut maintenant qu&rsquo;un message vous arrive quand un visiteur le remplira.<\/p>\n<p>C&rsquo;est l&rsquo;onglet <strong>E-mail<\/strong> qui va le d\u00e9finir :<\/p>\n<p>Dans le champ <strong>Pour<\/strong>, inscrivez votre adresse \u00e9lectronique.<\/p>\n<p>Dans le champ <strong>De<\/strong>, ne changez pas l&rsquo;adresse \u00e9lectronique.<\/p>\n<p>Vous pouvez utiliser les noms <em>(entre crochets)<\/em> des champs que vous avez d\u00e9finis dans l&rsquo;onglet pr\u00e9c\u00e9dent.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4094 size-full\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_e-mail.jpg\" alt=\"\" width=\"884\" height=\"682\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_e-mail.jpg 884w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_e-mail-300x231.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_e-mail-768x593.jpg 768w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_e-mail-150x116.jpg 150w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/p>\n<p>Dernier r\u00e9glage : le message de retour que verra votre visiteur apr\u00e8s avoir envoy\u00e9 le formulaire.<\/p>\n<p><strong>Personnalisez surtout le premier<\/strong>, il sera le plus utilis\u00e9, et parcourez les autres pour modifier \u00e9ventuellement ceux qui vous sont utiles.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4097 size-full\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_messages.jpg\" alt=\"\" width=\"675\" height=\"678\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_messages.jpg 675w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_messages-300x300.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/extensions_contact-form_messages-150x150.jpg 150w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/><\/p>\n<p style=\"text-align: right;\"><a href=\"https:\/\/cdscweb.fr\/chat-robaze\/wordpress-les-extensions\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em><strong>Comment installer une extension<\/strong><\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/cdscweb.fr\/chat-robaze\/wordpress-extensions-formulaires-de-contact\/\">Lire<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":3502,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-686","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":5,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"predecessor-version":[{"id":4336,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/686\/revisions\/4336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/3502"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}