I’m also interested in this
You could just paste this above the submit button in the form:
<small>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.</small>
[submit "Send"]
Yes but that doesn’t remove the recaptcha logo.
V3 is ‘invisible’ on the form but adds to the WHOLE website the recaptcha logo at the bottom right corner. It is distracting and hard to use the ‘scroll to top’ button, and is too big on mobiles.
Google’s policy allows you to use V3 without the logo, but you need to have the text we discussed above.
Contact form doesn’t have the option to add the text and remove the logo, which requires code to be put in. This would need to be done by Contact Form.
I’m hoping for this functionality too. Having recaptcha logo on every single webpage is just not acceptable.
One option is to use the old version of the plugin, at least until the developer realizes that forcing users to use V3 was a mistake.
Just add the following CSS
.grecaptcha-badge{display:none;}
That CSS code works.
For those interested, I added it to the area of Customizing>Custom CSS/JS when you go to ‘customise’ your website from the Dashboard.
Note that Googles terms, I believe, require if you hide the logo to display the following text before the submit button:
This site is protected by reCAPTCHA and the Google
Privacy Policy and
Terms of Service apply.
Info on that here: https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-v3-badge-what-is-allowed
Note if you set the CSS to “display:none” it BREAKS the functionality. Instead, use “visibility: hidden” or “opacity: 0”
Example:
.grecaptcha-badge {
visibility: hidden;
}
Also include the text that @davemelbourn mentioned above. Then you’re compliant without disabling the v3 functionality.
-
This reply was modified 5 years, 1 month ago by
twdargis.
That css and adding the code above the submit button did not work for me. I am using the Contact Form 7 plugin.
https://thegalley.com/contact-us/
-
This reply was modified 4 years, 8 months ago by
Drew75.
@drew75 – Try “opacity:0”. I have several Contact Form 7 sites using this code in the theme customizer (Appearance > Customize > Additional CSS):
.grecaptcha-badge {opacity:0}
@twdargis Thanks! I added that snippet and it removed the badge.
Also, shouldn’t I be seeing the reCAPTCHA graphic below the form itself with the box to verify that I am not a robot? That is also not displaying on the page.
-
This reply was modified 4 years, 8 months ago by Drew75.
-
This reply was modified 4 years, 8 months ago by Drew75.
@drew75 No, you won’t see any checkboxes or images to click with Google reCaptcha v.3. All the verification with v.3 is done in the background and eliminates the need for any human interaction. So you should be good to go!
@twdargis Awesome! Thanks again!
