Adding reCAPTCHA 3 to Elementor Forms

Recently there has been a flood of spam coming through Elementor  forms.  I thought it was just me until I started seeing reports in the community from several Elementor users. Luckily, installing …

Kyle Van Deusen

Published:

Filed Under:

Quick Tip

Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a new resident of the Commonwealth of Virginia.

mail leaflets in mailbox
This content contains affiliate links. View our affiliate disclaimer.

Recently there has been a flood of spam coming through Elementor  forms.  I thought it was just me until I started seeing reports in the community from several Elementor users.

Luckily, installing reCAPTCHA 3 is a free and easy solution that has, so far, solved the problem for me.

Here’s a quick video on how you can setup, install, and even hide the little badge for reCAPTCHA on your Elementor Pro forms.

To create your site keys, visit https://www.google.com/recaptcha/

Inside the video I also mention a few little bits and pieces there are helpful….

To Hide the reCAPTCHA Badge

****UPDATE*****

It was brought to our attention that if you hide the reCAPTCHA and a user cannot be authenticated it will not let them submit forms— even if it’s a real human. I was able to replicate this by trying to fill in a form on a mobile connection while using an incognito window. That may be an edge case— but be cautious that you could be stopping people from being able to use your form.

To hide the reCAPTCHA badge, just pop this bit of code into your additional CSS inside your customizer (or wherever you like to throw in CSS)

.grecaptcha-badge {
visibility: hidden;
}

I read that hiding the badge IS okay— as long as you link to Google’s Terms of Service and Privacy Policy (*disclaimer: What the hell do I know? You can find just about anything on the internet— use your own judgement).

Linking to Google’s Privacy Policy and ToS

As shown in the video you can add a HTML field to your form and pop this in to link directly to Google’s Terms of Service and Privacy Policy.

<span style=”font-size:12px”>This site is protected by reCAPTCHA and the Google <a href=”https://policies.google.com/privacy”>Privacy Policy</a> and <a href=”https://policies.google.com/terms”>Terms of Service</a> apply.</span>

Share This Article!
Kyle Van Deusen

Kyle Van Deusen

The Admin Bar

After spending 15 years as a graphic designer and earning a business degree, I launched my agency, OGAL Web Design, in 2017. A year later, after finding the amazing community around WordPress, I co-found The Admin Bar, which has grown to become the #1 community for WordPress professionals. I'm a husband and proud father of three, and a new resident of the Commonwealth of Virginia.

Come Join Us!

Join the #1 WordPress Community and dive into conversations covering every aspect of running an agency!

Kyle Van Deusen

Community Manager

The Friday Chaser

Wash down the week with the best of The Admin Bar! News, tips, and the best conversations delivered straight to your inbox every Friday!

Latest Events

February 20th, 2024

Making Sense of Security

Going beyond the marketing hype to make informed decisions on security!

January 26th, 2024

Effective Spam Defense for WordPress Forms

Conquer form spam in WordPress with Mark Westguard on Jan 26th. Learn key spam-fighting tactics in our live, interactive session. Register now to transform your forms!

More Articles

Privacy By Design

Are your websites designed with privacy in mind? Privacy By Design

Incorporating Privacy by Design in web development not only aligns with legal requirements and avoids hefty fines but also serves as a competitive advantage by enhancing client trust and consumer privacy awareness.

Process

No More Headaches: Streamline Your Business Processes in 7 Simple Steps

Are your internal business processes a source of too many headaches in an already busy schedule? Learn how to streamline your processes right here.

Cookie

Google Tightens Privacy Rules: Preparing Your Website for Consent Mode V2

What web agencies need to know about Google’s Consent Mode V2