{"id":5345,"date":"2017-07-31T12:53:58","date_gmt":"2017-07-31T10:53:58","guid":{"rendered":"https:\/\/blog.saasweb.net\/?p=5345\/"},"modified":"2017-12-28T14:50:28","modified_gmt":"2017-12-28T13:50:28","slug":"wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur","status":"publish","type":"post","link":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/","title":{"rendered":"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&rsquo;exp\u00e9diteur"},"content":{"rendered":"<div id=\"pl-5345\"  class=\"panel-layout\" ><div id=\"pg-5345-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-5345-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-5345-0-0-0\" class=\"so-panel widget widget_sow-headline panel-first-child\" data-index=\"0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-771b70f7f01f-5345\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<h3>Mailto ou formulaire de contact \u2013 telle est la question.<\/h3>\n<p>Dois-je proposer sur la page d'accueil de mon site Web un formulaire de contact ou tout simplement une adresse e-mail cliquable pour acc\u00e9der au programme de messagerie install\u00e9 localement ? Pour r\u00e9pondre \u00e0 la question il faut se mettre \u00e0 la place du visiteur : que pr\u00e9f\u00e8re t-il ? Quelles exp\u00e9riences ont \u00e9t\u00e9 faites \u00e0 ce jour ?<\/p>\n<p><strong>Mailto - Web 1.0<\/strong><\/p>\n<p>Mailto repr\u00e9sente le param\u00e8tre de l'attribut href dans la balise d'ancrage <code><a href=\"mailto:mail@domain.tld\">adresse mail<\/a><\/code>\u00a0l\u2019adresse mail avec laquelle le navigateur est charg\u00e9 d'appeler le client de messagerie par d\u00e9faut et TO: le champ pr\u00e9-rempli avec l\u2019adresse sp\u00e9cifi\u00e9e. Il est \u00e9galement possible de pr\u00e9d\u00e9finir d'autres domaines tels que l\u2019objet ou m\u00eame le contenu du courrier.<\/p>\n<p>Exemple : <code><a href=\"mailto:mail@domain.tld?subject=Ceci%20est%20l%27%objet%20du%20mail&body=Contenu\"> adresse mail avec les champs pr\u00e9-remplis <\/a><\/code>.<\/p>\n<p>Etant donn\u00e9 que les champs blancs href et d'autres caract\u00e8res sp\u00e9ciaux ne sont pas autoris\u00e9s, ils doivent \u00eatre remplac\u00e9s par des codes hexad\u00e9cimaux (% 20 = espace, %27 = apostrophe).<\/p>\n<p>Tr\u00e8s bien ! Mais attention, cela n\u2019est pas d\u00e9nu\u00e9 de probl\u00e8mes :<\/p>\n<ul>\n<li>Si aucun programme de messagerie \u00e9lectronique est install\u00e9 sur l'appareil, rien ne se passe (le navigateur s\u2019ouvrira si, par exemple, l'utilisateur utilise Gmail). N\u00e9anmoins, l'adresse \u00e9tant indiqu\u00e9e, le message peut \u00eatre envoy\u00e9 \u00e0 une date ult\u00e9rieure.<\/li>\n<li>Des robots d'exploration malveillants analysent les sites de fond en comble pour trouver des adresses de courrier \u00e9lectronique et les utiliser ensuite pour envoyer des spams (ou pour utiliser l'adresse comme exp\u00e9diteur). Cependant, une adresse de type info@ - est quasiment toujours sp\u00e9cifi\u00e9e et est de toute fa\u00e7on utilis\u00e9e par les spammeurs.<\/li>\n<li>Si vous voulez obtenir certaines informations d\u2019une personne en particulier comme un num\u00e9ro client ou des param\u00e8tres XY qui vous permettent d'identifier \u00e0 quelle \u00e9quipe interne le message est adress\u00e9, la m\u00e9thode du mail cliquable ne vous m\u00e8ne malheureusement pas tr\u00e8s loin...<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-2\" class=\"so-panel widget widget_sow-headline\" data-index=\"2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-42661c0c9fbd-5345\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tFormulaires de contact 1.0\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-3\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Les formulaires de contact n\u2019existent pas depuis hier. La qualit\u00e9 a \u00e9t\u00e9 am\u00e9lior\u00e9e de mani\u00e8re significative, cela s\u2019explique s\u00fbrement du fait qu\u2019il y ai de plus en plus de propri\u00e9taires de sites Web, utilisant un CMS (WordPress pour la plupart), et s\u2019appropriant ce genre d'extension.<\/p>\n<p>Revenons aux anciens types de formulaires de contact : beaucoup contenaient des bugs et g\u00e9n\u00e9ralement aucune validation n\u2019\u00e9tait pr\u00e9vue (l\u2019envoi d\u2019un formulaire vide \u00e9tait souvent possible) ; c\u2019est pourquoi nous avions des doutes quant \u00e0 la bonne livraison des messages. De plus, l'exp\u00e9diteur ne recevait que rarement une copie de son message.<\/p>\n<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-4\" class=\"so-panel widget widget_sow-headline\" data-index=\"4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-42661c0c9fbd-5345\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tCr\u00e9er des formulaires de contact conviviaux avec Gravity Forms\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-5\" class=\"so-panel widget widget_sow-editor\" data-index=\"5\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>En utilisant WordPress, vous avez acc\u00e8s \u00e0 de nombreux plugins d\u00e9di\u00e9s aux formulaires, comme par exemple Contact Form 7. Ce dernier est tr\u00e8s populaire (plusieurs millions d'installations actives \u00e0 ce jour) et digne de confiance. Cependant nous allons vous donner un exemple de construction de formulaire de contact avec Gravity Forms qui est un plugin particuli\u00e8rement ergonomique mais qui n\u00e9cessite l'achat d'une licence. Je precise \u00e0 ce stade que l'utilisation de Gravity Forms est gratuite avec les tarifs d\u2019h\u00e9bergement WordPress manag\u00e9 de SaaS Web.<\/p>\n<h3>Que peut-on attendre d'un formulaire de contact moderne\u00a0?<\/h3>\n<p>Liste non exhaustive des fonctionnalit\u00e9s. Tout d'abord, du c\u00f4t\u00e9 de l'utilisateur du formulaire :<\/p>\n<ul>\n<li>Responsive Layout, le formulaire est adapt\u00e9 \u00e0 tous les appareils de visualisation<\/li>\n<li>Champs clairement identifi\u00e9s, indiquant aussi s'ils sont obligatoires ou facultatifs<\/li>\n<li>Stockage des donn\u00e9es d\u00e9j\u00e0 saisies pour la validation, validation dynamique possible sans possibilit\u00e9 de soumettre le formulaire sans que les champs obligatoires n\u2019aient \u00e9t\u00e9 remplis correctement.<\/li>\n<\/ul>\n<h3>Qu'en\u00a0est-il de l\u2019accessibilit\u00e9 ?<\/h3>\n<ul>\n<li>Pour les personnes utilisant un clavier au lieu d'une souris, il est pratique de pourvoir naviguer d'un champ \u00e0 un autre avec la touche TAB<\/li>\n<li>Pour am\u00e9liorer l'exp\u00e9rience d'utilisaton des personnes handicap\u00e9es qui utilisent des lecteurs d'\u00e9cran, ajouter des balises HTML sp\u00e9cialis\u00e9es<\/li>\n<\/ul>\n<h3>Du c\u00f4t\u00e9 de l'op\u00e9rateur :<\/h3>\n<ul>\n<li>Cr\u00e9ation facile du formulaire<\/li>\n<li>Champ avec s\u00e9lection pr\u00e9-programm\u00e9e des fonctions (champ de texte, champ r\u00e9serv\u00e9 aux adresses e-mail, t\u00e9l\u00e9phone, multi-s\u00e9lection ...) et la validation appropri\u00e9e du champ<\/li>\n<li>Validation obligatoire Oui \/ Non<\/li>\n<li>Logique conditionnelle : visibilit\u00e9 d\u2019un champ sp\u00e9cifique sous condition qu\u2019un autre soit compl\u00e9t\u00e9<\/li>\n<li>Assembler des champs par glisser-d\u00e9poser<\/li>\n<li>Envoi des donn\u00e9es de formulaire \u00e0 un op\u00e9rateur ou une tierce personne<\/li>\n<li>Affichage d\u2019une confirmation de livraison \u00e0 l\u2019exp\u00e9diteur - \u00e9ventuellement, rediriger l'utilisateur vers une autre page<\/li>\n<li>L\u2019exp\u00e9diteur a la possibilit\u00e9 de recevoir une copie des donn\u00e9es saisies<\/li>\n<\/ul>\n<h3>Pour les designers et les administrateurs :<\/h3>\n<ul>\n<li>Les champs du formulaire peuvent \u00eatre \u00e9tendues avec des classes CSS pour faciliter la mise en page du formulaire<\/li>\n<li>Eventuellement une fonction Honeypot\/Captcha<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-6\" class=\"so-panel widget widget_sow-headline\" data-index=\"6\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-42661c0c9fbd-5345\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tCr\u00e9er un formulaire de base\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-7\" class=\"so-panel widget widget_sow-editor\" data-index=\"7\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Apr\u00e8s avoir install\u00e9 Gravity Forms, vous pouvez cr\u00e9er votre premier formulaire - donnez-lui un nom. Ensuite, d\u00e9terminez les champs.<\/p>\n<ul>\n<li>\u00c9tape 1 : Cr\u00e9er une case \u00e0 cocher si l'utilisateur veut obtenir une copie par e-mail<\/li>\n<li>\u00c9tape 2 : Cr\u00e9er la notification ainsi que la logique pour envoyer la copie si la case a \u00e9t\u00e9 coch\u00e9e<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-8\" class=\"so-panel widget widget_sow-image\" data-index=\"8\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-e4c2d9f6c920-5345\"\n\t\t\t\n\t\t>\n<div class=\"sow-image-container\">\n\t\t\t<a href=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png\"\n\t\t\t\t\t rel=\"lightbox[5345]\">\n\t\t\t<img \n\tsrc=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png\" width=\"1278\" height=\"863\" srcset=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png 1278w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base-300x203.png 300w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base-768x519.png 768w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base-1024x691.png 1024w\" sizes=\"(max-width: 1278px) 100vw, 1278px\" title=\"Cr\u00e9ation Formulaire de base\" alt=\"\" \t\tclass=\"so-widget-image\"\/>\n\t\t\t<\/a><\/div>\n\n<\/div><\/div><div id=\"panel-5345-0-0-9\" class=\"so-panel widget widget_sow-headline\" data-index=\"9\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-42661c0c9fbd-5345\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tOption d'installation pour obtenir une copie de donn\u00e9es\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-10\" class=\"so-panel widget widget_sow-editor\" data-index=\"10\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>L\u2019\u00e9tape 1 doit \u00eatre effectu\u00e9e dans la page de cr\u00e9ation du formulaire.<\/p>\n<p>D\u00e9placez, d\u2019un clic de souris, l\u2019\u00e9l\u00e9ment Cases \u00e0 cocher de la droite vers l\u2019emplacement souhait\u00e9. Par d\u00e9faut 3 cases sont propos\u00e9es, vous en supprimez donc 2 et indiquez votre phrase, par exemple \"Envoyez-moi une copie des donn\u00e9es du formulaire de contact\". Vous pouvez cocher la case, ainsi elle sera pr\u00e9-coch\u00e9e dans le formulaire.<\/p>\n<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-11\" class=\"so-panel widget widget_sow-image\" data-index=\"11\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-e4c2d9f6c920-5345\"\n\t\t\t\n\t\t>\n<div class=\"sow-image-container\">\n\t\t\t<a href=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/copie.png\"\n\t\t\t\t\t rel=\"lightbox[5345]\">\n\t\t\t<img \n\tsrc=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/copie.png\" width=\"1261\" height=\"900\" srcset=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/copie.png 1261w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/copie-300x214.png 300w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/copie-768x548.png 768w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/copie-1024x731.png 1024w\" sizes=\"(max-width: 1261px) 100vw, 1261px\" alt=\"\" \t\tclass=\"so-widget-image\"\/>\n\t\t\t<\/a><\/div>\n\n<\/div><\/div><div id=\"panel-5345-0-0-12\" class=\"so-panel widget widget_sow-editor\" data-index=\"12\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>Pour la deuxi\u00e8me \u00e9tape, s\u00e9lectionnez les \u00e9l\u00e9ments internes du formulaire sous \u00ab Param\u00e8tres \u00bb&gt; \u00ab Notification \u00bb.<\/p>\n<p>Ici, nous avons d\u00e9fini les param\u00e8tres suivants :<\/p>\n<ul>\n<li>Nom : ce champ est obligatoire, mais sans grande importance<\/li>\n<li>Envoyer \u00e0 : \u00ab S\u00e9lectionner un champ \u00bb&gt; \u00ab E-mail \u00bb de la liste d\u00e9roulante; si vous avez nomm\u00e9 le champ E-mail de fa\u00e7on diff\u00e9rente, s\u00e9lectionnez dans la liste, bien s\u00fbr, le nom que vous lui avez donn\u00e9. Veuillez noter que le champ e-mail est \u00e9videmment un champ obligatoire.<\/li>\n<li>De : nom de l\u2019exp\u00e9diteur: les utilisateurs verront alors le nom de l'exp\u00e9diteur de l'e-mail<\/li>\n<li>Votre e-mail : celui-ci peut \u00eatre modifi\u00e9<\/li>\n<li>Objet : tout simplement l\u2019objet de l'e-mail<\/li>\n<li>Message : ins\u00e9rez ici votre texte. Il est possible d'ins\u00e9rer des champs pr\u00e9alablement remplis. Pour ce faire, cliquez sur l'ic\u00f4ne \u00e0 droite de l'\u00e9diteur visuel. Bien s\u00fbr, vous pouvez \u00e9galement ajouter un message d'accueil ou tout autre texte.<\/li>\n<li>Logique conditionnelle : cocher la case pour activer la logique. Ensuite, s\u00e9lectionnez le champ qui doit \u00eatre rempli comme condition.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-13\" class=\"so-panel widget widget_sow-image\" data-index=\"13\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-image so-widget-sow-image-default-e4c2d9f6c920-5345\"\n\t\t\t\n\t\t>\n<div class=\"sow-image-container\">\n\t\t\t<a href=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/contact-screen-3.png\"\n\t\t\t\t\t rel=\"lightbox[5345]\">\n\t\t\t<img \n\tsrc=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/contact-screen-3.png\" width=\"712\" height=\"842\" srcset=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/contact-screen-3.png 712w, https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/contact-screen-3-254x300.png 254w\" sizes=\"(max-width: 712px) 100vw, 712px\" title=\"contact screen 3\" alt=\"\" \t\tclass=\"so-widget-image\"\/>\n\t\t\t<\/a><\/div>\n\n<\/div><\/div><div id=\"panel-5345-0-0-14\" class=\"so-panel widget widget_sow-headline\" data-index=\"14\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-headline so-widget-sow-headline-default-42661c0c9fbd-5345\"\n\t\t\t\n\t\t><div class=\"sow-headline-container \">\n\t\t\t\t\t\t\t<h2 class=\"sow-headline\">\n\t\t\t\t\t\tGravity Forms, c\u2019est si simple !\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t<\/div>\n<\/div><\/div><div id=\"panel-5345-0-0-15\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"15\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p>En fait, on peut aussi \u00e9viter du travail, ne pas demander \u00e0 l'utilisateur du formulaire s'il souhaite recevoir une copie, mais tout simplement de le faire... mais je pense qu'un utilisateur, surtout s'il a fait de mauvaises exp\u00e9riences dans le pass\u00e9, ne va pas s'attendre \u00e0 recevoir un double et se sentira donc peut-\u00eatre g\u00ean\u00e9 d'utiliser le formulaire.<\/p>\n<p>Pour en revenir \u00e0 la question du d\u00e9but de l'article concernant le choix entre le formulaire de contact ou l\u2019adresse email, pourquoi ne pas proposer les deux et laisser le choix au visiteur\u00a0?<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Mailto ou formulaire de contact \u2013 telle est la question. Dois-je proposer sur la page d&rsquo;accueil de mon site Web un formulaire de contact ou tout simplement une adresse e-mail cliquable pour acc\u00e9der au programme de messagerie install\u00e9 localement ? Pour r\u00e9pondre \u00e0 la question il faut se mettre \u00e0 la place du visiteur : &#8230; <br \/><a class=\"read-more\" href=\"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/\">Lire plus\u2026<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1017,944,1014,1438],"tags":[1353,1368,1326,984],"class_list":["post-5345","post","type-post","status-publish","format-standard","hentry","category-application-web","category-info-saas-web","category-outils","category-tutoriel","tag-contact-form-7","tag-formulaire-de-contact","tag-gravity-forms","tag-wordpress-fr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&#039;exp\u00e9diteur - SaaS Web Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&#039;exp\u00e9diteur - SaaS Web Blog\" \/>\n<meta property=\"og:description\" content=\"Mailto ou formulaire de contact \u2013 telle est la question. Dois-je proposer sur la page d&#039;accueil de mon site Web un formulaire de contact ou tout simplement une adresse e-mail cliquable pour acc\u00e9der au programme de messagerie install\u00e9 localement ? Pour r\u00e9pondre \u00e0 la question il faut se mettre \u00e0 la place du visiteur : ... Lire plus\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/\" \/>\n<meta property=\"og:site_name\" content=\"Software as a Service, Managed Hosting &amp; Technologie News\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-31T10:53:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-28T13:50:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png\" \/>\n<meta name=\"author\" content=\"Anne-Ga\u00eble Wulkow\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@saaswebnet\" \/>\n<meta name=\"twitter:site\" content=\"@saaswebnet\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anne-Ga\u00eble Wulkow\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/\"},\"author\":{\"name\":\"Anne-Ga\u00eble Wulkow\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#\\\/schema\\\/person\\\/fcc2895d2aa1e434655aef37d0b6ed95\"},\"headline\":\"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&rsquo;exp\u00e9diteur\",\"datePublished\":\"2017-07-31T10:53:58+00:00\",\"dateModified\":\"2017-12-28T13:50:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/\"},\"wordCount\":1282,\"publisher\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.saasweb.net\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/formulaire-de-base.png\",\"keywords\":[\"Contact Form 7\",\"Formulaire de contact\",\"Gravity Forms\",\"WordPress\"],\"articleSection\":[\"Application web\",\"Info SaaS Web\",\"Outils\",\"Tutoriel\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/\",\"url\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/\",\"name\":\"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l'exp\u00e9diteur - SaaS Web Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blog.saasweb.net\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/formulaire-de-base.png\",\"datePublished\":\"2017-07-31T10:53:58+00:00\",\"dateModified\":\"2017-12-28T13:50:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blog.saasweb.net\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/formulaire-de-base.png\",\"contentUrl\":\"https:\\\/\\\/blog.saasweb.net\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/formulaire-de-base.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/2017\\\/07\\\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&rsquo;exp\u00e9diteur\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/\",\"name\":\"Software as a Service, Managed Hosting &amp; Technologie News\",\"description\":\"Proudly clouded by SaaS Web\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#organization\",\"name\":\"Software as a Service, Managed Hosting &amp; Technologie News\",\"url\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/blog.saasweb.net\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/logo_saasweb.jpg\",\"contentUrl\":\"https:\\\/\\\/blog.saasweb.net\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/logo_saasweb.jpg\",\"width\":121,\"height\":110,\"caption\":\"Software as a Service, Managed Hosting &amp; Technologie News\"},\"image\":{\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/saaswebnet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.saasweb.net\\\/fr\\\/#\\\/schema\\\/person\\\/fcc2895d2aa1e434655aef37d0b6ed95\",\"name\":\"Anne-Ga\u00eble Wulkow\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l'exp\u00e9diteur - SaaS Web Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/","og_locale":"fr_FR","og_type":"article","og_title":"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l'exp\u00e9diteur - SaaS Web Blog","og_description":"Mailto ou formulaire de contact \u2013 telle est la question. Dois-je proposer sur la page d'accueil de mon site Web un formulaire de contact ou tout simplement une adresse e-mail cliquable pour acc\u00e9der au programme de messagerie install\u00e9 localement ? Pour r\u00e9pondre \u00e0 la question il faut se mettre \u00e0 la place du visiteur : ... Lire plus\u2026","og_url":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/","og_site_name":"Software as a Service, Managed Hosting &amp; Technologie News","article_published_time":"2017-07-31T10:53:58+00:00","article_modified_time":"2017-12-28T13:50:28+00:00","og_image":[{"url":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png","type":"","width":"","height":""}],"author":"Anne-Ga\u00eble Wulkow","twitter_card":"summary_large_image","twitter_creator":"@saaswebnet","twitter_site":"@saaswebnet","twitter_misc":{"\u00c9crit par":"Anne-Ga\u00eble Wulkow","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#article","isPartOf":{"@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/"},"author":{"name":"Anne-Ga\u00eble Wulkow","@id":"https:\/\/blog.saasweb.net\/fr\/#\/schema\/person\/fcc2895d2aa1e434655aef37d0b6ed95"},"headline":"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&rsquo;exp\u00e9diteur","datePublished":"2017-07-31T10:53:58+00:00","dateModified":"2017-12-28T13:50:28+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/"},"wordCount":1282,"publisher":{"@id":"https:\/\/blog.saasweb.net\/fr\/#organization"},"image":{"@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png","keywords":["Contact Form 7","Formulaire de contact","Gravity Forms","WordPress"],"articleSection":["Application web","Info SaaS Web","Outils","Tutoriel"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/","url":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/","name":"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l'exp\u00e9diteur - SaaS Web Blog","isPartOf":{"@id":"https:\/\/blog.saasweb.net\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#primaryimage"},"image":{"@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png","datePublished":"2017-07-31T10:53:58+00:00","dateModified":"2017-12-28T13:50:28+00:00","breadcrumb":{"@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#primaryimage","url":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png","contentUrl":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2017\/07\/formulaire-de-base.png"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.saasweb.net\/fr\/2017\/07\/wordpress-creer-des-formulaires-de-contact-avec-en-option-lenvoi-dune-copie-a-lexpediteur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/blog.saasweb.net\/fr\/"},{"@type":"ListItem","position":2,"name":"WordPress : Cr\u00e9er des formulaires de contact avec, en option, l\u2019envoi d\u2019une copie \u00e0 l&rsquo;exp\u00e9diteur"}]},{"@type":"WebSite","@id":"https:\/\/blog.saasweb.net\/fr\/#website","url":"https:\/\/blog.saasweb.net\/fr\/","name":"Software as a Service, Managed Hosting &amp; Technologie News","description":"Proudly clouded by SaaS Web","publisher":{"@id":"https:\/\/blog.saasweb.net\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.saasweb.net\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/blog.saasweb.net\/fr\/#organization","name":"Software as a Service, Managed Hosting &amp; Technologie News","url":"https:\/\/blog.saasweb.net\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/blog.saasweb.net\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2014\/04\/logo_saasweb.jpg","contentUrl":"https:\/\/blog.saasweb.net\/wp-content\/uploads\/2014\/04\/logo_saasweb.jpg","width":121,"height":110,"caption":"Software as a Service, Managed Hosting &amp; Technologie News"},"image":{"@id":"https:\/\/blog.saasweb.net\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/saaswebnet"]},{"@type":"Person","@id":"https:\/\/blog.saasweb.net\/fr\/#\/schema\/person\/fcc2895d2aa1e434655aef37d0b6ed95","name":"Anne-Ga\u00eble Wulkow"}]}},"_links":{"self":[{"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/posts\/5345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/comments?post=5345"}],"version-history":[{"count":70,"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/posts\/5345\/revisions"}],"predecessor-version":[{"id":5656,"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/posts\/5345\/revisions\/5656"}],"wp:attachment":[{"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/media?parent=5345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/categories?post=5345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.saasweb.net\/fr\/wp-json\/wp\/v2\/tags?post=5345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}