Add reCAPTCHA to prevent spam

reCAPTCHA is one of the most popular ways to prevent spam and abuse by preventing bots from being able to submit forms.

To add a reCAPTCHA, you first need to get the reCAPTCHA keys from the Google website. 

You can choose from:

• reCAPTCHA v3
• reCAPTCHA v2

We recommend v3 as it is the new more secure, less intrusive method to use.

reCAPTCHA v3

reCAPTCHA v3 enables verification of the legitimacy of interactions without requiring any user input. Version 3 operates discreetly in the background, generating a score based on user behavior. A higher score indicates a higher likelihood that the user is human.

Register reCAPTCHA v3

Follow these steps:

1. Go to the Google reCAPTCHA site and choose v3.
2. Add a Label to identify this instance. 
3. Add a domain. For example, example.com 
4. Choose the owner email address or add a new one
5. Accept the Terms of Service and Submit.

Set up keys in Elementor

Follow these steps:

1. Login to WP Admin. 
   
2. Go to Elementor > Settings > Integrations.
3. Enter the following in reCAPTCHA:
   • Site Key
   • Secret Key
   • (Optional) Score Threshold. If bots manage to get around the reCAPTCHA, increase the score. For details, refer reCAPTCHA v3 | Google for Developers
4. Click Save Changes.

Set up reCAPTCHA v3 in form

Follow these steps:

1. Login to WP Admin.
2. Go to Add New Page.
   
3. Click Edit With Elementor. An editable page opens in Elementor.
   
4. Drag in a Form widget.
   
5. Click the edit icon to edit your form. The Edit Form panel shows.
   
6. Click Add Item. 
7. Enter the following:
   
   • Type – Choose reCAPTCHA3.
   • Label – Give a label to identify.
   • Badge – Choose where to place the badge – right, left or inline.
8. Click Publish to save. You can also Save Draft.

You will now see the badge on the page.

reCAPTCHA v2

Here, the user must click a checkbox to confirm they are not a robot. reCAPTCHA v2 may also present the user with an image recognition challenge.

Register reCAPTCHA v2

Follow these steps:

1. Go to the Google reCAPTCHA site.
2. Under Label fill in your website’s name, choose reCAPTCHA V2 “I’m not a robot”.
3. Enter the domains you wish to secure.
4. Accept the Terms & Conditions. You will receive two API Keys. 
5. Copy the API keys and keep them safe.

Setup APIs in Elementor

Follow these steps:

1. Login to WP Admin.
2. Go to Elementor > Settings > Integrations.
3. Under reCAPTCHA, enter the following:
   • Site Key
   • Secret Key
4. Click Save Changes.

Set up reCAPTCHA v2 in form

Follow these steps:

1. Login to WP Admin.
2. Go to Add New Page.
3. Click Edit With Elementor. An editable page opens in Elementor.
4. Drag in a Form widget.
5. Edit your form. The Edit Form panel shows.
6. Click Add Item. 
7. Enter the following:
   
   • Type – Choose reCAPTCHA.
   • Label – Descriptive text that helps users understand what information to enter in an input field.  
   • Size – Controls the layout of the reCaptcha badge 
   • Style – Controls the color styles.
     You now see the text ‘I am not a robot‘ in the form.
8. Click Publish to save. You can also Save Draft.