Dans ce tutoriel, nous allons voir comment ajouter un captcha sur prestashop et sécuriser son site Internet Ecommerce pour éviter l’afflux de spams dans vos mails.

Comment ajouter un captcha à PrestaShop ?

Avant tout, comprenons ce qu’est un spam et un captcha :

  • SPAM : il s’agit d’emails souvent envoyés en masses et indésirables
  •  CAPTCHA : il s’agit d’un système de vérification qui permet de savoir si la personne qui compte envoyé un message est “humaine” ou est un “robot

Voila comment faire l‘intégration sous PrestaShop d’un captcha reCAPTCHA de Google.

ETAPE 1

  1. Paramétrer votre compte à Google reCAPTCHA à https://www.google.com/recaptcha
  2. Libellé : Mettre le nom de votre site (plus facile pour s’y retrouver)
  3. Domaines : indiquez votre nom de domaine sous la forme « kendodev.fr » et « www.kendodev.fr »
  4. Vous aurez ainsi les clés fournies par Google ; ATTENTION GARDEZ LA PAGE OUVERTE (on y reviendra)

ETAPE 2

  1. Télécharger le module PrestaShop captcha et installer le module sur votre boutique : LIEN DE TELECHARGEMENT GRATUIT

ETAPE 3

  1. Configurer le module PrestaShop captcha dans le back office et recopier les clés publique et secrète fournies par Google reCAPTCHA en retournant sur la page que vous avez laissez ouverte a l’étape 1

 

ETAPE 4

  1. Allez sur le FTP de votre boutique Ecommerce Prestshop
  2. Copier le fichier qui se trouve dans  www/themes/mon-theme/contact-form.tpl
  3. Faites une copie de ce fichier avant de le modifier ou l’ouvrir
  4. Ouvrir le fichier et repérer ou recherche le code suivant (il est placé à la fin de la page)

<div class="submit">
<button type="submit" name="submitMessage" id="submitMessage" class="button btn btn-default button-medium"><span>{l s='Send'}<i class="icon-chevron-right right"></i></span></button>
</div>

ETAPE 5

  1. Ajouter le code suivant juste avant le code repérer à l’étape 4

{if $captcha}
<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha" data-sitekey="VOTRE CLEF PUBLIQUE"></div>
{/if}

ATTENTION il faudra remplacer VOTRE CLEF PUBLIQUE par la clef fourni par google

Vous devriez obtenir ce type de code :

Une fois cela réalisé et que vous avez suivi toutes les étapes vous devriez obtenir le fameux Recaptcha de Google qui vous permettra d’éviter les spams sur votre boutique Prestashop.

Voici comment se présente votre formulaire de contact dorénavant :

 

Résumé
Ajouter un captcha sur Prestashop 1.5
Nom de l'article
Ajouter un captcha sur Prestashop 1.5
Description
Ajouter un captcha sur Prestashop 1.5. Sécurisé votre boutique Ecommerce et éviter les spams. Télécharger le module captcha GRATUITEMENT sur notre site
Auteur
Éditeur
KendoDev
Logo de l'éditeur

Laissez un commentaire

  1. Répondre

    Bonjour,

    Quelques jours, je me penche sur le reCAPTCHA, j’ai bien lu comment installer le module et modifier le code source mais malheureusement il me met ce message: ERREUR pour le propriétaire du site : Clé de site non valide.

    Pourriez vous m’aider

    En attente de votre réponse, veuillez recevoir mes meilleures salutations

    Christian Bloch

      • admin
      • 2 décembre 2018
      Répondre

      Bonjour Christian, avez vous bien généré les clefs ? Ajoutez le nom de domaine avec www. et sans www dans les domaines valides ? Et dernier point quand vous avez ajouté le code vous avez bien pris le temps de changé le “VOTRE CLEF PUBLIQUE” par la clef crée juste avant ?
      Cordialement,

Articles

Voir tout