How to Hide the Google reCAPTCHA Badge (With Compliance Guide)

How to Hide the Google reCAPTCHA Badge in the Bottom-Right Corner (With Compliance Guide)

When you enable Google's reCAPTCHA v2 or v3 verification system on your website, a badge typically appears automatically in the bottom-right corner of the page, as shown below:

This badge displays the text 'Protected by reCAPTCHA' and includes links to 'Privacy' and 'Terms'. For design or layout reasons, you may need to hide this badge.

Method to Hide the reCAPTCHA Badge

The method is simple. Add the following CSS code to your website's theme stylesheet:

.grecaptcha-badge {
    visibility: hidden;
}

Important Notes and Compliance Requirements

Before using this method, you must understand the following key points:

• Compliance is Mandatory: According to Google's official policy, you must provide a visible text notice on your site (e.g., in the footer or near the contact form) informing users that you use reCAPTCHA. This notice must include links to Google's Privacy Policy and Terms of Service. Hiding the badge without this alternative notice violates the terms.
• How the CSS Works: The code sets the badge's visibility to hidden, which hides the element but reserves its space in the layout. To remove the space entirely, you could use display: none;, but this might interfere with reCAPTCHA's initialization in some cases.
• Alternative for reCAPTCHA v3: For reCAPTCHA v3, Google allows you to hide the badge completely via an API parameter. Load the script with ?render=explicit and use the JavaScript API for more control.

Best Practice Tip: Always check the latest official documentation for your specific reCAPTCHA version (v2 checkbox/invisible, v3) to ensure your implementation meets both design needs and Google's terms.