Prestashop : Mettre en place un captcha sur le formulaire « envoyer à un ami »

Ce tutoriel est compatible avec les versions de Prestashop suivantes :
1.4 1.5 1.6 1.7.8 +
Cet article est assez ancien, malgré toute l'attention que j' apporte à mes contenus il est possible que celui-ci ne soit plus d'actualité.
N'hésitez pas à me le signaler si nécessaire via le formulaire de contact.

La nouvelle version de mon module de captcha eicaptcha ( version 0.4.2 ) apporte une nouvelle possibilité.

Vous pouvez désormais utiliser un captcha sur le formulaire « Envoyer à un ami » situé sur la fiche produit.

Voici comment activer cette fonctionnalité, si vous utilisez le thème par défaut.

  • Télécharger la dernière version du module eicaptcha
  • ( Installer le module sur prestashop si ce n’est pas encore le cas :  module captcha Prestashop )
  • Extraire l’archive sur votre poste
  • Envoyer le fichier js/modules/sendtoafriend/sendtoafriend.js sur votre site via ftp
    dans le dossier themes/default-bootstrap/js/modules/sendtoafriend/ ( remplacer le fichier existant )
  • Envoyer le fichier views/templates/modules/sendtoafriend/sendtoafriend-extra.tpl sur votre site via ftp
    dans le dossier themes/default-bootstrap/modules/sendtoafriend/ ( remplacer le fichier existant )

 

Une fois ces changements en place, le captcha sera disponible sur le formulaire « Envoyer à un ami »

Ei Captcah send to a friend

 

Si vous utilisez un thème personnalisé, voici comment procéder.

  • Envoyer le fichier js/modules/sendtoafriend/sendtoafriend.js sur votre site via ftp
    dans le dossier themes/default-bootstrap/js/modules/sendtoafriend/ et adaptez le en fonction de votre design

Dans le fichier themes/default-bootstrap/modules/sendtoafriend/sendtoafriend-extra.tpl
Ajoutez le code suivant à l’endroit ou vous souhaitez que le captcha apparaisse :

<!-- Div d'affichage du captcha( Module EiCaptcha ) -->
<div id="recaptchaSendToAFriend"> </div>

 

28 réflexions sur “Prestashop : Mettre en place un captcha sur le formulaire « envoyer à un ami »”

  1. Bonjour,

    Merci pour cet excellent module. Cependant, je rencontre un problème pour afficher le captcha sur le formulaire sendtoafriend, sur P 1.5 avec un thème autre que celui d’origine.

    J’ai installé eicaptcha-latest car eicaptcha-master ne semble pas passer en 1.5. J’ai bien configuré le module, et le captcha est fonctionnel sur la page d’inscription. En revanche, meme en suivant les instructions:

    # How to install the captcha for the module « Send To Friend »

    Prestashop 1.6

    If you use the default theme, you can paste the files of the module :
    – js/modules/sendtoafriend/sendtoafriend.js to themes/default-bootstrap/js/modules/sendtoafriend/sendtoafriend.js
    – views/templates/modules/sendtoafriend/sendtoafriend-extra.tpl to themes/default-bootstrap/modules/sendtoafriend/sendtoafriend-extra.tpl

    Prestashop 1.5

    If you use the default theme, you can paste the files of the module :
    – views/templates/modules/sendtoafriend/*sendtoafriend-extra-15.tpl* to themes/default/modules/sendtoafriend/*sendtoafriend-extra.tpl*

    Rien ne s’affiche (j’ai uploadé le fichier dans themes/montheme/modules/sendtoafriend/sendtoafriend-extra.tpl

    Par contre je n’ai pas saisi ou uploader le fichier sendtoafriend.js ?

    Ou est mon erreur? Merci.

    1. Bonjour,

      Est-ce que tu as bien la version 0.4.4 du module ?
      Le module sendtoafriend est-t-il bien actif et as tu bien vidé ton cache ?
      Pour Prestashop 1.5 il n’est pas nécessaire de copier le fichier sendtoafriend.js car il n’existe pas sur cette version.
      Peux tu m’envoyer une url par email que je puisse regarder plus en détails ?

      Cordialement,

  2. Bonjour,

    Merci pour cette réponse.

    En fait, je ne peux tout simplement pas installer eicaptcha-master.zip sur mon PS 1.5, l’archive est uploadée et le message « Module téléchargé avec succès » s’affiche, mais le module n’apparait pas dans la liste. Je ne comprend pas quel est le problème.

    Cordialement.

    1. Le plus simple est de dézipper l’archive sur votre poste, et d’envoyer le dossier « eicaptcha » via ftp dans le dossier « modules » de votre prestashop.

  3. Hi
    thanks for your module, i’ve installed it and the captcha is now displaying, but it doesn’t works.
    The form can be filled even without verify the captcha and email in sent anyway. There’s no control over captcha.
    How to fix? Thanks

    1. Hello,
      Could you please give me more informations ?
      Is your issue on the captcha only appears on the form « send to a friend » and on all case ? ( contact , registration )
      Which version of prestashop are you using ?

      Regards,
      Hervé

  4. Hi there, i solved! I did not understand that i should have replace the JS file in the correct directory of my new theme.
    Thanks for the solution!

  5. Bonjour,

    Merci pour le plugin.

    Est-ce normal que lorsque je désactive le javascript de mon navigateur je peux valider le formulaire sans soucis?

    1. Bonjour,
      Oui effectivement c’est normal la gestion du captcha est rajoutée en JavaScript. Du coup si vous le désactiver cela ne fonctionne plus.

      Cordialement,
      Hervé

  6. Bonjour,

    Je suis sur presta 1.6.1.0 et j ai tout essayer le captcha ne s affiche pas du tout sur le front office.

    J ai vider et desactiver tous les caches, desactiver cloudflare et absolument rien ne s affiche.

    Le plug in est bien installer sur le back office j ai rempli les clefs publiques et privees et je ne sais plus quoi faire, merci pour votre aide.

    Cordialement.

    1. Bonjour,

      Rencontrez-vous uniquement le problème sur ce formulaire, ou sur l’ensemble du module ?
      Avez-vous bien mis en place les nouveaux fichiers et javascripts ?

      Cordialement,
      Hervé

  7. Bonjour et merci pour votre reponse.

    Oui j’ai bien remplacer les fichiers comme indiquer sur votre site, je rencontre le souci sur le formulaire de contact et aussi sur « envoyer a un ami »

    Par contre pour javascript je suis pas sur. Comment savoir?

    Merci.

    1. Bonjour,
      Est-ce que vous utilisez un thème personnalisé ? ( Ça peut être la source des problèmes. )
      Pour le javascript je voulais dire copié les fichiers javascript du module vers le thème.

      Cordialement,
      Hervé

  8. Bonjour et merci pour votre réponse.

    C’est bien le probleme j’utilise le theme par defaut de prestashop 1.6.1.0.

    Je sais pas ce qui bloque

  9. Problème régler! (j’espère)

    J’ai réinitialiser le module dans le back office puis remis les informations relative a mon compte google captcha et le module est apparu !

    Par contre comment le centrer sur le front office, j ai beau modifier le fichier eicaptcha.css je vois pas trop de changement? MErci.

  10. Désolé mais j’ai parlé trop vite, le module fonctionne sur la page contacts mais j’ai un problème sur la page « envoyer à un ami », le captcha s’affiche mais il n’est pas fonctionnel, c’est à dire que je peux envoyer à un ami sans valider le captcha et c’est un gros souci puisque ces jours-ci j’ai des spammeurs chinois qui se servent du formulaire « envoyer à un ami » pour me spammer.

    Merci pour votre aide…

  11. Je m’excuse pour cette nouvelle incursion
    sur votre site.

    j’ai finalement le captcha qui s’affiche sur la page « envoyer à un ami » mais le problème c’est que le formulaire ne part pas en cliquant sur « envoyer ».

    Merci pour votre aide.

    1. Bonjour,
      Je ne sais pas comment vous avez implémenté le captcha, car sur ma version de test, d’après mes derniers essais tout fonctionne correctement.
      Vous pouvez tester sur cette adresse :
      http://web.h-hennes.fr/prestashop/prestashop_1-6-1-0/index.php?id_product=1&controller=product&id_lang=2

      De mon côté tout est bon,
      J’ai tout simplement copié les fichiers tpls et js dans le thème.

      Je ne comprends pas d’ou vient votre problème.
      Pouvez-vous désactiver le cache et les minifications javascript pour voir si c’est lié ?

      Cordialement,

  12. J’avais le même problème de mail qui ne partait pas en cliquant sur envoyer.
    C’est car j’avais remplacé le fichier modules/sendtoafriend/sendtoafriend-extra.tpl au lieu de le modifier comme expliqué plus haut.

    Le module marche donc nickel par contre les images du recaptcha ne s’affiche pas sur Firefox (sur Mac) alors qu’elles s’affichent sur Safari et Chrome.
    Avez-vous aussi remarqué ce problème ?

    Merci pour ce module.
    Charlotte

  13. Bonjour
    j’ai réussi à mettre en place le module sur un autre site en prestashop 1.5.Il marche très bien.
    j’ai fait la même manip sur un autre site en prestashop 1.6 mais aucun résultat..
    j’utilise un thème personalisé
    auriez vous une idée svp
    cordialement

    1. Bonjour,
      C’est lié au thème sans aucun doute.
      Avez-vous vérifié si le bouton avec l’id « sendEmail » existe bien ?
      La vérification est basée sur cet id, il faudra peut être l’adapter.

      Cordialement,
      Hervé

Répondre à herve Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *