add reCAPTCHA in Contact Form 7 in easy steps

Jun 29, 2020 | WordPress

How to add Google reCAPTCHA in Contact Form 7 in easy steps

It’s a must that a contact form should have Google reCAPTCHA or any other security options enabled on it. Well, reCAPTCHA is most recommended. It protects your contact forms from getting filled out by bots or spam. And if you want to know how to add CAPTCHA to WordPress contact form 7, then in this blog post, you’ll learn to do that in easy steps.

Let’s get started!

1st, create Google account for reCAPTCHA

To enable reCAPTCHA on your contact form 7, follow the steps below to create an account and get essential details regarding reCAPTCHA.

  • Go to Google reCAPTCHA page and then click “Admin Console” in the top right corner.
  • Upon the next window, it will display a form that needs to be filled thoroughly to receive reCAPTCHA API keys.
  • Below screenshot would help you to understand the process of creating an account for reCAPTCHA,
Google account for reCAPTCHA v2 and v3
  • Once you enter the required details, it will lead you to another page, where you’ll get the SITE KEY and SECRET KEY. Both these keys will later come in use. Make sure you copy both of them. Or keep the tab open.
reCAPTCHA site and secret key window
  • Once copied, both the keys, move on to the next step.

2nd, log into your WordPress admin panel

Follow the below steps to add the API keys you have received from Google reCAPTCHA page into your website, and display them on contact form 7.

  • On your WordPress Dashboard, go to the Contact > Integration page.
  • Find the reCAPTCHA section and click the Setup Integration.
contact form 7 integration
  • On the next screen, you’d find two input fields in which you have to enter the site and secret key you have received from the Google reCAPTCHA account.
google site and secret key field
  • Once added, your reCAPTCHA keys into the respective input fields. Go to Contact > Contact Forms.
  • Then, add the shortcode below to the contact form field: [recaptcha] and save.
  • After that, add plugin ReCaptcha v2 for Contact Form 7.
  • Then, Go to Contact on your WordPress Dashboard > reCaptcha version > and from the Select reCaptcha Usage dropdown menu > choose reCaptcha Version 2 and submit.
  • After this, refresh your site, and you’d be able to see your contact form with reCAPTCHA.
contact form 7 with recaptcha

However, the above steps only help you to add reCAPTCHA v2 on your contact form. If you want to add reCAPTCHA v3, then you have to register your domain again and generate a new SITE and SECRET key for the same. Moreover, for adding reCAPTCHA v2, we used the shortcode [recaptcha], but in the case of v3, we also don’t need that.

Summary

Above, we have shown you how you can easily add reCAPTACHA to your Contact Form 7. If you find this blog post helpful, share it with other WordPress users to help them add a protective layer on their contact forms. If you still find adding Google reCAPTCHA hard on your Contact Form 7, you can contact us for added support and assistance.

Got any suggestions regarding this method or if you know any other method to add reCAPTCHA on your contact forms, please share your views in the comment section.

Posted By:
Divya
Divya is a WordPress theme Wizard at Elicus. She loves bringing design ideas to life.

1 Comment

  1. Chris

    I add reCAPTCHA to my Contact Form 7 and it works on my Divi WordPress site but not in the pop ups. How do I fix this issue?

    Reply

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

1 Comment

  1. Chris

    I add reCAPTCHA to my Contact Form 7 and it works on my Divi WordPress site but not in the pop ups. How do I fix this issue?

    Reply

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to Generate Page Layouts with Divi AI

How to Generate Page Layouts with Divi AI

Welcome to the future of web design, where you don’t need to hire a Web Designer, Developer, or Copywriter. Elegant Theme has introduced the world with Divi AI. That's an AI-powered web designing tool ready to bring innovation to Divi websites. According to a recent...

Divi Hosting Company Child Theme to Present Hosting Services

Divi Hosting Company Child Theme to Present Hosting Services

Hosting companies require a practical Divi hosting child theme for their WordPress website to introduce their business to the customers. This free Divi Hosting child theme perfectly displays all the services, solutions, latest updates, and faqs on your Divi website....

How to Create a Divi Custom Post Type Slider

How to Create a Divi Custom Post Type Slider

Custom post type is an innovative approach in WordPress and Divi also supports custom post types to provide smart solutions to its users. If you are using the Divi theme, you can unlock the full potential of custom post types. Divi custom posts give complete freedom...

Divi WooCommerce Extended

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Layouts Extended Divi Header Layouts