Prestashop Google reCaptcha module – User Manual

1.0 What is Google ReCaptcha?

Prestashop Google ReCaptcha Addon is an effective security solution that protects your website from spam entries while letting real people pass through with ease. The Prestashop addon can be used for login, registration, password recovery, popular contact forms, and other. Google ReCaptcha addon displays images to identify humans as part of their normal validation procedures. This Prestashop Google reCaptcha addon is highly customizable and offers flawless functioning. The e-merchant can easily customize this Prestashop Google reCaptcha addon from the back-end.

2.0 Introduction

The Prestashop Google reCaptcha addon has a functionality through which Prestashop website will be able to confirm that the user is not a robot. It’s easy for people and hard for bots.

The Prestashop addon provides a lot of features which are as follows:

  • Admin can Enable/Disable the Prestashop Google reCaptcha addon without any hassle.
  • Admin can display Prestashop human verification on the Customer Login Page.
  • Prestashop Google reCaptcha addon allows the admin to display Google ReCaptcha on the Customer Registration Page.
  • Admin can display Google ReCaptcha on the Customer Forget Password Page.
  • Admin can display Google ReCaptcha on the Customer Contact Page.
  • Admin can configure the number of attempts after which Google ReCaptcha will display.
  • Advanced users can add Custom CSS (Cascading Style Sheet) and Custom JS (JavaScript) in the block for customization.
  • Admin can configure the different Site Key and Secret Key for his/her different Prestashop domains.
  • Admin can easily set the Site Key and the Secret Key on the official site of Google ReCaptcha for his domain by following the Steps to Configure.
  • This Prestashop Google reCaptcha addon is compatible with SSL enabled stores.

3.0 Installation Manual

Follow the below-mentioned steps to install the Prestashop Google ReCaptcha addon by Knowband:

  • Download the Prestashop addon package.
  • Unzip the package in /modules directory of your Prestashop store via FTP manager (like Filezilla or WinSCP – download here: http://filezilla-project.org/). Folder structure for Google ReCaptcha addon inside /modules/googlerecaptcha directory is shown in the image below:

  • You will be able to find the Prestashop Google ReCaptcha addon that is ready to be installed in the “Modules List” in your Prestashop store as shown below.

2018-02-22

2018-02-22-1

  • Click on the “Install” link to install. Once the module is installed properly, the “Install” link will be converted to “Configure”.

4.0 User Manual

This User Manual will guide you through the Admin Module/Store Front settings and various features of this Prestashop Google ReCaptcha Addon.

4.1 Admin Interface

This will contain 3 tabs “General Settings” tab, “ReCaptcha Settings” tab and “Look and Feel Settings” tab after successful installation.

4.1.1 General Settings Tab

This tab will contain three fields.

Following are the steps to configure the General Setting tab –

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select ReCaptcha Setting Tab.

Fields

  • Enable Plugin: By default, it will be OFF. This Prestashop human verification module will only work if this setting is ON.

Following are the steps to Enable plugin:

  1. Go to modules and services.
  2. Search module “Google ReCaptcha”.
  3. Click on Configure button.
  4. Select General Setting.
  5. Enable the plugin Option.
  6. Click on the “Save” button.
  • Enable Google ReCaptcha for: By default, all the checkboxes would be selected. It is used to set the position of the Google ReCaptcha in a particular position.
  • Customer Login Page: When enabled, this setting will show Google ReCaptcha on customer login page.

Following are the steps to display Google ReCaptcha in Customer Login Page –

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select General Settings.
  5. Enable Google ReCaptcha for.
  6. Select Customer Login Page.
  7. Click on the “Save” button.
  • Customer Registration Page: When enabled, this setting will show Google ReCaptcha on Customer Registration Page.

Following are the steps to display Google ReCaptcha in Customer Registration Page-

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select General Setting.
  5. Enable Google ReCaptcha for.
  6. Select Customer Registration Page.
  7. Click on the “Save” button.
  1. Customer Contact Page: When enabled, this setting will show Google ReCaptcha on Customer Contact Page.

Following are the steps to display Google ReCaptcha in Customer Contact Page-

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select General Settings.
  5. Enable Google ReCaptcha for.
  6. Select Customer Contact Page.
  7. Click on the “Save” button.

    6. Customer Forgotten Password Page: When enabled, this setting will show Google ReCaptcha on Customer Forgotten Password Page.

Following are the steps to display Google ReCaptcha in Customer Forgotten Password Page-

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select General Settings.
  5. Enable Google ReCaptcha for.
  6. Select Customer Forgotten Password Page.
  7. Click on the “Save” button.

     7. Show Google ReCaptcha After: By default, it would contain 0. It would be used to display Google ReCaptcha after a certain number of attempts.

Following are the steps to configure number of attempts-

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select General Settings.
  5. Enter the number of trials after Google ReCaptcha displays.
  6. Click on the “Save” button.

    8. Save: By clicking this button, the Prestashop module will save setting into the database and return back with success message.

4.1.1.2 How to activate module?

Follow these steps to activate the module –

  1. After installation of the module, go to the “Module and Services”.
  2. It would list all the modules of the store. Find “Google ReCaptcha” in modules list.
  3. Now, click on the “Configure” button given corresponding to the “Google ReCaptcha” module.
  4. It would redirect the admin to a “General Settings” tab.
  5. Go to “ReCaptcha Settings” tab and configure the “Site Key” and the “Secret Key” which you will get by following “Steps to Configure” below the text fields.
  6. After configuration “Site Key” and “Secret Key”, go to the General Settings tab and switch the “Enable/Disable” button to “Yes” and configure all other details as per your desire.
  7. Click the “Save” button.

4.1.2 ReCaptcha Setting Tab

This tab will contain all the necessary steps to setup Google ReCaptcha in the module.

Following are the steps to configure ReCaptcha Setting tab –

  • Go to modules and services.
  • Search Module ‘Google ReCaptcha.
  • Click on Configure button.
  • Select ReCaptcha Setting Tab.

Fields

This Tab contains 2 fields, the first has link to set Google ReCaptcha and the next are steps to configure Site Key and Secret Key.

  • Site Key: Admin will enter the Site Key to display the widget on the site. This field is mandatory to enable plugin.

Following are the steps to configure Site Key –

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select ReCaptcha Setting Tab.
  5. Enter the Site Key.
  • Secret Key: Admin will enter the Secret Key to authorize communication between the application and the reCAPTCHA server to verify the user’s response. This field is mandatory to enable the Prestashop Google reCaptcha plugin.

Following are the steps to configure Secret Key –

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha’.
  3. Click on Configure button.
  4. Select ReCaptcha Setting Tab.
  5. Enter Secret Key.
  • Steps To Configure: This will contain all the steps to get Site Key and Secret Key for a particular domain name.

Following are the steps to configure Domain and Label Setting –

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select ReCaptcha Setting Tab.
  5. Follow Steps to Configure.
  • Click here to get Site Key and Secret Key: This link will redirect admin to the official website of Google ReCaptcha to get Site Key and Secret Key.

Following are the steps to visit Google ReCaptcha official site –

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select ReCaptcha Setting Tab.
  5. Click here to get Site Key and Secret Key.

4.1.2.1 How to get Site Key and Secret Key?

Follow these steps to get Site and Secret Key –

picture-1

  • Create/Login to your Gmail account.

picture2

  • Click on “CONTINUE”.

picture3

  • Click on “Get ReCaptcha”.

picture4

  • Enter “Label” of your Domain.
  • Enter “Domains” of your store.
  • Click on “Register”.

picture5

  • Copy the “Site Key” and “Secret Key” and paste it into Google ReCaptcha Setting Tab.

picture-6

Look & Feel Setting Tab

This tab will contain all the look and feel features of the Prestashop module.

Following are the steps to configure Look and Feel Setting tab-

  1. Go to modules and services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select Look and Feel Setting Tab.

Fields

  • Theme: Admin will select the theme – Light or Dark for the Google ReCaptcha.
    Following are the steps to configure Google ReCaptcha theme –
  1. Go to modules and Services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select Look and Feel Setting Tab.
  5. Select Theme.
  • Custom CSS: Admin can use this option to add custom CSS if required.
    Following are the steps to configure Custom CSS –
  1. Go to modules and Services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select Look and Feel Setting Tab.
  5. Enter Custom CSS.

Note: Enter CSS content excluding <style> — inner content– </style> Tags (only write inner content).

  • Custom JS: Admin can use this option to add custom js if required (Only in version 1.6.x.x).
    Following are the steps to configure Custom JS-
  1. Go to modules and Services.
  2. Search Module ‘Google ReCaptcha.
  3. Click on Configure button.
  4. Select Look and Feel Setting Tab.
  5. Enter Custom JS.

Note: Enter JS content excluding <script> –inner content– </script> Tags (only write inner content).

4.2 Front End Interface

If admin enables the plugin then Google ReCaptcha will be displayed for selected forms in the Front End as shown below.

4.2.1 Customer Login Page

Following are the steps to visit Customer Login Page –

  • Go to Front End Home Page.
  • Click on the “Sign In” option.

4.2.2 Customer Registration Page

Version 1.6.x.x –

Following are the steps to visit Customer Registration Page in version 1.6.x.x –

  • Go to Front End Home Page.
  • Sign In.
  • Click on the button “Create an Account”.

Version 1.7.0.x –

Following are the steps to visit Customer Registration Page in version 1.7.0.x –

  • Go to Front End Home Page.
  • Sign In Option.
  • Click on the link “No Account? Create one here“.

4.2.3 Customer Contact Page

Version 1.6.x.x –

Following are the steps to visit Customer Contact Page in version 1.6.x.x –

  • Go to Front End Home Page.
  • Click on “Contact Us” option.

Version 1.7.0.x –

Following are the steps to visit Customer Contact Page in version 1.7.0.x-

  • Go to Front End Home Page.
  • Click on “Contact Us” option.

4.2.4 Customer Password Forgotten Page

Version 1.6.x.x –

Following are the steps to visit Customer Password Forgotten Page in version 1.6.x.x-

  • Go to Front End Home Page.
  • Sign In option.
  • Click on “Forget Password?”.

Version 1.7.0.x –

Following are the steps to visit Customer Password Forgotten Page in version 1.7.0.x-

  • Go to Front End Home Page.
  • Sign In option.
  • Click on “Forget Password?”.

Note: This Prestashop Google reCaptcha module by Knowband will work on default form of the Prestashop store for the above-mentioned pages i.e. Customer Login Page, Customer Registration Page, Customer Contact Page, and Customer Password Forgotten Page. This module will not be applicable for the Guest Checkout Page.

Liked This? You’ll Like These Too

For more Prestashop addons please visit Knowband.

Prestashop Google reCaptcha addon Module Link.

Knowband human verification plugin Admin Demo Link.

Prestashop Google reCaptcha module Front Demo.

Prestashop human verification addon Youtube video link.

Prestashop Google reCaptcha module Addon Store Link.

Please contact us at support@knowband.com for any query or custom change request as per your business requirement.

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify. We also provide custom module development and customization services for the website and modules.

Leave a Reply

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