How To Integrate reCAPTCHA In Contact Form 7

Updated:

by

How To Integrate reCAPTCHA In Contact Form 7 featured

Do you want to protect your Contact Form 7 from spam emails and other unwanted form submissions by spam bots? You’re in the right place. I will guide you step-by-step on how to integrate reCAPTCHA in Contact Form 7.

The spam emails have always been an issue in WordPress particularly when a contact form is installed on your WordPress website. To deal with spam emails and unwanted form submissions Contact Form 7 is integrated with the reCAPTCHA.

reCAPTCHA is a free service from Google that helps protect websites from spam and other unwanted activities. The latest version of reCAPTCHA is v3. It works in the background so visitors don’t need to read “blurred text in an image”, “Tick similar pattern pictures”, and tick the “I’m not a robot” checkbox.

If reCAPTCHA does not use “checks and images” how it decides which one is spam and which one is not?

reCAPTCHA provides a score that tells how suspicious an interaction is, and then Contact Form 7 compares that score with a certain threshold. If the score is less than the threshold, the form submission will be regarded as spam. The default value of the threshold is 0.50, you can change this value if required.

If you haven’t already installed and configured Contact Form 7 in your WordPress site, Read this Tutorial: How To Add Contact Form In Contact Us Page In WordPress.

Integrate reCAPTCHA v3 in Contact Form 7

Follow the steps to integrate reCAPTCHA v3 in Contact Form 7:

  • Login to your Gmail account since reCAPTCHA is a Google service.
  • Once you’re logged-in to your Gmail account, visit Google reCAPTCHA page.
  • In the “Label” enter some random name, it could be your website name.
  • In “reCAPTCHA type” choose reCAPTCHA v3.
  • In the “Domains” enter your domain name without “https://www” like “example.com”.
  • In “Owners” it automatically adds your Gmail ID through which you are logged in.
  • Tick “Accept the reCAPTCHA Terms of Service”.
  • Click on the “Submit” button.
  • Now it will return you two keys that you have to integrate in your Contact Form 7, as I have shown in the next steps.
  • Go to “Contact” from your sidebar and click on the “Integration“.
  • Click on the “Setup Integration“.
  • Now Copy the Site Key and Secret Key that you received in the reCAPTCHA page and Paste here.
  • Once you Paste, click on the “Save Changes” button.
  • Once the reCAPTCHA is successfully integrated with your Contact Form 7 you will see “reCAPTCHA is active on this site” message.

Now your website pages will have reCAPTCHA badge at bottom right-corner. It tells that this website is powered by reCAPTCHA and it is working correctly. Do remember that reCAPTCHA v3 doesn’t need a CAPTCHA widget “I’m not a robot” checkbox or “Pick similar images”, etc, it is a new way to stop bots.

So it was all about integrating reCAPTCHA in Contact Form 7. Now your Contact Form 7 is protected from spams and unwanted form submissions. You can remove this feature by visiting the Google reCAPTCHA page.

If you like this post then don’t forget to share with other people. Share your feedback in the comments section below.

Affordable WordPress themes

Also Read

Related Topics: , ,
Buy Domain and Hosting on Namecheap Now
Rank Math Best SEO WordPress Plugin Download
Download Website Themes
Mangools SEO Tools
Order Motivational T-Shirts With Quotes from Our Store Fire Ram 23.4.

Subscribe to Our Newsletter!

8 responses

  1. A

    Thanks for your help!

    1. Meer Basit

      You’re most welcome.

  2. A

    grosap.com

    1. Meer Basit

      It seems that the Search Bar is creating problem for your AdSense add. It is better to put AdSense Ad below the logo and search bar. If you disturb the location of Search Bar it will effect the mobile view of your theme as well.

      One more thing, your blog does not open without “WWW”. If you don not fix this you will get error in your AdSense account. Read this tutorial, it will help you: Solved: How To Resolve Earnings At Risk – Your Sites Does Not Have An Ads.txt( https://www.meersworld.net/2019/06/how-to-resolve-earnings-at-risk-one-or.html )

  3. A

    I have tried this already and it didn’t work correctly. When we scroll up on the homepage of the blogger then ads and header both are shown in the combined form not only blogger header.

    1. Meer Basit

      Share your blog link, plz.

  4. A

    How to add assense gadget or ads above the header of the Emporio blogger theme.

    1. Meer Basit

      Though your question is irrelevant to this article, but we will still answer your question. Go to your Blogger Layout and drag the AdSense widget to Header Section. If there are already widgets inside the Header section, make sure to put AdSense widget above them.

Leave a Reply

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