Contact Form 7 Recaptcha v3 Badge Removal

When going to install the new version of Contact Form 7 I found the old Recaptcha v2 depreciated in the latest version, I noticed that there is a slight issue with the in page footer displayed from Recaptcha v3. In the latest version of Contact Form 7, this Recaptcha 3 footer notice was showing on all pages. Today I will show you how to easily fix this issue.

Why does this protected by reCaptcha show?

The reasoning behind this is transparency on Google’s behalf. While a user no longer has to click “I am not a robot”, Google still has to legally make it known that their services are being used. In today’s day and age, no one like secrets.

How do I disable protected by reCaptcha?

There are a couple ways to hide the protected by reCaptcha message that you see on the footer of your pages. The primary focus of this post was to prevent it from displaying on every single page as it currently does with Contact Form 7, however I will also share a way with CSS to hide the messaging, but keep in mind you are required by Google’s Terms of Service to display some sort of messaging to your users. More information on that in a second.

Can I just go back to reCaptcha v2 with Contact Form 7?

Yes, but I wouldn’t recommend it. The latest version is going to be the most secure. They stopped including reCaptcha v2 in version 4.3 and above, however if you for some reason needed it. Here is where you can Download Contact Form 7 4.2.2 strictly to be as thorough as possible, though again… I strongly recommend using the latest version of all plugins. In fact if you really want reCaptcha v2 I would recommend using Google reCaptcha as this WordPress Plugin can be configured for reCaptcha v1, reCaptcha v2, and reCaptcha v3. The only downside to this, is it requires the pro version to work with Contact Form 7. Though either way with reCaptcha v2 or reCaptcha v3 users know that your website is using reCaptcha, rather it be through a click to verify they are not a robot or the reCaptcha badge in the bottom right. So why go through the hassle of uninstalling one plugin to add another, only to have similar results?

How do I stop displaying the reCaptcha badge on all of my WordPress pages?

If you need reCaptcha on all of your forms, Invisible reCaptcha for WordPress is a plugin that works in combination with Contact Form 7 and works wonders. Otherwise you can jump to the CSS solution which will resolve your issue with Contact Forms. With Invisible reCaptcha for WordPress you have a vast supply of settings that support multiple plugins out of the box without the need for any additional configuration. With this plugin you can select what pages you want the invisible reCaptcha to appear on. This was the best solution I could find until a new version of Contact Form 7 is released to fix this current bug.

Invisible reCaptcha for WordPress Admin Backend Screenshots

How can I remove the reCaptcha badge in WordPress altogether?

According to Google’s reCaptcha FAQ you are not allowed to remove it, without still identifying your website uses reCaptcha. For example:

Google reCaptcha Badge Alternative

You could then use CF7 Invisible reCaptcha and place this code below your contact forms.

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. 

Then all you would have to do is go into the CF7 Invisible reCaptcha settings and disable the badge.

What about the CSS method you mentioned?

I saved this method for last, because it requires a bit more hands on and if you are inexperienced then you could create more problems for yourself. If you have experience in development and CSS, you can make some minor changes to make sure you are compliant with Google reCaptcha’s Terms of Service. By adding the above code to your contact form and hiding the reCaptcha badge with CSS you will be compliant. Simply add the following to your stylesheet:

.grecaptcha-badge {
   opacity: 0;
}

This will stop showing the reCaptcha badge on Contact Form 7 forms, but if you use Invisible reCaptcha anywhere else on your site, you’ll need to make modifications to those forms as well to make sure you remain compliant with Google’s reCaptcha TOS. This is the reasoning behind showing other available plugins. This way you have options to explore if you are looking to protect your contact pages along with comments on blog posts and other pages from potential spam.

This may be something Contact Form 7 development team is working on, since when installing their latest version resulted in the badge displaying on all of my pages ( Including the ones that had no forms ) but until they fix this bug and allow Invisible reCaptcha to only be in Contact Form pages, these are all available options you depending on your needs.

How can I use reCaptcha v2 with Contact Form 7?

Thanks to Alex in the comments, he brought it to my attention that you can indeed use the latest version of Contact Form 7 with reCaptcha v2 instead of reCaptcha v3 by installing an integration plugin called WPCF7 Recaptcha. It even retains the [recaptcha] tag in version 5.1.1.

Contact Form 7 – reCaptcha v2
Enjoying the Read?

Consider subscribing to our newsletter to stay up to date on all of our latest posts.

7 Replies to “Contact Form 7 Recaptcha v3 Badge Removal”

  1. I think this is a MUCH easier solution than a whole new plugin.

    Add this line to the global CSS:
    .grecaptcha-badge {opacity:0}

    And then put the “This site is protected by reCAPTCHA” on the bottom.

    Reply

    1. Yes, I did come across this in my research and referenced CSS in my post, but haven’t added it yet. I figured I hadn’t hit Google results yet, but I’m guessing the pingback was sent your way. Didn’t think anyone would see it yet while I worked on other aspects of code Candy haha 😉

      Still, thank you for your contribution. 🙂

      Reply

  2. I’ve installed a new plugin which seems to use the same [recpatcha] tag as the old contact form 7.

    https://wordpress.org/plugins/wpcf7-recaptcha/

    It looks like it just replaces the version 3 with the previous version.

    Reply

    1. Oh that’s really nice! Thank you for that info, I’ll add it into the post.

      Reply

  3. Using CSS is not a good solution in terms of performance. If my site has a single contact form, why should I load the Google JS in all my pages? We don’ty need to hide this JS, what we need is to avoid loading unnecessary JavaScript.

    Reply

  4. Thanks for the article! But what if I only want to load the recapcha on my contact Form page? Is that possible? It slows down the page speed so I want to get rid of it on all other pages…

    Reply

  5. Yes, you are right. Beautifull explanation to cover every question in my mind.
    Thanks for posting a nice piece of article.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *