How To Set Up Google reCAPTCHA

06/10/2020

Google reCAPTCHA is a system that allows web hosts to distinguish between human and automated access to websites. It is particularly useful on areas of your website where you allow user input, such as forms. We have integrated Google reCAPTCHA into Avada Forms, so you can minimize the amount of spam you have to deal with.

The first step is to set up Google reCAPTCHA in the Global Options. The second is to add the reCAPTCHA Element to your Avada Form.

Step 1 – Set Up reCAPTCHA Global Options

To configure Google reCAPTCHA for your website, head to Avada > Options > Forms > Google reCAPTCHA.

Step 1. Register your Domain in reCAPTCHA. At this point, you will need to decide whether you want to use V2 or V3 of reCAPTCHA, as the Site and Secret Keys are different from version to version. See this document for an explanation of the differences, and this one for a general overview of reCAPTCHA V3. Note: Both, V2 and V3 are actively maintained by Google and represent different modes of reCaptcha, rather than an older and a new version.

Step 2. Fill in the necessary fields in the form. Once you register your website using the form, it will give you a Site key and a Secret key.

Step 3. Under the reCAPTCHA section in Avada > Options > Forms > Google reCAPTCHA, make your version selection and add the the Site key into the reCaptcha Site Key field, and the Secret key into the reCaptcha Secret Key field.

Step 4. Choose your color scheme (V2), or your Security Score, and Badge Position (V3)

Step 5. Save your settings when done, and reCAPTCHA will be active on your site.

Avada Global Options > Google reCAPTCHA

Step 2 – Set Up reCAPTCHA On Your Avada Form

Once you have configured Google reCAPTCHA for the domain your form will be on, you simply need to add the reCAPTCHA Element to your form.

Depending on whether you have chosen V2 or V3, the Element options will be slightly different, as seen below. With V2, you can choose the Color Scheme, and with V3, you can choose the badge position.

For V2, the position you place the Element in the form is where it will display. This is typically directly above, or below, the Submit Button. For V3, where you place it in the form wil be reflected if you have the Inline position chosen. With the other position options, the Badge is moved out of the form layout completely.

Configure your options, and save the form.

reCAPTCHA Element > V2
reCAPTCHA Element > V3

On the front end of the form, the reCAPTCHA will show according to the version and the options set. Below is a screenshot of a form using V2, with the Light options, and below that a form using v3, with the Inline position set.

reCAPTCHA > V2 Light
reCAPTCHA > V3 Inline