GOOGLE INVISIBLE RECAPTCHA

– Magento 2


USER MANUAL
Supported Version: 2.0, 2.1, 2.2, 2.3,2.4
www.mageants.com
support@mageants.com 1

Table Of Content
Preface……………………………………………………………………………………….3
Installation………………………………………………………………………..………....4
option 1.............................................................................................................................4
option 2.............................................................................................................................5
Backend Example……………………………………………...….…...…………….……..6
Frontend Example…………………………………………...….…...…………....…….....12
www.mageants.com
support@mageants.com 2

Preface
Google reCaptcha is perfect extension for the store owners
who wants to protect store from spams and avoid the requiments
the bots.
This extension is providing below functionalities.
1. Google reCaptcha provide to visible and invisible reCaptcha.
2. Google reCaptchaprovide in different language code of Google
reCaptcha.
www.mageants.com
support@mageants.com 3

Installation
There are two ways of installing extension in magento2.
- Using COMMAND LINE.
- Manually Install extension.
Option 1: Magento 2 install extension using COMMAND LINE
(Recommended)
Follow below steps to install extension from the command line.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory If code
Directory does not exists then create.
Step 3: Disable the cache under System -> Cache Management.
Step 4: Enter the following at the command line:
Php bin/magento setup:upgrade
Php bin/magento setup:static-content:deploy
Step 5: Once you complete above steps log out and log in back
to the admin panel and switch to Store → Configuration →
Mageants → Google Recaptcha, the module will be displayed in the
admin panel.
www.mageants.com
support@mageants.com 4

Option 2: Magento 2 install extension manually
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento installation’s app directory If code
Directory does not exists then create.
Step 3: Disable the cache under System -> Cache Management Edit
app/etc/config.php file and add one line code:
‘Mageants_GoogleRecaptcha’ => 1
Step 4: Disable the cache under System -> Cache Management
Step 5: Once you complete above steps log out and log in back to the admin panel
and switch to Menu Store → Configuration → Mageants → Google
Recaptcha, the module will be displayed in the admin panel.
www.mageants.com
support@mageants.com 5

Backend Example:
After Installation of Extension login to magento admin panel to
set configuration of the extension.
Extension Configuration
As per below screen shot you can set all the settings here.
You can find configuration at Stores -> Configuration -> Mageants
-> Google Recaptcha .
www.mageants.com
support@mageants.com 6

www.mageants.com
support@mageants.com 7

General :
Enable : Here you can enable and disable module from back
end.
Language Code : Here you can select language code.
Google API Key : Add google api key here if you not create
then click on create here link.
Google API Secret Key : Add google api secret key here if
you not create then click on create here link.
Backend-Configuration :
Enable : Here you can enable and disable google recaptcha
for backend form from back end.
Captcha Type : Here you can select captcha type visible or
invisible google recaptcha for admin form.
Forms : Here you can select form for display google
recaptcha on admin side.
Size : Here you can select Compact or Normal value as per
you want to display google recaptcha on your admin form.
www.mageants.com
support@mageants.com 8

Theme : Here you can Select theme as per you want to
design google recaptcha on your admin form.
Frontend Configuration :
Enable : Here you can enable and disable google recaptcha
for frontend form from back end.
Captcha Type : Here you can select captcha type visible or
invisible google recaptcha for frontend form.
Forms : Here you can select form for display google
recaptcha on frontend side.
Size : Here you can select Compact or Normal value as per
you want to display google recaptcha on your frontend form.
Theme : Here you can Select theme as per you want to
design google recaptcha on your frontend form.
Custom Form Position :
Form Post Paths : Here you can write custom form path
ex.custom/account/login/ .
CSS Selecters : Here You can add custom css using select
EX: #custom-account-validate Each CSS Selectors must be
separated by new line.

www.mageants.com
support@mageants.com 9

Admin Login :
Using this Extension google recpatcha display on login form.
www.mageants.com
support@mageants.com 10

Admin Forgot Password :
Using this Extension google recpatcha display on Forgot pass-
word form.
Frontend Example:
www.mageants.com
support@mageants.com 11

Using this Extension display visible Google reCaptcha In login form
Using this Extension display visible Google reCaptcha In create
new account form
www.mageants.com
support@mageants.com 12

Using this Extension display visible Google reCaptcha In forgot
password form
Using this Extension display visible Google reCaptcha In contact-
us form
www.mageants.com
support@mageants.com 13

Using this Extension display visible Google reCaptcha In product
review form
Using this Extension display visible Google reCaptcha In password
reset form.
www.mageants.com
support@mageants.com 14

Using this Extension display visible Google reCaptcha in
checkout-login popup form.
Using this Extension display visible Google reCaptcha In
newsletter form
www.mageants.com
support@mageants.com 15

Using this Extension display visible Google reCaptcha In shipping
address form
Using this Extension display visible Google reCaptcha In payment
method form
www.mageants.com
support@mageants.com 16

Select Images like in below Screenshot select traffic lights and click on
verify button.
www.mageants.com
support@mageants.com 17

Using this Extension display invisible Google reCaptcha In login
form
www.mageants.com
support@mageants.com 18

Using this Extension display invisible Google reCaptcha In create
new account form
Using
this
Extension display invisible Google reCaptcha In forgot password
form
www.mageants.com
support@mageants.com 19

Using this Extension display invisible Google reCaptcha In
contact-us form
Using this Extension display invisible Google reCaptcha In
product review form
www.mageants.com
support@mageants.com 20

Using this Extension display invisible Google reCaptcha In
password reset form
Using this Extension display invisible Google reCaptcha In
checkout-login popup form
www.mageants.com
support@mageants.com 21

Using
this Extension display invisible Google reCaptcha In newsletter
form
Using this Extension display invisible Google reCaptcha In
shipping address form
www.mageants.com
support@mageants.com 22

Using this Extension display invisible Google reCaptcha In
payment method form
www.mageants.com
support@mageants.com 23

Thank you!
Should you have any questions or feature suggestions, please contact us at:
http://mageants.com/contactus
Your feedback is absolutely welcome!
www.mageants.com
support@mageants.com 24