Reading list Switch to dark mode

    Prestashop Google reCAPTCHA

    Updated 10 April 2023

    Prestashop Google reCAPTCHA : reCAPTCHA is a system designed to establish that the user is a human. Prestashop Google reCaptcha displays images to identify humans as part of their normal validation procedures. It protects your website from spam and abuse and ensures higher security of your Prestashop store.

    Note: Module is compatible with PrestaShop version 8.x.x. and also multishop compatible.

    Check the overview of the plugin in the video mentioned-below –



    • 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.

    Click to upload the module

    Drop or select the module file

    Searching for an experienced
    Prestashop Company ?
    Read More

    Module installed on the prestashop

    Note : Custom code need to add

    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 –


    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.

    Click to go to configuration page of the module

    Admin will provide all the Google reCAPTCHA credential details here.

    Configure settings of the module

    How to Create reCAPTCHA Credentials

    To get the Credentials of reCaptcha, Admin has to create/signup to their accounts from the link: Click to access reCaptcha credentials

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

    Sign in to the google account

    Once logged in, admin needs to fill necessary information to get the reCAPTCHA credentials.Add the domain & fill the reCaptcha Label

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

    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 form on the login page

    Changed theme background for reCaptcha form

    Click to verify the reCaptcha images

    reCAPTCHA at Registration Page

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

    reCaptcha form on the account registration page

    reCAPTCHA on Contact Page

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

    reCaptcha form on the contact us page

    Admin End

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

    reCaptcha form on the admin login page


    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.

    Current Product Version - 4.0.4

    Supported Framework Version - 8.x.x, 1.7.x.x

    Blog Version - 8.x.x, 1.7.x.x
    • Version 8.x.x, 1.7.x.x
    • Version 1.6.x.x
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content