How to add Google reCAPTCHA to WooCommerce

If you’re looking to add an extra layer of security to your WooCommerce Store, Google reCAPTCHA is a great option.

In this article, we’ll show you how to add Google reCAPTCHA to your WordPress and WooCommerce website forms!

Get Your reCAPTCHA Keys

First, you need to visit this page, and login if you are not already: https://www.google.com/recaptcha/admin/create

Next, you’ll be required to enter a label, reCAPTCHA type, and your domain.

For the reCAPTCHA type option, you will need to select “Challenge (v2)”, followed by the option: “I’m not a robot” Checkbox

reCAPTCHA - Add Site

Click the “Submit” button, and you will be given a “Site Key”, and “Secret Key”. Keep this page open, as you will need to copy them later.

Install The WordPress Plugin

Now you will want to go ahead and install the free “reCAPTCHA for WooCommerce” plugin on your website.

To do this, go to “Plugins > Add New” in your WordPress admin area, then search for “reCAPTCHA for WooCommerce”, click “Install”, and finally click the “Activate” button that shows once it’s installed.

Google reCAPTCHA - Install WordPress Plugin

You will then be taken to the settings page for reCAPTCHA for WooCommerce.

Here you will be able to customise several options:

  • Site Key.
  • Secret Key.
  • reCAPTCHA Theme (light or dark).

Simply copy your Site Key and Secret Key generated earlier, and paste these into the settings fields.

Further down the settings page, you will see several checkboxes.

Here you can enable reCAPTCHA on all your WordPress and WooCommerce forms.

Simply select the checkbox for each form you want to enable reCAPTCHA on, and customise any of the other settings as required.

Finally, when you first set your “Site Key” or “Secret Key”, or update it, you will be required to test the API response, to make sure everything is working OK. Simply complete the reCAPTCHA, and click “TEST RESPONSE”.

Example Screenshot

Here’s an example of what the reCAPTCHA challenge will look like when enabled on your WooCommerce checkout:

reCAPTCHA WooCommerce Widget

To learn more about Google reCAPTCHA, click here.






9 thoughts on “How to add Google reCAPTCHA to WooCommerce

  1. Hello
    Thanks for the great plugin!!
    My only issue is that I would like to make it more intuitive to click it by placing it just above the WC PLACE ORDER button (see attached).
    Is this at all possible? I’ve already had a few people not seeing the captcha and contacting support.
    Thanks! 🙂

    1. Thanks for the message.

      This is not possible currently, however we will consider adding an option for it in the future!

  2. Hi,
    Thanks for the plugin but it makes the google page speed drop from 80 to 40. Can you please add new update and defer load it so it doesn’t impact page performance?
    Thanks

  3. Hi Elliot – thank you for a great plugin. It is working well on the assigned pages. Unfortunately, the js is being called on all our webpages, not just the woocommerce pages that we selected. This is slowing down our pages. How can we remove the call from pages where the reCaptcha isn’t needed. For example the …/shop/ page.

    1. Thanks! The JS files are set to only load on pages where the reCAPTCHA is being loaded, which is the WooCommerce checkout and account page, and the wp-login.php page. Please ensure you are using the latest version, and check to make sure your caching/performance plugin isn’t maybe causing it to load the JS files on every page.

  4. Hi,
    Love the plugin but I would like it if the admins could be whitelisted either by name or IP address.
    I hope that’s not too big an ask.
    Glenn

Leave a Reply

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


code web softwareweb-programmingprogrammingbinary-dataprogramming-codeweb-1picturesearchpadlockideaemaildomaingoalgoal-1 online-shop televisioncomputermonitor cloud-computingcloud-computing-1statisticscodingdata computer-1collectivecontentlayoutshoppinghelp question technical-supportcustomer-supportsupportsiren bugspeedometerspeed performance speedometer-1speedometer-2speedometer-3result growth updatecloud-computing-2databasestartup analysis team analysis-1 medal responsive responsive-1 plug shutdownturn-on ekg-monitorservercloud worldglobala2heartbeatheartbeat-1 raylike like-1shield secure-shieldno-stoppingno-entry-signfirewallfirewall-1shield-1 secureaccess-deniedpasswordlogin-passwordsecuritysign-inblockssllockencryptionantivirusantivirus-1bug-1 bug-2insurance trustrocket fireworks gift-shopstorebankbank-1bank-2standcompanystore-1brokeragebank-3 business-and-financebank-4 business-and-finance-1 bank-5 bank-6 bank-7 architecture-and-cityshop-Cafe-restaurant-coffee-Buildingcafecoffee-shop-Cafe-restaurant-Buildinguserbank-8cafe-1business-and-finance-2brancharchitecture-and-city-1shopshop-1coding-1 shop-2cloud-computing-3server-1server-2server-3cloud-1 server-4 server-5cloud-computing-4cloud-2cloud-computing-5cloud-computing-6security-1cloud-3cloud-4backup cloud-5security-2cloud-6 server-6cloud-7infoinfo-1stopwatchspeed-1 user-1 user-2user-3 user-4 loginconversation company-1loadingwordpress computer-2 computer-3 optimizationcomputer-4 hotel computer-5 hotel-1 favourite-starcredit-cardappmonitor-1 responsive-2responsive-3Responsive-Website-Design-Development-Computersmartphoneweb-settingsapplicationmaintenancedashboard email-1 communicationscommunications-1communications-2communications-3discuss-issueinformationquestion-1surveysurvey-1question-2QUESTIONquestion-3INFOui ui-1 server-7cloud-8 server-8