Elementor and WordPress

How to add ReCAPTCHA to contact form in Elementor?

BIG linden / Support Docs / How to add ReCAPTCHA to contact form in Elementor?

Elementor and WordPress

Q:

We need to add recaptcha to a form on our Elementor-developed website to help reduce spam submissions. What is the easiest way to enable or add recaptcha to Elementor?

Issue

The client needs support integrating reCAPTCHA with their WordPress website, which is built with Elementor page builder.

How to add ReCAPTCHA to contact form in Elementor?

Awesomely, Elementor is already integrated with reCAPTCHA, 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 suggest using reCAPTCHA v3 as it is the new more secure, less intrusive option, but some do prefer to continue using reCAPTCHA v2, with the ‘I’m not a robot’ or similar options with human-centered tests to prove authenticity. 

How to setup the reCAPTCHA v2 in Elementor:

Time needed: 15 minutes

Follow these steps to setup and configure the reCAPTCHA v2 integration in Elementor.

  1. Go to the Google reCAPTCHA site

    https://www.google.com/recaptcha/admin/create

  2. Complete the reCAPTCHA V2 config at Google

    Under Label fill in your website’s name (written any way you like), choose reCAPTCHA V2 “I’m not a robot”, enter the domains you wish to secure (include with and without www, for best practice), and accept the Terms & Conditions.

  3. Google will provide you with 2 ‘keys’ to use reCAPTCHA on your website

    You will receive two API Keys, a secret key and a public key.

  4. On your website, go to the Elementor reCAPTCHA integration screen

    The link will look something like: yoursite.com/wp-admin/admin.php?page=elementor#tab-integrations

  5. Enter the 2 keys in the reCAPTCHA fields on screen

    Be sure to enter the code in the reCAPTCHA field, not the reCAPTCHA V3 fields

  6. Save the settings changes

    By clicking Save Changes

  7. Enable reCAPTCHA on the form

    Go to the form you’d like to add reCAPTCHA to. Add a new field, Add Item, then under Type choose reCAPTCHA

  8. You should now see the reCAPTCHA appear in your form

    Verify that you can see the ‘I am not a robot‘ text in your form

How to setup reCAPTCHA v3 in Elementor:

Additional reading

  • Explore the Elementor feature integration guide for reCAPTCHA on the Elementor website [reCAPTCHA & Elementor Integration, read online]

More articles about Elementor and WordPress

More articles related to and .

Capabilities related to Elementor and WordPress:

Prevent attacks, regain control of your WordPress website with Enterprise security solutions.
Move your website from Wix to WordPress and get the website you need.

REQUEST A 1:1 CONSULTATION

Get a 30 minute 1:1 consult with a BIG consultant and get a 7 page report on making digital work in your organization with key insight into paths for success and playbooks just for your unique needs.

Please understand not all requests can be met. Please contact us with any questions.