Prestashop Google reCAPTCHA

• The reCAPTCHA improves the security of your store.
• It will be a simple solution to keep away spam bots and hackers.
• Admin can display google recaptcha on the following form pages – login page, registration page, contact page or Back-office Login page.
• Admin can select single/multiple reCaptcha positions in the configuration page.
• Admin can select the reCaptcha background.
• Module translation is available in following languages: French (fr), Arabic(ar), Spanish(es), German(de), Italian(It), Russian(ru), Japanese(ja), Dutch(nl), Bulgarian (bg), Portuguese (pt)

1. Go to the back  office-> modules -> modules & services -> Upload a module.
2. Upload zip file of “Google reCAPTCHA” module.
3. The module will automatically get installed on your Prestashop.

For this module you need to add some hook in prestashop core files –

1.) Add Hook

{hook h='DisplayWkCustomerLoginForm'}

in Front-Office

File name – login-form.tpl
Path – /themes/_YOUR_THEME_NAME_/templates/customer/_partials/

Position – In Login Form with id=”login-form”, Inside {block name=’login_form_fields’} section and after {/foreach}

2.) Add Hook

{hook h='DisplayWkCustomerContactForm'}

in Front-Office

A.) File name – contactform.tpl
Path – /modules/contactform/views/templates/widget

Position – Inside <section class=”form-fields”> after Message filed <label>…….</label>

B.) File name – contactform.tpl
Path – /themes/_YOUR_THEME_NAME_/modules/contactform/views/templates/widget

Position – Inside <section class=”form-fields”> after Message filed <div class=”form-group”>……</div>

3.) Add Hook

{hook h='DisplayWkAdminLoginForm'}

in Back-Office

File name – content.tpl
Path – /admin/themes/default/template/controllers/login

Position – Inside Login Form with id=”login_form”, After Password field <div class=”form-group”>……</div>

4.) Add Hook –

Hook::exec('actionWkAdminLoginControllerSubmit');

in Back-Office

File name – AdminLoginController.php
Path – /controllers/admin/

Position – Inside processLogin() function, after ‘password’ validation check and before this line – “if (!count($this->errors)) {”

We override some prestashop core files –

1. Classes/form – CustomerForm.php
function name – validate()

2. Classes/form – CustomerLoginForm.php
function name – submit()

3. modules/contactform – contactform.php
function name – sendMessage()

After successful installation, admin has to configure the module.

Admin will provide all the Google reCAPTCHA credential details here.

To get the Credentials of reCaptcha, Admin has to create/signup to their accounts from the link: https://www.google.com/recaptcha 

Admin needs to either create a new account or login to its existing account to move ahead.

Once logged in, admin needs to fill necessary information to get the reCAPTCHA credentials.

Once all the details are filled in, the credentials for reCAPTCHA will be generated.

You need to enter the above generated credentials in the module configuration.

Once the module has been configured successfully, reCAPTCHA will be shown on the Login Page, Registration page and Contact page as per the configuration set by admin.

reCAPTCHA at Login Page

On the Customer Login page, reCAPTCHA will be shown to the customers before signing-in. According to the module configuration set by the admin reCAPTCHA will be displayed in light or dark background.

reCAPTCHA at Registration Page

Similarly, On the Customer Registration Page, reCAPTCHA will be displayed to validate the user.

reCAPTCHA on Contact Page

Similarly, On the Contact Page, reCAPTCHA will be displayed to validate the user.

Admin can apply reCAPTCHA display on Prestashop Back-Office Login Page also.

For any kind of technical assistance or query, please raise a ticket or send us a mail at [email protected]

Also, please explore our Prestashop development services and vast range of quality Prestashop addons.