How To Add Google’s reCAPTCHA To Contact Form 7

How To Add CAPTCHA To Contact Form 7Contact Form 7 Overview

With over 5 million active installations, Contact Form 7 is one of the most popular and flexible plugins used to build forms in WordPress. As a result, I love to use Contact Form 7 for many of my website projects. In this section, I will briefly explain why you should use Contact Form 7.

First off, it is free to use and easy to learn! For instance, there are detailed tutorials if you are not computer savvy. Secondly, it has the flexibility needed for advanced customization. Thirdly, it is built cleanly, consequently avoiding unnecessary bloat on your website. In addition, it is frequently tested and patched for vulnerabilities. Finally, it is compatible with many extensions. For example, it can integrate with MailChimp, PayPal, Stripe, Google Sheets and Autoresponders.

reCAPTCHA Overview

If you want to combat spam bot submissions on your forms, you can opt-in to use reCAPTCHA. reCAPTCHA is Google’s version of the traditional “CAPTCHA”. CAPTCHA stands for Completely Automated Public Turing Test to Tell Computers and Humans Apart. Thank goodness we do not need to remember that!

Step-By-Step Guide To Integrate reCAPTCHA With Contact Form 7

Contact Form 7 is developed to integrate with Google’s reCAPTCHA V3 to help prevent spam coming through from your forms. To integrate reCAPTCHA, follow these steps:

1.) To start off, create a Google Account if you do not have one already. If you already have a Google account, login and open the reCAPTCHA page (https://www.google.com/recaptcha/admin). You will see a registration form with different options to choose from.

2.) Next, select reCAPTCHA v3 and enter the domain of your website in the “Domains” field. After you register your website, you will get the site key and secret key.

Note: If you want to use reCAPTCHA v2, you will need to install and configure Contact Form 7 – reCaptcha v2 by IQComputing.

3.) Once you obtain the v3 Site Key and Secret Key, login to your WordPress Dashboard (yourdomainhere.com/wp-admin) and navigate to Contact > Integration.

Note: If you do not have Contact Form 7 installed, you must install it first!

4.) After that, click on the “Setup Integration” button inside the section labeled “reCAPTCHA”. It will display input fields for the Site Key and Secret Key. Insert the two keys you obtained through your Google account into their designated fields. Finally, click the “Save Changes” button.

Conclusion

That’s it! In conclusion, the latest version of Contact Form 7 and reCAPTCHA will automatically apply Google’s invisible reCAPTCHA to your forms. In comparison to older versions of Contact Form 7 and reCAPTCHA, you no longer have to insert any additional tags into the form builder itself!

Most importantly, if you need assistance adding an extra layer of security to Contact Form 7, reach out for help! I am available for on-going support and website maintenance. Likewise, if you need help with anything online, contact me directly at shawna@shawnaleighdesigns.com and I can answer your questions directly.