Connect with us

How To Integrate reCAPTCHA In Contact Form 7

Blogging

How To Integrate reCAPTCHA In Contact Form 7

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. We will guide you step-by-step to 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 activites. 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:

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 “http://www” like “example.com”.
Integrate reCAPTCHA In Contact Form 7 1
  • In “Owners” it automatically adds your Gmail ID through which you are logged in.
  • Tick “Accept the reCAPTCHA Terms of Service”.
  • Click “Submit”.
Integrate reCAPTCHA In Contact Form 7 2
  • Now it will return you two keys that you have to integrate in your Contact Form 7, as we have shown in the next steps.
Integrate reCAPTCHA In Contact Form 7 3
  • Go to “Contact” from your sidebar and click “Integration”.
  • Click “Setup Integration”.
Integrate reCAPTCHA In Contact Form 7 4
  • Now Copy the Site Key and Secret Key that you received in the reCAPTCHA page and Paste here.
  • Once you Paste, click the “Save Changes”.
Integrate reCAPTCHA In Contact Form 7 8
  • Once the reCAPTCHA is successfully integrated with your Contact Form 7 you will see “reCAPTCHA is active on this site” message.
Integrate reCAPTCHA In Contact Form 7 9
  • 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.
Integrate reCAPTCHA In Contact Form 7 10

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:

8 Comments

8 Comments

  1. A

    October 4, 2021 at 3:21 pm

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

    • Meer's World

      October 4, 2021 at 4:25 pm

      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.

  2. A

    October 4, 2021 at 9:37 pm

    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.

  3. A

    October 4, 2021 at 10:15 pm

    grosap.com

    • Meer's World

      October 4, 2021 at 10:46 pm

      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 )

  4. A

    October 5, 2021 at 1:14 am

    Thanks for your help!

Leave a Reply

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

More in Blogging

Advertisement

TRENDING

Advertisement

CORNERSTONE CONTENT

Advertisement
To Top