reCAPTCHA & Elementor Integration

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 either reCAPTCHA v3 or reCAPTCHA v2. We recommend v3 as it is the new more secure, less intrusive method to use.

reCAPTCHA v3:

1. Go to the Google reCAPTCHA site and choose v3.
2. Add a Label to identify this instance.
3. Add a domain, e.g. example.com
4. Choose the owner email address or add a new one
5. Accept the Terms of Service and Submit.
6. On the next page, copy both the Site Key and the Secret Key.
7. Enter these keys in the Elementor > Settings > Integrations > reCAPTCHA options and click Save Changes. (You can change the Score Threshold if desired. If bots manage to get around the reCAPTCHA, increase the score).
8. Add a New Page and Edit With Elementor
9. Drag in a Form Widget
10. Go to Form > Content > Form Fields and click on Add Item
11. Under Type choose reCAPTCHA3
12. Choose whether to place the badge to the right (bottom of the page), left (bottom of the page), or inline.
13. Click Save

You will now see the badge on the page.

reCAPTCHA v2:

1. Go to the Google reCAPTCHA site and click on Get reCAPTCHA
2. Under Label fill in your website’s name, choose reCAPTCHA V2 “I am not a robot”, enter the domains you wish to secure, and accept the Terms & Conditions
3. You will receive two API Keys
4. Return to the WordPress Dashboard > Elementor > Settings > Integrations
5. Under reCAPTCHA, enter the two API Keys and click Save Changes
6. Add a New Page and Edit With Elementor
7. Drag in a Form Widget
8. Go to Form > Content > Form Fields and click on
9. Under Type choose reCAPTCHA
10. You now see the ‘I am not a robot‘ text in the form
11. Click Save