Cómo añadir Google reCAPTCHA a 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.

Instalar el plugin de WordPress

Now you will want to go ahead and install the free “reCAPTCHA para WooCommerce" en su sitio 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.

Aquí podrás personalizar varias opciones:

  • 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”.

Ejemplo de pantalla

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, pulse aquí.






Suscríbase a
Notificar a
invitado
11 Comentarios
Más antiguo
Más reciente Más votados
Feedbacks de Inline
Ver todos los comentarios
Jodi
hace 1 año

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
hace 1 año

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
hace 1 año
Responder a  Elliot Sowersby

That would be perfect if you could! 🙂

Raja K
hace 1 año

Hola,
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
hace 1 año

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 months ago

Hola,
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
hace 4 meses

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
hace 4 meses

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

código web softwareprogramación webprogramacióndatos binarioscódigo de programaciónweb-1fotobusque encandadoideacorreo electrónicodominiometaobjetivo-1 tienda en línea televisiónordenadormonitor computación en nubecomputación en nube-1estadísticascodificacióndatos ordenador-1colectivocontenidodiseñoir de comprasayuda pregunta soporte técnicoatención al clientesoportesirena errorvelocímetrovelocidad rendimiento velocímetro-1velocímetro-2velocímetro-3resultado crecimiento actualizacióncomputación en nube-2base de datosinicio análisis equipo análisis-1 medalla receptivo receptivo-1 enchufe cierreencender ekg-monitorservidornube mundoglobala2latido del corazónlatido-1 rayocomo como-1escudo secure-shieldsin paradasno-entry-signcortafuegoscortafuegos-1escudo-1 seguroacceso denegadocontraseñacontraseña de accesoseguridadregístrese enbloquesslcierrecodificaciónantivirusantivirus-1error-1 bug-2seguro confíe encohete fuegos artificiales tienda de regalostiendabancobanco-1banco-2standempresatienda-1corretajebanco-3 negocios y finanzasbanco-4 negocios y finanzas-1 banco-5 banco-6 banco-7 arquitectura y ciudadtienda-cafetería-restaurante-café-edificiocafécafetería-cafetería-restaurante-edificiousuariobanco-8café-1negocios y finanzas-2ramaarquitectura y ciudad-1tiendatienda-1codificación-1 tienda-2computación en nube-3servidor-1servidor-2servidor-3nube-1 servidor-4 servidor-5computación en nube-4nube-2computación en nube-5computación en nube-6seguridad-1nube-3nube-4copia de seguridad nube-5seguridad-2nube-6 servidor-6nube-7informacióninfo-1cronómetrovelocidad-1 usuario-1 usuario-2usuario-3 usuario-4 inicio de sesiónconversación empresa-1cargandowordpress ordenador-2 ordenador-3 optimizaciónordenador-4 hotel ordenador-5 hotel-1 estrella favoritatarjeta de créditoaplicaciónmonitor-1 receptivo-2receptivo-3Responsive-Website-Design-Development-Computersmartphoneconfiguración webaplicaciónmantenimientosalpicadero email-1 comunicacionescomunicaciones-1comunicaciones-2comunicaciones-3debate-temainformaciónpregunta-1encuestaencuesta-1pregunta-2PREGUNTApregunta-3INFOui ui-1 servidor-7nube-8 servidor-8