Google has launched a new version of its reCAPTCHA code that helps you fight spam on your contact forms.
If you are using Contact Form 7, and followed my tutorial on how to integrate Google reCAPTCHA with it, you will need to do a minor update.
In this tutorial, I’ll show you how to revalidate your reCAPTCHA API key for v3.
UPDATE: Most of us are not having issues with Contact Form 7 (CF7) working with the reCAPTCHA v2. And the reCAPTCHA v3 adds its logo to all pages of your site in the bottom right corner, which most of us don’t like.
I believe this is due to CF7 loading its js/css files on every page, even if they don’t have a form. And that’s a page load speed issue I’m checking into now, as there are several ways to fix that.
In the meantime, if you have already switched to v3, there is a plugin to return to v2. See the comments by Alex below and his plugin for it.
Contact Form 7 Error Message
If you do have an issue with your reCaptcha API keys, you’ll see a notification in Contact Form 7.
Go to Contact > Integration in your left admin sidebar.
You will see the following error message at the top of that admin page.
Setup New Integration
Below that error message you’ll see a reCAPTCHA integration box.
Click the Setup Integration button.
You’ll see the reCAPTCHA integration box with fields for the two keys you will need to connect the API.
Create New Keys
Leave that site window open and then open a new tab or window.
Go to Google reCAPTCHA
In the top right, click the My reCAPTCHA button.
If you are not already logged into the same Google account you used for reCAPTCHA the first time, you will need to switch to it to see the API keys you had already created.
At the top you will see your current API keys.
Scroll below that to register a new site. This is required to get the new v3 API keys.
Label – I would put the website name here, for easy reference, and especially if you have more than one site.
Choose the type of reCAPTCHA – click the button for reCAPTCHA v3.
Domains – you will see a new field to enter your domain. You can enter more than one domain at a time, each on a new line. DO NOT include the http(s) or www part, just your raw domain, like blogaid.net
TOS and Register – check the box to accept the Terms of Service.
Leave the box checked to Send alerts to owners.
Then click the blue Register button.
Get Your Keys
At the top of the page you are redirected to, you’ll see the two new keys you need.
Copy the Site key.
Return to the window/tab of your site with the CF7 Integration page still open, and paste it into the appropriate field.
Then do the same for your Secret Key.
Then click the Save Changes button.
The error notice from Contact Form 7 should have disappeared.
More Helpful Tutorials
Be sure to visit the Helpful Posts page for even more tutorials and informative posts.
And subscribe to the BlogAid YouTube Channel for helpful video tutorials.