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.

Installer le plugin WordPress

Now you will want to go ahead and install the free “reCAPTCHA pour WooCommerce"sur votre site web.

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.

Ici, vous pourrez personnaliser plusieurs 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”.

Exemple de capture d'écran

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, cliquez ici.






S'abonner
Notification pour
invité
11 Commentaires
Le plus ancien
Le plus récent Le plus populaire
Commentaires en ligne
Afficher tous les commentaires
Jodi
1 année il y a

Hi – I cant seem to see the captcha. It works but not displaying on the checkout. Any ideas on how to fix this?

Yan
Yan
1 année il y a

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! 🙂

Checkout-Learn-Muscles.jpg
Yan
Yan
1 année il y a
Répondre à  Elliot Sowersby

That would be perfect if you could! 🙂

Raja K
1 année il y a

Bonjour,
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

Louise MacDonald
1 année il y a

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.

Glenn
Glenn
9 mois il y a

Bonjour,
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

Carl Van Wormer
Carl Van Wormer
4 mois il y a

I just installed reCAPTCHA for WooCommerce version 1.41. The install progress worked and passed the installation test. There is no reCAPTCHA showing up on my order page where all the customer data is to be entered. Is there any troubleshooting guide to help me address this problem? If not, should I try your cloudflare plugin?

Thanks,
Carl

Carl Van Wormer
Carl Van Wormer
4 mois il y a

I spend a lot of time chasing the answer. I disabled reCAPTCHA and installed the Cloudflare plugin. That one didn’t appear either. I finally discovered that if I logged in to my webpage using an incognito window I could see both the reCAPTCHA icon or the Cloudflare icon, whichever one was currently active. There must have been some sort of magic going on, or maybe cached data causing my invisibility problem. I chose to keep the Cloudflare plugin installed to minimize irritating my customers with another CAPTCHA puzzle. I hope this reduces the failed bot-orders that I started getting this month.

Thanks,
Carl

code web logicielprogrammation webprogrammationdonnées binairescode de programmationweb-1imagerecherchecadenasidéecourrieldomaineobjectifobjectif-1 boutique en ligne télévisionordinateurmoniteur informatique en nuageInformatique en nuage-1statistiquescodificationdonnées ordinateur-1collectifcontenudispositionachatsaider question support techniquesoutien à la clientèlesoutiensirène insectecompteur de vitessevitesse performance indicateur de vitesse-1indicateur de vitesse-2indicateur de vitesse-3résultat croissance mise à jourInformatique en nuage-2base de donnéesdémarrage l'analyse équipe analyse-1 médaille réactif réactif-1 fiche arrêtmise en marche moniteur ekgserveurnuage mondemondiala2rythme cardiaquebattement de cœur-1 rayoncomme comme-1bouclier bouclier sécurisésans arrêtpas d'entrée-signaturepare-feupare-feu-1bouclier-1 sécuriséaccès refusémot de passemot de passe de connexionsécurités'inscrireblocsslserrurechiffrementantivirusantivirus-1bug-1 bug-2l'assurance confiancefusée feux d'artifice boutique cadeauxmagasinbanquebanque-1banque-2supportentreprisemagasin-1courtagebanque-3 affaires et financebanque-4 affaires-et-finances-1 banque-5 banque-6 banque-7 architecture-et-villeboutique-café-restaurant-café-bâtimentcafécafé-boutique-café-restaurant-bâtimentutilisateurbanque-8café-1affaires-et-finances-2branchearchitecture-et-ville-1boutiqueboutique-1codage-1 boutique-2Informatique en nuage-3serveur-1serveur-2serveur-3nuage-1 serveur-4 serveur-5Informatique en nuage - 4nuage-2Informatique en nuage-5Informatique en nuage - 6sécurité-1nuage-3nuage-4sauvegarde nuage-5sécurité-2nuage-6 serveur-6nuage-7infoinfo-1chronomètrevitesse-1 utilisateur-1 utilisateur-2utilisateur-3 utilisateur-4 connexionconversation entreprise-1chargementwordpress ordinateur-2 ordinateur-3 optimisationordinateur-4 hôtel ordinateur-5 hôtel-1 étoile préféréecarte de créditapplicationmoniteur-1 réactif-2réactif-3Conception de sites web réactifs - Développement - Ordinateursmartphoneparamètres webapplicationentretientableau de bord email-1 les communicationscommunications-1communications-2communications-3débattre de la questionl'informationquestion-1enquêteenquête-1question-2QUESTIONquestion-3INFOui ui-1 serveur-7nuage-8 serveur-8