Owning a website becoming expensive?

No more! In our library, you will find the best premium WordPress plugins and themes for a fraction of the cost of the original prices. Browse Our Library

How To Add reCaptcha To Contact Form 7 (v3)

How To Add reCaptcha To Contact Form 7 (v3)

reCaptcha is an anti-spam tool by Google that preventing websites from receiving automatic messages from bots.

Contact Form 7 is one of the most popular form plugins for WordPress used by millions around the world.

In this article, you’ll learn how to integrate reCaptcha with Contact Form 7 on your WordPress website.

What Is reCaptcha

Bots and malicious software uses websites’ forms to send messages or leave comments with abusive content or spam.

Often, the left content will damage your domain score, hurt the visitors’ experience, and decrease the overall quality of your website.

reCaptcha is a free service created by Google to help protect your website against that.

The service adds a test box that is very easy for humans to solve but very hard for bots.

reCaptcha demo

When adding a reCaptcha to a contact form, you minimize the number of spam messages and guarantee a better user experience.

reCaptcha With Contact Form 7

To integrate between reCaptcha and CF7 you’ll first need to install the plugin, then get the unique keys for your domain name, and finally, connect between the two.

Step #1 – Install Contact Form 7

  1. From your WordPress dashboard, navigate to Plugins -> Add New.
  2. Search and install the Contact Form 7 plugin.
    Contact Form 7 WordPress Plugin

After activating the plugin, we can move forward and get the API keys.

Step #2 – Generate reCaptcha keys

To start using this tool, you’ll need to have a Google account and get the API keys for your domain name.

  1. Open the official reCaptcha website and click on the Admin Console.
    reCaptcha Admin Console
  2. Fill the form with your information such as label, type, domain, and etc, and click submit.
    Get reCaptcha Keys
  3. Copy the Site Key and Secret Key from the next page.
    reCaptcha site and secret keys

After getting both keys, we can go back to our WordPress website.

Step #3 – Integrate reCaptcha with Contact Form 7

In this step, we will paste the keys inside the CF7 integration screen.

  1. Go to Contact -> Integration.
  2. Click on Setup Integration, enter the keys from the last step, and click save.
    Contact Form 7 reCaptcha integration
  3. You should then see the ‘reCaptcha is active on your site’ message.
    reCaptcha is active with CF7

In the last step, we need to verify that we successfully added the reCaptcha box to our website.

Step #4 – Test the form

After entering the reCaptcha keys into the Contact Form 7 settings page, we need to verify that it’s working and active on our website.

  1. Visit your website or the page you’re displaying the Contact Form 7.
  2. Look for the reCaptcha logo at the bottom right corner.
    reCaptcha is active on WordPress website

That’s it, the two are now integrated together and you won’t get any spam messages any longer.

Related Articles

Conclusion

In this article, you learned how to protect your website from auto bot spam messages by enabling the reCaptcha tool with Contact Form 7.

Also, make sure to subscribe to our YouTube channel and like our page on Facebook.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

PluginsForWP

PluginsForWP is a website specializing in redistributing WordPress plugins and themes with a variety of knowledge about WordPress, internet marketing, and blogging.

Leave a Reply