How to remove reCAPTCHA v3 icon

Contents

1. What is reCAPTCHA v3
2. Why do you see the reCAPTCHA v3 icon
3. How to remove reCAPTCHA v3 notification without violating the terms of service
4. How to remove reCAPTCHA v3 on WordPress website

Google presented the 3rd version of reCAPTCHA at the end of 2018. The main difference from the 2nd version is verifying without any user interaction. Seems good but there’s one thing. When using the new reCAPTCHA, its icon appears on the bottom right and can’t be removed.

Why do you see the reCAPTCHA v3 badge?

In order to realise how to hide this icon, you need to understand why do you see it. If you put the cursor on the icon, you see the links to “Privacy” and “Terms”.

When setting reCAPTCHA v3 on Google website you need to accept the “Terms of service”. According to them you are to inform your visitors that you have implemented reCAPTCHA on your site.

That’s the main reason why you see the icon, and that’s why it can’t be just hidden. 

Many users don’t like it and I’ll tell you how to remove the reCAPTCHA icon without violating the terms of service.

How to hide reCAPTCHA v3 notifications without violating the terms of service

Block "5364" not found

If you don’t want to see the ubiquitous recaptcha notification on your site pages, you need to perform a number of actions.

1. Hide the icon itself.
   1. Set value inline for attribute data-badge in the code of the button for submitting the form. 
   2. Add to the file of styles the CSS code .grecaptcha-badge {visibility: hidden;}
2. Add this information under the form or in  the footer of your website next to the privacy policy:
   
   XHTML

   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.

   1 2 3

   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.

This is the official method of Google (source), so it’s safe.

How to hide reCAPTCHA v3 icon on WordPress website

I decided to write an individual instruction for WordPress users as I anticipate such questions in the comments. 

 Starting from version 5.1, the Contact Form 7 plugin completely switches to using the 3rd version of reCAPTCHA. Now you don’t need to set shortcode [recaptcha]. After integration of reCAPTCHA v3  the protection runs for all the forms by default. It’s really convenient and it really saves the site from 99% of spam (I’ve tested it on several projects myself). 

So now the instruction for WordPress:

1.Hide the icon. Add the CSS code .grecaptcha-badge {visibility: hidden;}. Go to Appearance/ Theme Editor and find the CSS file of your theme (either subsidiary or main) and write in any place except for mobile css.

2. Add this information under the form or in  the footer of your website next to the privacy police:

The method depends on the theme you use. You can get to the footer settings with the “Settings” button in the admin bar (so called customiser). You can see an example in the footer on this website also. 

Glad to answer your questions in the comments. Giving respects to everyone who evaluates the article.