Hide The Google reCAPTCHA Badge In WordPress (Without Breaking The Rules)

2021-09-28 | Divi Forms, Tutorials, WordPress | 0 comments

Do you want to keep the reCAPTCHA spam protection but remove the badge? This is how you can have your cake and eat it, while remaining Google compliant.
Skribent: Victor Duse
By Victor Duse

Google reCAPTCHA v3 is a convenient way to protect your WordPress forms from spam. But is it possible to hide the reCAPTCHA badge from your pages? The answer is YES but there are a couple of mistakes that you might want to avoid. Here is how you remove the badge the right way.

Why is there a reCAPTCHA badge on my website?

If you add Google reCAPTCHA V3 spam protection to a form on your website, you will see a square-shaped badge in the bottom right corner. The badge contains the reCAPTCHA logo and the text “Privacy – Terms”. When you hover the badge, it says “protected by reCAPTCHA” and you can click the links to read the Privacy policy and the Terms of service from Google.

Google reCAPTCHA badge
Google reCAPTCHA v3 badge

The reCAPTCHA v3 analyzes visitor data in order to track potential spammy behaviour on your website. The badge is displayed for integrity reasons and this is something that all website owners have to approve when signing up for the service.

But why is the badge displayed on all my pages, even if they don’t contain forms?

Google reCAPTCHA v3 is tracking the visitors on all your pages and how they move between pages. This is an effective way to separate bots from real humans. The script runs in the background sitewide, and not just when a form is loaded.

How to hide the Google reCAPTCHA v3 badge, step by step

The badge does probably not blend in well with the rest of your websites’ design concept, so let’s hide it using the method recommended by Google:

  1. Log in to your WordPress dashboard
  2. Go to Appearance » Customizer
  3. Click Additional CSS
  4. Add the snippet below:
    .grecaptcha-badge { 
    visibility: hidden; 
    }
  5. Save and preview in frontend.

The badge should now be hidden from your website.

Important! Do not use display:none since that will disable the spam protection, according to initiated sources at Stack Overflow. 

The last step: Adding a mandatory text to your forms

According to the Google FAQ you are obligated to add a text in connection you your forms if you hide the reCAPTCHA v3 badge:

“You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:”

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.

Source: Google

How to add the reCAPTCHA disclaimer below your Divi Contact Form

Just follow these simple steps to add the disclaimer text below yout Divi contact form:

  1. Add a new Text Module below the Contact Form Module
  2. Click the Text tab and paste the HTML above.
  3. Remove unwanted line breaks and style the text in the Design tab.
  4. Save and preview in frontend.

The same rule applies for the Divi Optin Module and any other form that is protected by Google reCAPTCHA v3.

Add Google reCAPTCHA text to your Divi Contact Form

That’s all for today!

I hope that you enjoyed this post. Subscribe to DiviMundo on YouTube and join our Facebook group for more crisp content on WordPress and web design. Cheers!

Related post: How to add Google reCAPTCHA v3 to a Divi Contact Form

Related post: How to move the Google reCAPTCHA v3 badge to the left side

Related posts

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.