Learn how to add reCAPTCHA to Elementor forms to block spam emails on your WordPress site. Follow our easy steps to keep your inbox free from annoying junk!
Table of Contents
Are spam emails clogging up your inbox? Annoying, right? You’re probably wondering, ‘How can I put an end to all this junk?’ Well, if you’re using Elementor forms on your WordPress website, there is a super-simple way to block spam for good.
Let me tell you a quick story. I had a client who was struggling with this exact issue. They were receiving hundreds of spam messages through their Elementor contact form. And guess what? The solution was as simple as adding Google reCAPTCHA, which works like a charm to keep those pesky bots away.
So, in this blog post, you learn the exact steps to add reCAPTCHA to your Elementor form. You’ll learn not only how to do it, but also which version of reCAPTCHA is best for you. Ready? keep reading!
Setting Up reCAPTCHA in Google
First, let’s head to the Google reCAPTCHA site. Open a new tab and type in ‘Google reCAPTCHA.’ Once you’re there, click on the V3 Admin Console Button to access the panel. Once you’re inside, you can either see a list of your existing sites or start fresh. Since we’re setting up reCAPTCHA for a new site, let’s click on ‘Create’ and Configure it.
- Open a new tab and search for “Google reCAPTCHA.”
- Click on the V3 Admin Console to access your reCAPTCHA panel.
- click on ‘Create’.
Labeling Your reCAPTCHA
Let’s label your reCAPTCHA by entering your domain name.
Choosing reCAPTCHA Version
Now, here’s where a lot of people get stuck. There are two versions: reCAPTCHA v2 and v3. I’m going to choose v2 today. Why? Well, it’s a bit more secure and reliable for most websites.
I actually had a client who tried v3, but it caused some issues because multiple team members used the same Wi-Fi network, making the site mistakenly block them. That’s why we’ll focus on v2. Trust me, it’s less hassle!”
- Choose reCAPTCHA v2 (recommended for stability).
- Enter your website domain.
- Click Submit to create reCAPTCHA for your site.
Alright, now that we’ve got our keys,
- After submitting, Google will provide two keys: the Site Key and the Secret Key.
- Copy both keys, as you’ll need them for the integration.
Integrating reCAPTCHA in Elementor
let’s jump into Elementor. Open your WordPress dashboard, go to Elementor settings, and head to the ‘Integration’ tab.
In the ‘Integration’ tab, find the fields for the Site Key and the Secret Key. Paste your keys here, then hit ‘Save.’ Now, reCAPTCHA is connected with Elementor.
- Go to your WordPress Dashboard.
- Navigate to Elementor > Settings and click on the Integration tab.
- Paste your Site Key and Secret Key into the respective fields.
- Click Save to complete the reCAPTCHA integration.
Adding reCAPTCHA to Your Contact Form
Now, let’s make sure reCAPTCHA shows up on your contact form. Open your form page in Elementor, click on the form itself, and then go to the left panel. Here, we’ll add a new item, select reCAPTCHA from the dropdown, and choose v2. And that’s it—your form is now protected.
Final Test
Just to be sure, go ahead and test your form. Click on it, and you should see reCAPTCHA working like a charm. No more spam!
After updating the form, test it by submitting a message.
You should see reCAPTCHA working, confirming that spam protection is active.
Adding reCAPTCHA to your Elementor form is a quick and easy way to block spam without affecting genuine visitors.
And that’s all there is to it! Thanks for reading this post! If you found this tutorial helpful, give it a thumbs up in comment…