Menu Close
    Convert your store into Prestashop Multi Vendor Marketplace

    Prestashop Google reCAPTCHA

    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.

    Features

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

    Installation

    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

    Module installed on the prestashop

    Note

    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()

    Configuration

    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: https://www.google.com/recaptcha 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.

    FRONT END

    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

    Support

    For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com and for any doubt contact us at [email protected]

    Current Product Version - 4.0.2

    Supported Framework Version - 1.7.x.x

    Blog Version - 1.7.x.x
    • Version 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

    Table of Content

    Hide Index