{"id":643,"date":"2014-05-15T14:28:34","date_gmt":"2014-05-15T12:28:34","guid":{"rendered":"http:\/\/www.h-hennes.fr\/blog\/?page_id=643"},"modified":"2018-02-23T23:37:35","modified_gmt":"2018-02-23T21:37:35","slug":"module-recaptcha-pour-le-formulaire-de-contact-prestashop","status":"publish","type":"page","link":"https:\/\/www.h-hennes.fr\/blog\/module-recaptcha-pour-le-formulaire-de-contact-prestashop\/","title":{"rendered":"Module (re)Captcha pour le formulaire de contact prestashop"},"content":{"rendered":"<p>Les formulaire de contacts sont de plus en plus soumis aux spams, ce qui devient assez aga\u00e7ant\u2026, malheureusement le formulaire de contact de Prestashop ne fait pas exception \u00e0 la r\u00e8gle.<br \/>\nVoici donc un module qui vous permettra d\u2019ajouter l\u2019excellent \u00ab\u00a0Recaptcha\u00a0\u00bb de Google \u00e0 votre formulaire de contact Prestashop, ainsi que sur le formulaire de cr\u00e9ation de compte.<\/p>\n<p>Ce module faisant l&rsquo;objet de nombreuses modifications, comme je ne souhaite pas \u00e9crire un nouvel article \u00e0 chaque fois celles-ci seront list\u00e9es sur cette page.<\/p>\n<p><strong>Version 1.7<\/strong><\/p>\n<p>Depuis la sortie de prestashop 1.7 , le module a \u00e9t\u00e9 compl\u00e9tement r\u00e9\u00e9crit et des fonctionnalit\u00e9s ont \u00e9t\u00e9 supprim\u00e9es.<br \/>\nL&rsquo;ensemble du code est disponible sur github sur la branche 17 , et les releases \u00e0 t\u00e9l\u00e9charger sont les versions <strong>2.x<\/strong><br \/>\nPour plus de d\u00e9tails vous pouvez consulter la page : <a href=\"https:\/\/www.h-hennes.fr\/blog\/2017\/07\/11\/module-catpcha-pour-prestashop-1-7\/\">Captcha Prestashop 1.7 <\/a><\/p>\n<p>L&rsquo;ancienne version du module fonctionne toujours pour les versions de prestashop\u00a0 <strong>1.5.x<\/strong> et <strong>1.6.x <\/strong>( Le support de la version 1.5 sera abandonn\u00e9 prochainement )<br \/>\nVous trouverez ici le d\u00e9tails des derniers changements.<\/p>\n<p><strong>Installation du module :<\/strong><\/p>\n<p>Pour installer le module, il faut t\u00e9l\u00e9charger la derni\u00e8re release depuis github :<br \/>\n<a href=\"https:\/\/github.com\/nenes25\/eicaptcha\/releases\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/nenes25\/eicaptcha\/releases<\/a><\/p>\n<p>Les version pour prestashop &lt; 1.7 sont tagu\u00e9es <strong>0.x.x <\/strong>( La derni\u00e8re version \u00e0 date est la 0.4.11 )<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1703\" src=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-release.jpg\" alt=\"Ei captcha releases\" width=\"883\" height=\"348\" srcset=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-release.jpg 883w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-release-300x118.jpg 300w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-release-768x303.jpg 768w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>T\u00e9l\u00e9charger le fichier <strong>eicaptcha.zip<\/strong><\/p>\n<p>Vous pouvez ensuite au choix :<\/p>\n<ul>\n<li>installer directement le module depuis l&rsquo;administration en envoyant le fichier eicaptcha.zip<\/li>\n<li>extraire l&rsquo;archive et envoyer son contenu via ftp dans le dossier \u00ab\u00a0modules\u00a0\u00bb de votre site.<\/li>\n<\/ul>\n<p><strong>Configuration du module :<\/strong><\/p>\n<p>Il faut ensuite installer le module dans Prestashop et le configurer :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1705\" src=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/configuration-eicaptcha.jpg\" alt=\"Configuration eicaptcha\" width=\"780\" height=\"390\" srcset=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/configuration-eicaptcha.jpg 780w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/configuration-eicaptcha-300x150.jpg 300w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/configuration-eicaptcha-768x384.jpg 768w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><br \/>\nPour cela il faut saisir les cl\u00e9s recaptcha , et activer le captcha aux endroits souhait\u00e9s.<br \/>\nVous avez \u00e9galement la possibilit\u00e9 de forcer une langue, et un th\u00e8me.<\/p>\n<p><strong>Informations additionnelles :<\/strong><\/p>\n<p>Le module\u00a0 permets \u00e9galement de mettre un captcha sur les formulaire \u00ab\u00a0Commentaires produits\u00a0\u00bb et \u00ab\u00a0Envoyer \u00e0 un ami\u00a0\u00bb de la fiche produit.<br \/>\nCependant pour ne pas modifier le design de vos boutiques, il est n\u00e9cessaire de l&rsquo;installer manuellement.<br \/>\nLes processus sont d\u00e9taill\u00e9s ici :<br \/>\n<a href=\"https:\/\/www.h-hennes.fr\/blog\/2015\/06\/17\/prestashop-captcha-commentaires-produit\/\">Prestashop : Mettre en place un captcha sur les commentaires produits<\/a><br \/>\n<a href=\"https:\/\/www.h-hennes.fr\/blog\/2015\/05\/22\/prestashop-mettre-en-place-un-captcha-sur-le-formulaire-envoyer-a-un-ami\/\">Prestashop : Captcha sur le formulaire Envoyer \u00e0 un ami<\/a><\/p>\n<p>La derni\u00e8re version du module compatible avec Prestashop inf\u00e9rieur \u00e0\u00a0 <strong>1.5<\/strong> est\u00a0 la version <strong>0.3.1<\/strong> ( 2015-01-22 ) :<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/modules\/eicaptcha-latest.zip\"><strong>T\u00e9l\u00e9charger le module pour Prestashop &lt; 1.5<\/strong><\/a><\/p>\n<p><strong>Probl\u00e8mes fr\u00e9quents :<\/strong><\/p>\n<ul>\n<li>Captcha non visible sur le formulaire de contact :<\/li>\n<\/ul>\n<p>Le module ajoute dynamiquement une balise html &lt;div id=\u00a0\u00bbcaptcha-box\u00a0\u00bb&gt;&lt;\/div&gt; \u00e0 la fin du formulaire de contact, le captcha est ensuite ajout\u00e9 automatiquement dans cette balise par le script recaptcha.<\/p>\n<p>Sur certains th\u00e8mes sp\u00e9cifiques l&rsquo;ajout de cette balise ne fonctionne pas correctement.<br \/>\nLe plus simple pour le corriger est d&rsquo;ajouter manuellement le code<\/p>\n<pre lang=\"html\" escaped=\"true\">&lt;div id=\"captcha-box\"&gt;&lt;\/div&gt;<\/pre>\n<p>dans le template du formulaire de contact qui est situ\u00e9 dans themes\/votretheme\/<strong>contact-form.tpl<\/strong> avant la fin de la balise &lt;\/form&gt; ( libre \u00e0 vous d&rsquo;adapter ensuite son affichage )<\/p>\n<p>Une prochaine version permettra de configurer ce point dans l&rsquo;administration ,v ous pouvez consulter l&rsquo;article suivant pour plus de d\u00e9tails :<br \/>\n<a href=\"https:\/\/www.h-hennes.fr\/blog\/2018\/02\/23\/eicaptcha-ajout-dune-configuration-avancees-des-selecteurs\/\">https:\/\/www.h-hennes.fr\/blog\/2018\/02\/23\/eicaptcha-ajout-dune-configuration-avancees-des-selecteurs\/<\/a><\/p>\n<p>Pour les autres probl\u00e8mes non list\u00e9s ici , merci de les remonter directement sur github :<br \/>\n<a href=\"https:\/\/github.com\/nenes25\/eicaptcha\/issues\" target=\"_blank\" rel=\"noopener\">https:\/\/github.com\/nenes25\/eicaptcha\/issues<\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Historique des changements<\/strong><\/span><\/p>\n<div class=\"wp_file_get_contents wpfgc\">\n<pre>\/**\n * Module Captcha\n * Add (re)captcha on contact form and customer account form\n * &copy; h-hennes 2013-2020\n * https:\/\/www.h-hennes.fr\/blog\/\n *\/\n\n - V 0.5.0  - 2020-11- : - Drop Support for productcomments and sendtoafriend modules (was only in js)\n                         - Drop support for prestashop version < 1.6\n - V 0.4.17 - 2019-04-29 : - Disallow captcha check on opc checkout\n - V 0.4.16 - 2019-04-23 : - Fix verification on customer account creation\n - V 0.4.15 - 2018-08-13 : - Fix messed up override code injection when the controller is already overrided (thanks Bm-services)\n                           - Fix error message display\n                           - Add it translations thanks to Michele Zucal\n - V 0.4.14 - 2018-03-10 : - Add tool to check if module is well installed in back office\n - V 0.4.13 - 2018-02-23 : - Fix with PHP < 5.5 ( #14 )\n                            - PS 1.5 fixes ( thanks to Nobodaddy )\n                            - German translations  ( thanks to Nobodaddy )\n                            - Add advanced configuration for captcha placeholder and contact form submit button\n - V 0.4.12 - 2018-01-26 : Check if PS version is under 1.7 to allow install\n - V 0.4.11 - 2018-01-05 : Warning message if composer directory is not present\n - V 0.4.10 - 2017-09-28 : Automatic Language detection  + romanian translations | Thank to igPetru\n - V 0.4.9 - 2017-06-14 : Fix PR #7 issues\n - V 0.4.8 - 2016-10-11 : Fix js on account form\n - V 0.4.7 - 2016-08-06 : Code optimisations and security\n - V 0.4.6 - 2016-03-31 : Configuration of theme and lang of captcha ==>  BY PasiC\n - V 0.4.5 - 2015-08-12 : Add possibilty to enable\/disable the captcha on the contact form\n - V 0.4.4 - 2015-07-07 : Correction when the captcha is enable on both productcomments and sendtoafriend module\n - V 0.4.3 - 2015-06-17 : Add code to display captcha on the product comments form\n - V 0.4.2 - 2015-05-22 : Add code to display captcha on the send to friend form\n - V 0.4.1 - 2015-05-21 : Suppression fichier inutile + ligne debug  \/\/ Optimisation\n - V 0.4.0 - 2015-02-12 : \/!\\ Compatible Prestashop > 1.5., API (Re)Captcha V2\n\n - V 0.3.0 - 2015-01-20 : Possibility to use API V2 for the contact form\n - V 0.3.1 - 2015-01-22 : API V2 for account creation\n\n - V 0.2.2 - 2014-10-06 : Correction of captcha activation on create account form\n - V 0.2.1 - 2014-09-11 : Ajax Call correction with DS constant\n - V 0.2.0 - 2014-08-21 : New version which allows to use the captcha on the account creation form (configurable)\n\n - V 0.1.5 - 2014-07-28 : Display correction with option \"PS_JS_DEFER\"\n - V 0.1.4 - 2014-05-15 : Prestashop 1.6 Compatibility\n - V 0.1.3 - 2014-05-05 : Bug correction with https + add file with installations instructions\n - V 0.1.2 - 2014-01-17 : Display bug correction with https protocol\n - v 0.1.1 - 2013-12-24 : Modification of code verification now done with ajax\n - v 0.1.0 - 2013-11-11 : Prestashop 1.5 compatibility\n - v 0.1.0 - 2013-11-09 : Inital version of the module ( only compatible with prestashop 1.4)<\/pre><\/div><!-- .wp_file_get_contents -->\n\n<p>&nbsp;<\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Aper\u00e7us :<\/strong><\/span><\/p>\n<p>Voici l\u2019aper\u00e7u du module sous les diff\u00e9rentes versions de prestashop avec les th\u00e8mes de bases.<br \/>\nIl est ensuite tout \u00e0 fait possible de placer ce code \u00e0 des endroit diff\u00e9rents du formulaire.<\/p>\n<p>Prestashop 1.6<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1704\" src=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-16.jpg\" alt=\"Ei captcha prestashop 1.6\" width=\"780\" height=\"483\" srcset=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-16.jpg 780w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-16-300x186.jpg 300w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2018\/02\/eicaptcha-16-768x476.jpg 768w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>Prestashop 1.5<\/p>\n<p><a href=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-649 alignnone\" src=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.5.jpg\" alt=\"Captcha Prestashop 1.5\" width=\"537\" height=\"545\" srcset=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.5.jpg 537w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.5-295x300.jpg 295w\" sizes=\"auto, (max-width: 537px) 100vw, 537px\" \/><\/a><\/p>\n<p>Prestashop 1.4<\/p>\n<p><a href=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-647 alignnone\" src=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.4.jpg\" alt=\"Captcha Prestashop 1.4\" width=\"556\" height=\"614\" srcset=\"https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.4.jpg 556w, https:\/\/www.h-hennes.fr\/blog\/wp-content\/uploads\/2014\/05\/captcha-prestashop-1.4-271x300.jpg 271w\" sizes=\"auto, (max-width: 556px) 100vw, 556px\" \/><\/a><\/p>\n<p><strong>2018-02-12 :<\/strong> Mise \u00e0 jour compl\u00e8te de la page<br \/>\n<strong>2018-02-22 :<\/strong> Ajout de probl\u00e8mes fr\u00e9quents<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les formulaire de contacts sont de plus en plus soumis aux spams, ce qui devient assez aga\u00e7ant\u2026, malheureusement le formulaire de contact de Prestashop ne fait pas exception \u00e0 la r\u00e8gle. Voici donc un module qui vous permettra d\u2019ajouter l\u2019excellent \u00ab\u00a0Recaptcha\u00a0\u00bb de Google \u00e0 votre formulaire de contact Prestashop, ainsi que sur le formulaire de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-643","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/pages\/643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":32,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/pages\/643\/revisions"}],"predecessor-version":[{"id":1751,"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/pages\/643\/revisions\/1751"}],"wp:attachment":[{"href":"https:\/\/www.h-hennes.fr\/blog\/wp-json\/wp\/v2\/media?parent=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}