Support » Plugin: Contact Form 7 » reCAPTCHA logo turn off

  • Resolved jasonGHC

    (@jasonsexton)


    Hi there,

    reCAPTCHA V3 as of DEC 18 now allows you to hide the reCAPTCHA branding box from the corner of your website as long as you put the below text in the user flow (so just before the submit button on your contact form for example).

    This site is protected by reCAPTCHA and the Google
    Privacy Policy and
    Terms of Service apply.

    I am not able to do this as there is no option on contact form.

    Can this please be added? The reCAPTCHA box impedes the ‘scroll to top’ button and is too large on mobiles. Would rather have the text in small writing above the submit button.

    Thank you 🙂

Viewing 15 replies - 1 through 15 (of 19 total)
  • 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 8 months, 1 week ago by twdargis.

    Thanks so much.

    rxa

    (@rxa)

    Works for me 👍🏻

    You guys rule!

    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 3 months, 2 weeks 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 3 months, 2 weeks ago by Drew75.
    • This reply was modified 3 months, 2 weeks 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!

Viewing 15 replies - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.