Google reCAPTCHA Badge Always Showing – Hide It

When you enable the new Google reCATPTCHA V3 it will display by default “protected by reCAPTCHA” on your website at all times and this badge will be visible in the bottom right corner of the screen. When your mouse goes over the badge the larger badge will appear as a pop out.

Google reCAPTCHA badge always showing

This doesn’t look too bad on a desktop but on a mobile device this is a real pain and there are no options to hide this.

When you accept the reCAPTCHA Terms and conditions part of this is to inform visitors to the website that you are using the reCAPTCHA new system.

Google reCAPTCHA V3 Terms and Conditions

So what options do you have to hide Google reCAPTCHA V3 Badge?

Google released in December 2018 a new update and with this information which can be found here https://developers.google.com/recaptcha/docs/faq

Should I use reCAPTCHA v2 or v3?

reCAPTCHA v2 is not going away! We will continue to fully support and improve security and usability for v2.

reCAPTCHA v3 is intended for power users, site owners that want more data about their traffic, and for use cases in which it is not appropriate to show a challenge to the user.

For example, a registration page might still use reCAPTCHA v2 for a higher-friction challenge, whereas more common actions like sign-in, searches, comments, or voting might use reCAPTCHA v3. To see more details, see the reCAPTCHA v3 developer guide.

I’d like to hide the reCAPTCHA badge. What is allowed?

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
Privacy Policy and
Terms of Service apply.
For example:

Google reCAPTCHA V3 Options

How To Hide The Google reCAPTCHA Badge

Reading online various people suggesting using display: none; in the CSS but this will override the system and the Google reCAPTCHA will not function.

.grecaptcha-badge {
display: none;
}

NOTE: This is not the correct method to hide the Google reCAPTCHA Badge.

The correct method from our testing to hide the Google reCAPTCHA Badge is to use:-

.grecaptcha-badge {
visibility: hidden;
}

Now it is important to add the message Google reference’s in the link shared earlier with the links to https://policies.google.com/privacy for the Privacy Policy and also the https://policies.google.com/terms for the Terms of Service.

Hide The Google reCAPTCHA Badge On All Pages Other Than Your Contact Page If Using WordPress

If you want to take the above advice and then make it still appear on the contact page you can do this. First, you need to find the page ID number.

  • Login to your WordPress website site and navigate to the Pages menu in your admin dashboard.
  • Click on the contact page.
  • Once in the edit screen, look at the URL in your web browser.
  • The Page ID is the number in the URL.

On Chameleon we have this:- https://www.chameleonwebservices.co.uk/wp-admin/post.php?post=45&action=edit

This means that page ID is 45 and now we can add the following CSS:-

/* Hides Google reCAPTCHA Badge on all pages */
.grecaptcha-badge {
visibility: hidden !important;
}

/* Enable Google reCAPTCHA Badge on the contact page */
.page-id-45 .grecaptcha-badge {
visibility: visible !important;
}

Note: You have change the page ID number to your page ID for obvious reasons.

Are McDonald’s Chicken McNuggets Real Chicken

Automated Product Photography 360 Spin

Automated Product Photography 360 Spin video showing an example of how simple and powerful this equipment is. Our photo studio is available for hire or we can photograph the products for you.

Budweiser Bottle 360 Spin

This a sample 360 spin we did to show a client how fast we can produce a 360 transparent background product rotation. The client a Bluechip company pays heavily for high-end photography and understands the need for high-end images.

This sample took 36 photographs and at the same time the computer software controlled the camera setting, controlled the rotation of the turntable and removed the background automatically with no human intervention. Then creates the 360 rotation in a web-ready size converting the images from 6000 x 4000 pixels to 800 x 533 pixels (or whatever is desired) to allow speedy loading.

The only thing we did was a through a watermark on it, which was also automated.

This 360 spin of the Budweiser bottle took in total 3 minutes to complete and the client was overly impressed.

We could spend time tweaking the settings for this specific bottle to enhance this but this demonstration was to show the client the speed.

The client thinks this is going to save them thousands of man hours which means a huge saving in overhead costs and we are looking forward to working with them in the new year.

Professional Product Photography in Birmingham

Simple Product Photography for Amazon & Ebay Products

Are you looking for a simple product photography solution for Amazon and Ebay products?

eCommerce Packshot Photography

product photography studio in Birmingham

eCommerce Packshot and Clothing Photography

Here at Chameleon, we have invested in product photography for online sales as a picture says a thousand words. If you want us to take the photographs or you wish you hire the studio and use our equipment, either way you can quickly take the most amazing shots of your products for use online and in marketing material.

Professional Product Photography in Birmingham

Our equipment is the latest state of the art equipment and on the fly we can remove background images of spinning products which includes video.

This allows backgrounds to be used to create any look and feel you wish to make your products look amazing online and also create amazing marketing material that really stands out.

For more information visit https://www.chameleonwebservices.co.uk/product-photography/