{"id":515,"date":"2017-11-14T14:49:20","date_gmt":"2017-11-14T14:49:20","guid":{"rendered":"https:\/\/demos.welaunch.io\/wordpress-store-locator\/?post_type=faq&#038;p=515"},"modified":"2024-05-15T11:17:40","modified_gmt":"2024-05-15T09:17:40","slug":"create-wordpress-contact-store-page","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/create-wordpress-contact-store-page\/","title":{"rendered":"Cr\u00e9er une page WordPress pour la boutique de contact"},"content":{"rendered":"<p>Si vous souhaitez cr\u00e9er une page de contact pour votre boutique, vous pouvez utiliser n&#8217;importe quel plugin de formulaire de contact. La solution pr\u00e9f\u00e9r\u00e9e, et c&#8217;est celle que nous avons utilis\u00e9e, est le plugin Contact Form 7.<figure id=\"attachment_5544\" aria-describedby=\"caption-attachment-5544\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5544\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/11\/example-wordpress-contact-store-form-1024x538.png\" alt=\"Exemple de formulaire de contact wordpress\" width=\"1020\" height=\"536\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-1024x538.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-300x158.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-768x404.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-1536x808.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-2048x1077.png 2048w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-500x263.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/example-wordpress-contact-store-form-1000x526.png 1000w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5544\" class=\"wp-caption-text\">Exemple de formulaire de contact wordpress<\/figcaption><\/figure>\n<h2>\u00c9tape 1 : Cr\u00e9er le formulaire de contact<\/h2>\n<p>Vous devez d&#8217;abord cr\u00e9er un formulaire de contact pour la boutique en ligne.Allez dans Contact > Ajouter un nouveau et saisissez les donn\u00e9es du formulaire. Ici, il est tr\u00e8s important d&#8217;avoir un champ de s\u00e9lection avec l&#8217;identifiant &#8220;store_locator_form_store_select&#8221; et un champ de texte pour l&#8217;adresse du client &#8220;store_locator_form_customer_address&#8221;. Si ces \u00e9l\u00e9ments n&#8217;existent pas, le syst\u00e8me ne fonctionnera pas.Vous pouvez ensuite cr\u00e9er d&#8217;autres champs et, si vous souhaitez transmettre des donn\u00e9es de magasin, vous pouvez utiliser les champs de saisie suivants :<\/p>\n<ul>\n<li>store_locator_form_store_select<\/li>\n<li>store_locator_store_info_name<\/li>\n<li>store_locator_store_info_address<\/li>\n<li>store_locator_store_info_city<\/li>\n<li>store_locator_store_info_region<\/li>\n<li>store_locator_store_info_zip<\/li>\n<li>store_locator_store_info_telephone<\/li>\n<li>store_locator_store_info_email<\/li>\n<li>store_locator_store_info_website<\/li>\n<li><\/li>\n<li>store_locator_form_store_name<\/li>\n<li>store_locator_form_store_address<\/li>\n<li>store_locator_form_store_zip<\/li>\n<li>store_locator_form_store_city<\/li>\n<li>store_locator_form_store_country<\/li>\n<li>store_locator_form_store_region<\/li>\n<li>store_locator_form_store_telephone<\/li>\n<li>store_locator_form_store_mobile<\/li>\n<li>store_locator_form_store_fax<\/li>\n<li>store_locator_form_store_email<\/li>\n<li>store_locator_form_store_website<\/li>\n<\/ul>\n<p>Vous pouvez omettre les donn\u00e9es relatives aux magasins ou m\u00eame les masquer. Si, par exemple, vous ne souhaitez afficher que le pays du magasin, vous pouvez omettre le champ de saisie de texte. Les champs peuvent \u00e9galement \u00eatre utilis\u00e9s pour envoyer des demandes directement \u00e0 vos magasins.Have a look at our demo contact form here:Demo Store Contact Form<\/p>\n<h2>\u00c9tape 2 : Cr\u00e9er la page de la boutique de contact<\/h2>\n<p>Une fois le formulaire de contact cr\u00e9\u00e9, vous devez l&#8217;int\u00e9grer dans une page. Cr\u00e9er une nouvelle page appel\u00e9e &#8220;Contacter le magasin&#8221; et choisissez le formulaire de contact.<\/p>\n<h2>\u00c9tape 3 : Ajuster les param\u00e8tres du plugin<\/h2>\n<p>Lorsque le formulaire de contact et la page sont configur\u00e9s, vous devez activer le bouton d&#8217;action &#8220;Boutique&#8221;. Allez dans les param\u00e8tres du plugin > Donn\u00e9es \u00e0 afficher > Activer l&#8217;affichage de la boutique de contact. Ajouter un texte personnalis\u00e9 comme &#8220;Contacter le magasin&#8221; et s\u00e9lectionnez la page Contacter le magasin que vous venez de cr\u00e9er.D\u00e9sormais, lorsque vous acc\u00e9dez au localisateur de magasins, vous verrez un bouton appel\u00e9 &#8220;Contacter le magasin&#8221;. Lorsque vous cliquez sur cette adresse \u00e0 partir du localisateur de magasins, le magasin cliqu\u00e9 ET l&#8217;adresse sont transf\u00e9r\u00e9s sur la page.Le client n&#8217;a plus qu&#8217;\u00e0 saisir ses donn\u00e9es telles que le nom, l&#8217;adresse \u00e9lectronique, l&#8217;objet et le message, et c&#8217;est tout.<figure id=\"attachment_5543\" aria-describedby=\"caption-attachment-5543\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5543\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/11\/select-contact-store-page-1024x193.png\" alt=\"s\u00e9lectionner la page de contact du magasin\" width=\"1020\" height=\"192\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-1024x193.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-300x56.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-768x144.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-1536x289.png 1536w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-2048x385.png 2048w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-500x94.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/11\/select-contact-store-page-1000x188.png 1000w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5543\" class=\"wp-caption-text\">s\u00e9lectionner la page de contact du magasin<\/figcaption><\/figure>\n","protected":false},"author":1,"featured_media":0,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-515","faq","type-faq","status-publish","hentry","faq_topics-store-locator-getting-started"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=515"}],"version-history":[{"count":4,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/515\/revisions"}],"predecessor-version":[{"id":8890,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/515\/revisions\/8890"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=515"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}