How to add Google reCAPTCHA to Elementor forms

reCAPTCHA protects your website from malicious software. It prevents spam bots from interacting with your site. Not only Elementor users but also every website needs this type of risk analysis engine that protects websites from vulnerabilities and annoying bot comments.

Elementor is one of the trending page builder plugins for WordPress in 2022. Thousands of websites use this drag & drop builder to create a stunning online presence within a short period of time.

However, Elementor does not have any built-in artificial intelligence for Turing test capability. So you have to use a 3rd party tool to determine if a visitor is a real human or a spam bot.

How to use reCAPTCHA with Elementor form?

To protect the Elementor forms, I will use reCAPTCHA which is a completely free service from Google. Follow the steps with me.

1. log in to the Google reCAPTCHA website

Visit the Google reCAPTCHA website and click on the “v3 Admin Console” (see screenshot below).

Google reCAPTCHA website v3 admin console link
Click on the ‘v3 Admin Console’

You need a Gmail account in order to log in.

2. Register your site

After you sign in to “v3 Admin Console,” click the “+” (plus icon) in the upper-right corner. From there you can register a new site to use their reCAPTCHA services.

Register a new website to Google reCAPTCHA v3 Admin Console
Click the plus icon to register a new website to Google reCAPTCHA

3. Choose your preferred reCAPTCHA type

Label: Give your project a name in the “Label” field. You can use any name in the Label field but it’s better to use your domain name. Because you may have multiple websites in the future and the meaningful names will make sense.

reCAPTCHA type: There are two types of reCAPTCHA: reCAPTCHA v3 & reCAPTCHA v2. You can choose any one of these two. Let me show you how these two will look (see screenshots below).

reCAPTCHA v2 vs reCAPTCHA v3
This is how these two will look like

So choose whatever the reCAPTCHA type you like. But I am going with the reCAPTCHA v2 in this demonstration. However, the setting process is exactly the same for these two versions (v2 & v3). After you choose the “reCAPTCHA v2,” you’ll find 3 other subcategories & choose the first sub-category called (“I’m not a robot” Checkbox).

Domains: Write your domain without HTTP or HTTPS or www in the “Domains” field.

Owners: This field is automatically populated. However, if you’re working for a client then you can also add his/her Gmail ID.

Submit reCaptcha v2 form

Finally, accept the terms of service (Accept the reCAPTCHA Terms of Service) and hit “SUBMIT.”

4. Get your “SITE KEY” & “SECRET KEY”

After you submit the form, you will get two reCAPTCHA keys (Site Key & Secret Key). Take a copy of these two keys or leave the page as it is and log in to your Elementor website in another window (browser tab).

5. Connect your Elementor website with Google reCAPTCHA

Login to your WordPress dashboard and navigate to “Elementor → Settings” and click on the “Integration” tab. See the screenshot below.

Elementor settings and integration tab

In this “Integration” tab find the reCAPTCHA type. If you chose the “v2” on ‘Google reCAPTCHA’ website then find the “reCAPTCHA” option on Elementor (integration). If you chose the “v3” on the ‘Google reCAPTCHA’ website then find the “reCAPTCHA V3.” And copy & paste the “SITE KEY” & “SECRET KEY” (see the screenshot below for clarifications).

Copy & paste site key and secrete key to Elementor

And hit “Save Changes.”

Now your Elementor website is connected with Google reCAPTCHA.

6. Add Google reCAPTCHA to the Elementor form

Now go to any of your Elementor forms and add a new filed item and choose the field type to reCAPTCHA or reCAPTCHA V3 (based on your setup). In my example, it was reCAPTCHA V2 and that is why I will choose the “reCAPTCHA.”

Add reCAPTCHA field to the Elementor form

And hit “UPDATE.” That’s it! Now your Elementor form is connected with Google reCAPTCHA.