Módulo Google reCaptcha de Opencart – Manual del usuario

1.0 Introducción

¿Tu sitio web realmente necesita un captcha? En este mundo web donde hay nuevos visitantes con frecuencia, es importante que tu sitio web sea compatible con Google captcha. Los captchas son importantes para validar la actividad humana y de bots sospechosos en tu tienda. Con Knowband… Extensión Google reCaptcha de OpenCartPuede permitir que sus clientes pasen la prueba de verificación humana sin necesidad de ingresar datos adicionales en el sitio web. Al igual que Gmail, Hotmail, Facebook, Twitter, Yahoo y otros, también ofrece registro gratuito a sus clientes. Por lo tanto, es importante asegurar el proceso de registro e inicio de sesión en su tienda. Al incorporar Opencart Google Captcha, puede asegurarse de que ciertas actividades sean realizadas por personas y no por bots.

1.1 Características destacadas del módulo Google reCaptcha de Opencart

• La extensión de verificación humana de Opencart es fácilmente personalizable sin necesidad de conocimientos de codificación para su implementación o modificaciones.
• El módulo Google reCaptcha de Opencart muestra un captcha de seguridad para proteger su sitio web de entradas de spam o bots dañinos.
• Opencart Google Captcha se puede incorporar a la página de registro, página de inicio de sesión, página de contacto o página de contraseña olvidada en su tienda.
• Puede habilitar o deshabilitar la funcionalidad completa del módulo Google reCaptcha de Opencart sin ningún esfuerzo adicional.
• La extensión Google reCaptcha de OpenCart es compatible con los sistemas reCaptcha v2 y v3.
• Con el módulo Google Captcha de Opencart, puede configurar fácilmente la clave del sitio y la clave secreta para el dominio de su sitio web.
• La verificación humana de Opencart le permite la opción de seleccionar el tipo de reCaptcha para diferentes páginas de su sitio web.
• Este módulo Google reCaptcha de Opencart es compatible con tiendas con SSL habilitado.
• La verificación humana de Opencart ofrece compatibilidad multitienda y multilingüe.

¿Qué novedades hay en las Mejoras Recientes?

Nuestra última actualización del plugin OpenCart Google reCaptcha de Knowband incorpora la pestaña “Configuración de apariencia”. Esta mejora permite personalizar reCaptcha con CSS personalizado y alternar entre temas claros y oscuros, ofreciendo una experiencia de usuario personalizada y visualmente atractiva.

2.0 Guía de instalación del módulo Google reCaptcha de Opencart

Antes de comenzar la instalación, debe comprar el módulo Opencart Google Captcha en la tienda Knowband. Una vez comprado, recibirá los siguientes archivos en su correo electrónico registrado.

• Código fuente de Opencart Google Captcha en formato de archivo comprimido
• Manual de usuario de la extensión Google Captcha de Opencart

Para instalar Google reCaptcha en su sitio web, siga estos pasos: 1. Descomprima el archivo zip. Verá las carpetas como se muestra en la imagen a continuación:

2. Copie todas las carpetas del archivo zip en el directorio raíz de la configuración de OpenCart a través del administrador FTP.

Pasos para instalar el archivo Ocmod usando el instalador de extensiones

1. Abra la ventana del Instalador de extensiones desde el panel de administración.

2. Haga clic en el botón Cargar para buscar y cargar el archivo install.ocmod.xml. 3. Una vez cargado, verá un mensaje de éxito en su pantalla como se muestra a continuación.

Ahora, Google Captcha de Opencart ya está instalado y listo para usar en tu tienda. Ve al menú de administración y haz clic en Extensiones. Luego, haz clic en Captchas y, a continuación, en el botón Editar junto a Google reCaptcha.

Interfaz de administración 3.0 de la extensión Google reCaptcha de OpenCart

Tras instalar correctamente el módulo reCaptcha de Google de Opencart en su sitio web, puede implementar las versiones 2 y 3 de reCaptcha según las necesidades de su negocio. Navegue por la configuración en el orden indicado: Panel de administración > Extensiones > Captchas > Google reCaptcha.

La interfaz de administración fácil de entender de la extensión de verificación humana de Opencart se divide en cuatro secciones:

1. Ajustes generales
2. Configuración de reCaptcha v2
3. Configuración de reCaptcha v3
4. Configuración de apariencia

Configuración general de 3.1

• Estatus Esta opción habilita o deshabilita el sistema reCaptcha completo de su sitio web.
• Habilitar Google reCaptcha para: Con esta opción, puede elegir las páginas para las que desea habilitar la función reCaptcha.
• reCaptcha para la página de inicio de sesión: Esta opción le permite seleccionar el tipo de página de inicio de sesión como reCaptcha v2 o reCaptcha v3.
• reCaptcha para la página de registro: Esta opción le permite seleccionar el tipo de página de registro como reCaptcha v2 o reCaptcha v3.
• reCaptcha para la página de contacto: Esta opción le permite seleccionar el tipo de página de contacto como reCaptcha v2 o reCaptcha v3.
• reCaptcha para la página de contraseña olvidada: Esta opción le permite seleccionar el tipo de página de contraseña olvidada como reCaptcha v2 o reCaptcha v3.

Configuración de reCaptcha 3.2 v2

En esta sección del módulo Google Captcha de Opencart, puede configurar la clave del sitio y la clave secreta para el sistema reCaptcha v2.

• Estatus Puede habilitar o deshabilitar el estado de reCaptcha versión 2 usando esta opción.
• Introduzca la clave del sitio: Esta opción le permite ingresar la clave de reCaptcha versión 2.
• Introduzca la clave secreta: Con esta opción, puede ingresar el ID de cliente secreto de la versión 2 de reCaptcha.

Para obtener la clave del sitio y la clave secreta para reCaptcha v2, siga los pasos que se describen en la sección 3.2.1.

3.2.1 Pasos para generar claves API para reCaptcha v2

1. Visita https://www.google.com/recaptcha/intro/v3.html. 2. En la parte superior de la página, haz clic en “Consola de administración”. Aquí puedes registrar tu propio sitio web.

3. Establezca una etiqueta deseada que se utilizará para identificar su sitio en el futuro.

4. Elija el tipo de reCAPTCHA que desea agregar a su sitio. Seleccione reCAPTCHA v2 y luego el subtipo deseado. 5. Ingrese un dominio válido, requerido para el registro de reCAPTCHA. 6. Opcionalmente, puede agregar otras direcciones de correo electrónico para administrar la configuración del sitio.

7. Acepte los Términos y Condiciones de reCAPTCHA y haga clic en el botón “Enviar”. 8. Será redirigido a la siguiente página donde encontrará la clave del sitio y la clave secreta. Copie ambas claves en el back-office.

Configuración de reCaptcha 3.3 v3

En esta sección del módulo Google Captcha de Opencart, puede configurar la clave del sitio y la clave secreta para el sistema reCaptcha v3.

• Estatus Puede habilitar o deshabilitar el estado de reCaptcha versión 3 usando esta opción.
• Introduzca la clave del sitio: Esta opción le permite ingresar la clave de reCaptcha versión 3.
• Introduzca la clave secreta: Con esta opción, puede ingresar el ID de cliente secreto de la versión 3 de reCaptcha.

Para obtener la clave del sitio y la clave secreta para reCaptcha v3, siga los pasos que se describen en la sección 3.3.1.

Nota: Si seleccionó la versión 2 del reCaptcha, deberá completar los campos con la clave del sitio y la clave secreta; de lo contrario, se mostrará un mensaje de error. Lo mismo aplica para la versión 3 del reCaptcha.

3.4. Configuración de apariencia:

La pestaña de configuración de apariencia proporcionada en las extensiones de verificación de Google Captcha de Opencart permite al administrador de la tienda agregar CSS personalizado y color de tema reCaptcha, lo que proporciona más control y una funcionalidad mejorada.

Color del tema: El módulo reCaptcha de Opencart ofrece opciones de color de tema “Oscuro” y “Claro”. Puedes modificar el color del tema desde esta opción. 

CSS personalizado: El administrador puede modificar la apariencia del reCaptcha agregando CSS personalizado en esta sección.

3.3.1 Pasos para generar claves API para reCaptcha v3

1. Visita https://www.google.com/recaptcha/intro/v3.html. 2. En la parte superior de la página, haz clic en “Consola de administración”. Aquí puedes registrar tu propio sitio web.

3. Establezca una etiqueta deseada que se utilizará para identificar su sitio en el futuro.

4. Elija el tipo de reCAPTCHA que desea añadir a su sitio. Seleccione reCAPTCHA v3. 5. Introduzca un dominio válido, necesario para el registro de reCAPTCHA. 6. Opcionalmente, puede añadir otras direcciones de correo electrónico para gestionar la configuración del sitio.

7. Acepte los Términos y Condiciones de reCAPTCHA y haga clic en el botón “Enviar”. 8. Será redirigido a la siguiente página donde encontrará la clave del sitio y la clave secreta. Copie ambas claves en el back-office.

4.0 Interfaz frontal del módulo Google reCaptcha de Opencart

A) Página de inicio de sesión

v2 reCaptcha

v3 reCaptcha

B) Página de registro

v2 reCaptcha

v3 reCaptcha

C) Página de contacto

v2 reCaptcha

v3 reCaptcha

D) Página de Olvidé mi contraseña

v2 reCaptcha

v3 reCaptcha

Además, puedes consultar nuestro módulo Opencart Block Bot aquí:

Tutorial completo de la extensión de verificación humana para Opencart

Este tutorial de Google reCAPTCHA de OpenCart proporciona una guía completa paso a paso sobre cómo instalar y configurar la extensión Google reCAPTCHA, agregar reCAPTCHA a las páginas de inicio de sesión, registro, contraseña olvidada y pago (incluidos los pasos de invitado, inicio de sesión y registro), seleccionar entre temas claros y oscuros para una experiencia de usuario perfecta, proteger su tienda de spam, bots y abuso automatizado, y habilitar reCAPTCHA v2 y v3 en múltiples páginas de la tienda para mejorar la seguridad y la flexibilidad.

Mira el tutorial aquí:

Lectura recomendada:

Protect your OpenCart Store from Bots and Spammers