fbpx
Download the User Profiles Worksheet A Dead-Simple Solution for Helping Clients Plan Their Priority Website Content
The Admin Bar

Adding reCAPTCHA 3 to Elementor Forms

January 16, 2020

By: Kyle Van Deusen

Filed Under:

This page contains affiliate links in accordance with our affiliate policy.

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>

Kyle's Headshot
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? Tip Me a Taco

Join The Admin Bar Community
Tab Phone 3pt6
Black Icon 225Docket Wp Ml
Save Time, Improve Efficiency, & Make Fewer Mistakes
Learn More
Projecthuddle Light V2
A WordPress plugin for website & design feedback.
Learn More
Nurture Copy Logo Compressed (2)
Nurture better relationships through done-for-you email marketing
Learn More

More from The Bulletin Board

Book Recommendation

Recommended Reading

The best reads for web designers, agency owners, and freelancers.
Kyle Van Deusen
April 9, 2021
Sales

How To Sell Copywriting Services To Your Clients

How you can make a profit from outsourcing copywriting.
Abby Wood
April 8, 2021
Sales

Rethinking What it Means to "Sell"

Doing “sales” has always felt a bit gross to me. I’ve never considered myself terrible at it — but I...
Kyle Van Deusen
March 31, 2021
Processes

Creating “Burner” Email Addresses for Setting Up Client Accounts

Setting Up & Accessing Accounts for Clients is a Pain Through the process of developing websites or doing any kind...
Kyle Van Deusen
March 23, 2021
Sales

How to Sell Website Care Plans More Often

This article will help with a crucial challenge: getting people to actually take up a care plan.
Nick Gulic
March 23, 2021
General

A Friendly Reminder About Domains

This post was born from a horror story, but don't worry; there's a happy ending. It was only a few...
Matthew Sebert
March 22, 2021

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 3pt6
© The Admin Bar (a Division of OGAL Web Design) — All Rights Reserved
crossmenu