fbpx
The Admin Bar

Adding reCAPTCHA 3 to Elementor Forms

Jan 16, 2020

By: Kyle Van Deusen

Filed Under:

This page contains affiliate links in accordance with our affiliate policy.
☀ Read in Light Mode

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.

YouTube video

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>

tab headshot ml
Kyle Van Deusen
@kylevandeusen

Kyle is the co-host of The Admin Bar, the owner of a agency of one called OGAL Web Design and the co-founder of Docket WP. You’ll likely find him trolling The Admin Bar community.

Enjoy this? Become an Official Barfly!

More from The Bulletin Board

Questions To Ask a Contractor Before Hiring Them

If you’re hiring a freelancer or contractor for your project, fit is everything. Get the right freelancer for the job with these thought-provoking questions.
Abby Wood
Apr 18, 2022

2022 WordPress Agency Survey

In March 2022, we put together an anonymous survey for all of our community members to ask them questions about...
Kyle Van Deusen
Apr 08, 2022

What do web agencies use for the H1 on their home page?

A few weeks back I was talking to one of my buddies in the group who was workshopping different ideas...
Kyle Van Deusen
Apr 01, 2022

Join Our Community

The Admin Bar Facebook group is at the heart of what we do. Join in on the daily conversation and get involved.
Join the Community
tab phone 4k member
© The Admin Bar (a Division of OGAL Web Design) — All Rights Reserved
crossmenu