How to Add Google reCaptcha Keys To Contact Form 7 In Flatsome WooCommerce Theme

Do you know why we’re writing a tutorial on “How to add Google reCaptcha keys to Contact Form 7 in Flatsome WooCommerce theme”?

For a couple of days, we get tons of spam emails in our inboxes. Regularly, we used to spend about a couple of minutes clearing them. Frankly speaking, the very first time, we didn’t have that there is an automated system that filled a site contact form and sent emails. Consequently, you get many unwanted emails every day.

As we’re using Contact Form 7 for WPCred, we started searching to protect my contact form from such emails. Thankfully, we found a free reCaptcha service brought by Google. Let me show you add Google reCaptcha keys to Contact Form 7 in the Flatsome WooCommerce theme.

How To Add Google reCaptcha Keys To Contact Form 7 In Flatsome Theme

Before heading forward. Let me explain about the reCaptcha server in short. reCaptcha is a free service by Google. it protects websites from spamming and other abuses.

It has an advanced risk analysis engine that detects abusive software. And try to restrict them from throwing captchas.

Let enable reCaptcha on your Contact Form 7 powered forms. For demonstration purposes, we’ll enable reCaptcha on our Contact Me page. Currently, my contact form looks like the following screenshot.

contact form wpcred

Step 01: Activate Contact Form 7 Captcha

Besides Contact Form 7, you have to have Contact Form 7 Captcha plugin enabled. To enable the plugin, head to Plugins >> Add New and search for “Contact Form 7 Captcha“. Install and activate the indicated plugin in the following screenshot.

activated contact form7

After the installation and activation of Contact Form 7 Captcha, navigate to the plugin settings page.

contact form 7 captcha setting

Step 02: Configure Contact Form 7 Captcha

If you are inside the plugin settings page, you must find the instruction to add this shortcode: [ cf7sr-simple-Recaptcha ] to your desired contact form to implement the “I’m not a robot” checkbox.

contact form 7 captcha shortcode

Step 03: Add Captcha Shortcodes inside Form Codes

Navigate to Contact >> Contact Forms and get inside your desired form codes. From the Form tab, add shortcode: [ cf7sr-simple-Recaptcha ]  before the submit button.

contact form 7 captcha shortcode inside forms

After adding the code, the frontend would look like the following screenshot. Don’t panic if you don’t see any “I’m not a robot” checkbox.

contact form 7 captcha shortcode not working

You might be worried to see the bare shortcodes. It’s happening because we haven’t linked Contact Form 7 Captcha with Google reCaptcha API. The reCaptcha API comes with a Site key and Secret key added in the following fields. You can access the setting from Settings >> CF7 Simple Recaptcha.

contact form 7 captcha site key and secret key

Step 04: Generate Site Key and Secret Key

Generate the Site key and Secret key using Google ReCaptcha keys.

To generate keys, fill the Label field with your desired app title. we put my site name: WPCred. Make sure you have reCAPTCHA v2 and “I’m not a robot” Checkbox Select. Add domain name and accept the ReCaptcha terms. Press Submit button to continue.

contact form 7 recaptcha api setting

After clicking the submit button, you would have the Site Key and Secret. 

Google reCaptcha API site and secret key.

Step 04: Fill in Site Key and Secret Key

After having Site Key and Secret. Fill the Site Key and Secret Key field from the Settings >> Settings >> CF7 Simple Recaptcha. When keys are added, the contact form would look like the following screen.

working contact form with google reCaptcha enabled

Conclusion

Hopefully, you have understood my guideline on “How To add reCaptcha to Contact Form 7 in Flatsome WooCommerce theme“. If you find any difficulty following this tutorial let us know in the comment below.

See also  Top 10 WordPress plugin for PayPal 2023

Don’t forget to inform me on which topic, you want to have the next tutorial. we’ll write the next tutorial for you.


Subscribe To Our Newsletter!
Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…