Pages

Jan 3, 2019

SETUP Prestashop FREE Google reCAPTCHA



Step 1) Setup your Google reCAPTCHA Account @ https://www.google.com/recaptcha/intro/index.html

Below are exactly reCAPTCHA v2 lines

Step 2) download latest:  https://github.com/nenes25/eicaptcha/releases
To install you will need to do this manually by uploading the ZIP file to your MODULES folder, Extracting it and Renaming it to EICAPTCHA. Bit of a pain I know.

Step 3) Configure your EICAPTCHA Module and enter your PUBLIC KEY and SECRET KEY, SAVE

Step 4) Make a Copy of your "contact-form.tpl" file at "/Themes/default-bootstrap/contact-form.tpl"

Step 5) Open "contact-form.tpl" and find:

<div style="text-align:right;" 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>


Directly above this div place the following code:

<div class="g-recaptcha" data-sitekey="YOUR SITE key"></div>

or Paste this at the end of the <form> where you want the reCAPTCHA widget to appear:

NOTE: Be sure to replace "YOUR SITE key" with your Google Site Key


Step 6) Paste this snippet before the closing </head> tag on your HTML template:
<script src='https://www.google.com/recaptcha/api.js'></script>

 </head> tag location:
/themes/default-bootstrap/header.tpl


Step 7: Save "contact-form.tpl" and upload it to your "theme/default-bootstrap/" folder via your FTP Program


Info from: https://www.prestashop.com/forums/topic/442633-add-recaptcha-to-prestashop-version-16014-for-free/?_fromLogin=1

No comments:

Post a Comment