Cómo agregar Captcha al pago de WooCommerce

Después de construir una tienda WooCommerce con ShopReady, enfrentamos el mayor desafío de proteger el sitio de los spammers. Sí, los spammers pueden usar diferentes tecnologías automatizadas para infiltrarse en su negocio e intentar realizar pedidos fraudulentos. ¿Ahora vas a aprender cómo agregar Captcha a WooCommerce Checkout?

Eso puede causar un daño potencial a su negocio al causar transacciones engañosas. Por lo tanto, debe asegurarse de que el usuario sea un ser humano real, y también debe evitar que los scripts automatizados y los bots interfieran con su página de pago.

Para resolver esto, debe agregar un captcha al finalizar la compra en su tienda WooCommerce. Este artículo discutirá por qué y cómo puede agregar un captcha para proteger su negocio de herramientas y bots de spam.

Puede hacerlo usando un complemento o sin un complemento. Cubriremos todos los métodos posibles que implementamos en nuestra tienda WooCommerce creada con ShopReady para que pueda usarlos y agregar Captcha a su sitio. ¡Empecemos!

Es posible que haya creado su tienda WooCommerce con una herramienta como ShopReady, pero tenga dificultades para garantizar su seguridad. Agregar un captcha al finalizar la compra podría ser una de esas medidas de seguridad que debe considerar.

La razón principal para agregar un captcha al pago de WooCommerce es proteger el sitio de ataques maliciosos automatizados que intentan realizar compras fraudulentas. Evita que las herramientas automatizadas completen los formularios de venta al tiempo que evita registros falsos y pedidos de invitados. Captcha puede detener transacciones engañosas que podrían salvarlo de cualquier pérdida potencial.

Algunos piensan que captcha podría complicar un poco la interacción del usuario, pero hay formas en que puede implementar una experiencia de usuario de baja fricción que generalmente es conveniente para los clientes. Y lo único que encontrará difícil de descifrar el captcha son esos "bots computarizados".

¿Cómo agregar Captcha al pago de Woocommerce?

Ahora pasemos a cómo hemos agregado un captcha a la página de pago de nuestra tienda ShopReady WooCommerce. Probamos tanto los complementos como los métodos sin complementos.

Mientras probamos estos, se nos ocurrieron algunos complementos y fragmentos de código geniales. Analicemos todos estos métodos y veamos cuál es el adecuado para usted.

con complemento

Para permitir que su cliente proceda con la compra en su tienda WooCommerce, puede usar diferentes complementos de verificación de captcha en la página de pago o en cualquier lugar que desee en el sitio.

Hay bastantes complementos de este tipo disponibles por ahí. Sin embargo, los 3 principales que probamos mientras construíamos nuestra tienda de WC con ShopReady incluyen los siguientes:

• reCaptcha para WooCommerce

Este es un complemento premium diseñado específicamente para WooCommerce Spam Protection. No está disponible como versión gratuita, por lo que tendrás que pagar primero. Con este complemento, puede agregar Google ReCAPTCHA a la página de pago y otros formularios, incluido el registro, el inicio de sesión, el formulario de pérdida de contraseña, etc.

Puede mostrar múltiples captchas en una página, como si tuviera el formulario de inicio de sesión y registro en la misma página, puede habilitar captchas en ambos formularios.

Puede tener tanto reCaptcha v2 como ReCaptcha V3 usando este complemento. Algunas de sus otras características clave incluyen la detección automática del idioma del usuario, la personalización de reCaptcha, la personalización de mensajes de error, etc.

Es fácil de instalar simplemente como cualquier otro complemento de WordPress desde la página Complementos. La configuración fácil viene con opciones de encendido/apagado para habilitar o deshabilitar el captcha en los lugares requeridos. No tuvimos ningún problema para habilitarlo con la herramienta ShopReady.

El complemento se basa en altos estándares para detener registros y pedidos falsos y para asegurarse de que nada pueda romper el sitio de todos modos.

• CAPTCHA 4WP

Con el respaldo y el mantenimiento de WP White Security, este es uno de los mejores complementos de captcha que permite que personas reales pasen por los formularios y las páginas de pago de WooCommerce.

Protege tu tienda de los bots y no permite que interfieran con tus pedidos. Además de las páginas de pago, puede usar este complemento para mostrar el captcha en diferentes segmentos, como formularios, comentarios, registro, pérdida/reinicio de contraseña, etc.

Lo más destacado de este complemento es que puede usarlo para mostrar múltiples captchas en una sola página. También admite estilos de captcha personalizados. Puede elegir entre v2 (no soy un robot), v2 (invisible) o v3. Detecta automáticamente el idioma de los usuarios para mostrar el captcha y la configuración correspondiente.

Puede agregar captchas en varios formularios de forma predeterminada, pero para el Formulario de contacto 7, debe agregar un código corto . Está disponible en versiones gratuitas y premium. Probamos la versión premium mientras usamos ShopReady.

Puede instalarlo fácilmente desde la página Complementos en su cuenta de WooCommerce. Busque el CAPTCHA 4WP, instálelo y actívelo para proteger su tienda de los spammers.

• reCaptcha por BestWebSoft

BestWebSoft trae otra solución efectiva de captcha para proteger su tienda WooCommerce. Funciona con casi todos los formularios, incluidos los formularios de facturación de pago de WooCommerce.

Puede usar las versiones reCaptcha v2, v3 e invisible con este complemento. El cliente debe confirmar que no es un robot antes de proceder con la compra.

Previene el spam y los ataques de fuerza bruta mediante el uso de Limit Attempts. El producto está respaldado por un soporte rápido y amigable.

La instalación es fácil como cualquier otro complemento de WP. Puede descargarlo, instalarlo y activarlo desde la página Complementos. Una vez configurado, puede ir a la configuración y elegir la página de pago o cualquier otro lugar requerido para habilitarlo.

El complemento incluye configuraciones fáciles con una guía detallada para una configuración rápida. Es un complemento multilingüe con funciones listas para RTL. También puede agregar un código personalizado usando la configuración. Viene con múltiples temas de captcha también. En general, el complemento funcionó bien con la herramienta de construcción ShopReady.

Sin complemento

Después de ver la forma de complemento, es hora de descubrir cómo puede agregar un captcha sin un complemento a la página de pago de WooCommerce.

Dado que Google ofrece el servicio antispam reCaptcha v2 de forma gratuita, puede implementarlo en su sitio sin un complemento. Tuvimos una experiencia exitosa de implementar esto mientras usábamos ShopReady. Es la API de captcha más popular, y debe programar un poco para agregarla en su pago de WC sin un complemento.

Pero antes de usar el fragmento de código, recuerde que no puede colocarlo en la sección de pago del formulario. Y tendrá que elegir una acción en consecuencia para agregarla con éxito.

<?php

/**

* Agregue reCaptcha al formulario de pago

* @param $pago

*/

function doublee_show_me_the_checkout_captcha($pago) {

echo '<div class=”g-recaptcha” data-sitekey=”YOUR_KEY_HERE”></div>';

}

add_action('woocommerce_checkout_order_review', 'doublee_show_me_the_checkout_captcha', 18);

/**

* Validar reCaptcha

*/

función doublee_process_recaptcha() {

$postdata = $_POST['g-recaptcha-response'];

$verified_recaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_HERE&response='.$postdata);

$respuesta = json_decode($verified_recaptcha);

if(!$respuesta->éxito) {

wc_add_notice('Por favor verifique que no es un robot' ,'error');

}

}

add_action('woocommerce_checkout_process', 'doublee_process_recaptcha');

Probamos y funcionó bien con nuestra tienda ShopReady WooCommerce.

¿Cómo habilitar Google Recaptcha V2 en Woocommerce Checkout?

Para hacer esto, la mejor manera es usar reCaptcha para el complemento WooCommerce, ya que es compatible con las versiones V2 y V3.

• Primero, descargue el archivo .zip de la cuenta de WC.
• Ahora ve a Admin > Complementos > Agregar nuevo > Cargar complemento
• Elija el archivo que descargó
• Instalar y activar reCaptcha
• Después de la activación, vaya a wooCommerce > Configuración
• Haga clic en la pestaña reCaptcha en la Configuración
• Elija la versión de Recaptcha como ReCaptcha V2 (casilla de verificación)
• Establecer la clave del sitio y la clave secreta
• Mantenga otros campos como mensajes de error tal como están
• Guardar la configuración
• De la lista de pestañas para habilitar captchas, elija el pago de invitado de WooCommerce y marque la casilla para habilitar reCaptcha en la página de pago de invitado.

Para obtener la clave del sitio y la clave secreta, siga los pasos a continuación:

• Inicie sesión en su cuenta de Google
• Vaya a la consola de administración de Google ReCaptcha (https://www.google.com/recaptcha/admin)
• Haga clic en el botón + en la parte superior derecha
• Agregue el nombre de su sitio web en Agregar etiqueta.
• Elija reCaptcha v2.
• Seleccione la casilla de verificación "No soy un robot".
• Agregar el dominio del sitio web
• Aceptar término de servicio
• Una vez terminado, haga clic en Enviar
• Deberían aparecer la clave del sitio y la clave secreta; simplemente cópielos y utilícelos.

Conclusión

Esto concluye la guía sobre cómo agregar captcha al pago de WooCommerce. Debemos decir que todos estos métodos de captcha funcionaron de maravilla en nuestro proceso de pago de ShopReady WooCommerce. ¡Así que este artículo también debería funcionar bien para ti!

Analiza algunos complementos excelentes que pueden proteger eficazmente su tienda WC de los spammers. El reCaptcha para WooCommerce es el más destacado aquí que le permite configurar Google reCaptcha V2 o V3 de manera fácil y efectiva.

También hemos discutido cómo puede agregar la API reCaptcha V2 agregando algunos códigos en el lugar respectivo. Independientemente de la forma que elija del método anterior, puede esperar mantener su sitio a salvo de pedidos fraudulentos después de habilitar cualquiera de ellos.

Mejores prácticas de seguridad de WordPress