Wordpress / Wordpress Tutorials

How to add a Contact Form + ReCaptcha in Elementor WordPress

Add recaptcha to elementor contact form
Published 29 June 2022

Contact forms are amazing for many reasons. They always make sure that the email arrives in your inbox, eliminating the email falling into the spam folder. Especially when the form has ReCaptcha, it helps protect your site from spam.

Below, I will show you step by step how to add ReCaptcha to your Elementor contact form. It’s a little confusing if you don’t know, so I made this as simple as possible for you.

1. Go to your page and edit with elementor

Load up your page in the Elementor page builder.

2. Search “Form”

Search form in the Elementor search box as shown in the image below.

Elementor contact form

Now drag & drop that form box into your page.

3. Create & add ReCaptcha

Now you need to go to the Google ReCaptcha site and log in. Once you have logged in, you can begin the setup.

Recaptcha 2 set up

For this example, we are using ReCaptcha 2. But it works the same way for both ReCaptcha 2 & 3.

Follow the steps and accept the terms.

4. Copy & paste the keys to Elementor

You will now be brought to the Key page where you can copy your keys.

  1. Copy & paste the first key
Recaptcha 2 keys
  1. Open up a new tab and open your WordPress Dashboard
  2. Hover over Elementor > click “Settings” > then click “Integrations
Elementor settings
  1. This is where you paste your ReCapctha Keys. Depending on which ReCaptcha you want to use, paste them into the relevant one. If you’re using ReCaptcha 2, then paste it in reCAPTCHA, not reCAPTCHA 3.
Recaptcha 2 in elementor

5. Go back to your form

Select your contact form box so it opens up the form settings on the left as shown below.

  1. You want to expand the “Form Fields” drop-down
  2. Click the “Add Item” button
Form fields
  1. Next, you want to select the “Type” drop-down and select your reCAPTCHA settings. For this example, I’m using reCAPTCHA.
Type recaptcha


Once you have selected your ReCaptcha and placed the item where you want it to be, then you’re done. You can simply style it to suit your contact form and then that’s it.

Recaptcha with contact form

Video tutorial to add ReCapchat to Elementor


About Author

Will is a professional Ecommerce Shopify expert (7 years experience) & a professional Filmmaker/Video Editor (17 years experience). Now living between the Isle of Man & Brighton, UK. Highly experienced in Premiere Pro, DaVinci Resolve, After Effects, Shopify, WordPress & SEO. Owner of Teckers, Bounce Color, Stunt Camera Crew & more.