{"id":866,"date":"2015-06-04T22:07:41","date_gmt":"2015-06-04T22:07:41","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=866"},"modified":"2015-06-04T22:23:49","modified_gmt":"2015-06-04T22:23:49","slug":"comment-faire-une-page-contact-parfaite","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/comment-faire-une-page-contact-parfaite\/","title":{"rendered":"Comment faire une page contact parfaite ?"},"content":{"rendered":"<p>Une page contact est utilis\u00e9e sur un site web pour permettre l\u2019interaction entre les visiteurs et le webmaster du site.<\/p>\n<p>Il permet au visiteur de demander un devis ou \u00eatre contact\u00e9 par un vendeur.<\/p>\n<p>Le formulaire de contact est un enjeu important pour les soci\u00e9t\u00e9s poss\u00e9dant un site web car il permet de transformer un simple visiteur en prospect qualifi\u00e9 voir en client.<\/p>\n<p>Cette infographie aborde donc les \u00e9l\u00e9ments indispensables \u00e0 mettre sur sa page contact :<\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/05\/df12aa86dfc1301956b8ea94bb2ab8c5.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-867\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/05\/df12aa86dfc1301956b8ea94bb2ab8c5.jpg\" alt=\"Formulaire de contact\" width=\"736\" height=\"3454\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/gratuit-template-facture-et-bon-de-livraison-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-bondelivrasion-facture-prestashop-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/gratuit-template-facture-et-bon-de-livraison-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Gratuit : template facture et bon de livraison |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 24047<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >On ne va pas se le cacher, la mise en page des pdf des factures\u00a0et bons de livraison, n'est vraiment pas top.\r\n\r\nJe vous propose donc une nouvelle mise en page dont vous pourrez t\u00e9l\u00e9charger les fichiers gratuitement.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6 et 1.5\r\n\r\n\r\n\r\n\r\n\r\nNote : il existe un bug dans la version 1.6.1.5. Si vous avez une page blanche lorsque vous d\u00e9sirez t\u00e9l\u00e9ch...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-creer-un-compte-employe-profils-permissions-dans-prestashop-1-6-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2018\/12\/employe-4-1_7-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-creer-un-compte-employe-profils-permissions-dans-prestashop-1-6-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment cr\u00e9er un compte employ\u00e9\/profils\/permissions dans PrestaShop 1.6 & 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 8343<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >La page d'administration \"Employ\u00e9s\" permet de cr\u00e9er des comptes afin de se connecter au back-office de PrestaShop. La connexion aux back-office se fait gr\u00e2ce \u00e0 une adresse email et un mot de passe.\r\n\r\nA noter : Si vous cr\u00e9ez un compte employ\u00e9 unique en SuperAdmin tout le monde pourra modifier les commandes, ajouter\/supprimer des produits, accepter ou refuser des paiements...., c'est pour cela que ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/position-inverser-le-hook-displayhome-et-displayhometab-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-prestashop-hook-400x249.png') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/position-inverser-le-hook-displayhome-et-displayhometab-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> POSITION : inverser le hook displayHome et DisplayHomeTab |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2534<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce tuto va vous permettre d'inverser le hook\u00a0displayHome et hookDisplayHomeTab, situ\u00e9 sur la page d'accueil de Prestashop\r\n\r\nA la base voici comment\u00a0sont positionn\u00e9s les deux hooks \u00a0:\r\n\r\n\r\n\r\n\r\nComment\u00a0inverser ses deux hooks ?\u00a0\r\n1. Ouvrez le fichier index.tpl qui se situe dans themes > lenomdevotretheme > index.tpl\r\n\r\n2. Mettre le code suivant :\r\n\r\nAvant\r\n\r\n3. Voici le code dans sa totalit\u00e9\r...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/centrer-votre-menu-dans-prestashop-1-6\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272-400x226.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/centrer-votre-menu-dans-prestashop-1-6\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Astuce : Centrer votre menu dans Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 4125<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n\r\n\r\nComment centrer le menu sur ma boutique Prestashop ?\u00a0\r\nIl y a q'un seul fichier \u00e0 modifier : superfish-modified.css\u00a0 qui appartient au module blocktopmenu\r\n\r\n\r\n\r\n1) Dans .sf-menu, ajouter text-align:center\r\n\r\n2) Dans .sf-menu > li, remplacer float:lef...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/spam-prestashop-contact-form-tpl\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2018\/02\/spam-7-400x232.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/spam-prestashop-contact-form-tpl\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> SPAM PRESTASHOP FORMULAIRE DE CONTACT  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3722<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Depuis qq temps, des robots de SPAM utilisent le formulaire de contact des boutiques PrestaShop pour envoyer des mails.\r\n\r\nVoici deux astuces\u00a0 (les deux versions ont \u00e9t\u00e9 test\u00e9es)\u00a0 pour la version Prestashop 1.6\r\n- astuce 1 : I'm not a robot de google\r\n- astuce 2 : captcha invisible\r\n\r\nASTUCE 1 \r\n\r\n1) Allez google Re-capcha : https:\/\/www.google.com\/recaptcha\/intro\/invisible.html\r\n\r\n- En haut \u00e0 droi...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Une page contact est utilis\u00e9e sur un site web pour permettre l\u2019interaction entre les visiteurs et le webmaster du site. Il permet au visiteur de demander un devis ou \u00eatre contact\u00e9 par un vendeur. Le formulaire de contact est un enjeu important pour les soci\u00e9t\u00e9s poss\u00e9dant un site web car [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":869,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/866"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=866"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/869"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}