Google ReCaptcha

Introduction

Google ReCaptcha protects your website from spam and abuse by detecting such activities using adaptive automated software. It does this while letting your valid users pass through with ease. This functionality is integrated into Contact Forms.

Integration

The Aurora platform allows you to integrate Google ReCaptcha into your Contact Forms. This integration is already included in your Contact Forms template using Contact Form Smarty Functions.

Templates

Place this code snippet into your templates/example.com/_includes/header.tpl.html right before closing the head tag ():

{include_js files="google_recaptcha"}

👍

Download google_recapture.js and place within your template/_js directory.

Place this code snippet into your templates/example.com/_includes/footer.tpl.html right before closing the body tag ():

{google_recaptcha_init form="contact_us"}

Store

An initial setup is required via Aurora > Store > Settings > Feeds > Google ReCaptcha settings. You will need to enter the relevant information in the fields.

Enabled Forms

By default, Aurora will enable Google ReCaptcha on all supported forms. To disable Google ReCaptcha validation on a specific form, please see: 

Aurora > Store > Settings > Feeds > Google ReCaptcha > Enabled Forms

Supported Versions by Form

Obtaining Google ReCaptcha API Keys

To get your Google ReCaptcha keys (Site and Secret) you must do the following:

• Go to https://www.google.com/recaptcha/
• Click on the button Get reCAPTCHA located at the top-right or the page

• Follow the instructions 

❗️

Choose reCAPTCHA V2 or V3 from Choose the type of reCAPTCHA section.

• Get Site key and Secret key values from Adding reCAPTCHA to your site and use them in the Aurora > Store > Settings > Feeds > Google ReCaptcha settings

📘

Ensure that you enter your site and secret keys in the correct settings according to the version you are using i.e. v2 or v3.

The site and secret key used will depend on the version of each form configured within the Google ReCaptcha settings and as such, you must ensure that the widget and its template functions are called with the same form name i.e.

{google_recaptcha form="contact_us" id="google_recaptcha_contactus" label=true error=false}
...
{google_recaptcha_init form="contact_us"}