Prestashop módulo de Google reCaptcha – Manual del Usuario

1.0 ¿Qué es Google ReCaptcha?

Prestashop Google ReCaptcha Addon es una solución de seguridad eficaz que protege su sitio web de las entradas de correo no deseado y permite el paso de personas reales con facilidad. El complemento de Prestashop se puede utilizar para iniciar sesión, registrar, recuperar contraseñas, formularios de contacto populares y otros. El complemento Google ReCaptcha muestra imágenes para identificar a los humanos como parte de sus procedimientos de validación normales.

2.0 Introducción

El complemento ReCaptcha de Prestashop Google tiene una funcionalidad a través de la cual el sitio web de Prestashop podrá confirmar que el usuario no es un robot. Es fácil para las personas y difícil para los robots.

El complemento Prestashop proporciona muchas funciones que son las siguientes:

• El administrador puede habilitar / deshabilitar el complemento.
• El administrador puede mostrar la verificación humana de Prestashop en la página de inicio de sesión del cliente.
• El administrador puede mostrar Google ReCaptcha en la página de registro del cliente.
• El administrador puede mostrar Google ReCaptcha en la página de Contraseña de Olvido del Cliente.
• El administrador puede mostrar Google ReCaptcha en la página de contacto del cliente.
• El administrador puede configurar la cantidad de intentos después de los cuales se mostrará Google ReCaptcha.
• El administrador puede agregar CSS personalizado (Hoja de estilos en cascada) y JS personalizado (JavaScript) en el bloque.
• El administrador puede configurar las diferentes claves de sitio y clave secreta para sus diferentes dominios de Prestashop.
• El administrador puede establecer fácilmente la clave del sitio y la clave secreta en el sitio oficial de Google ReCaptcha para su dominio siguiendo los pasos para configurar.

3.0 Manual de instalación

Siga los pasos a continuación para instalar el complemento Prestashop Google ReCaptcha de Knowband :

• Descargue el paquete de complemento Prestashop.
• Descomprima el paquete en el directorio / modules de su tienda Prestashop a través del administrador FTP (como Filezilla o WinSCP – descargue aquí: https://filezilla-project.org/). La estructura de carpetas para el complemento de Google ReCaptcha en el directorio / modules / googlerecaptcha se muestra en la imagen a continuación:

• Podrá encontrar el complemento Prestashop Google ReCaptcha que está listo para ser instalado en la “Lista de módulos” en su tienda Prestashop como se muestra a continuación.

• Haga clic en el enlace “Instalar” para instalar. Una vez que el módulo se haya instalado correctamente, el enlace “Instalar” se convertirá en “Configurar”.

4.0 Manual de usuario

Este manual de usuario lo guiará a través de la configuración de Admin Module / Store Front y varias características de este Prestashop Google ReCaptcha Addon.

4.1 Interfaz de administrador

Esto contendrá 3 pestañas de la pestaña “Configuración general”, la pestaña “Configuraciones de ReCaptcha” y la pestaña “Configuraciones de apariencia y apariencia” después de la instalación exitosa.

4.1.1 Pestaña Configuración general

Esta pestaña contendrá tres campos.

Los siguientes son los pasos para configurar la pestaña Configuración general:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración ReCaptcha.

Campos

• Habilitar complemento: de forma predeterminada, estará desactivado. Este módulo de verificación humana de Prestashop solo funcionará si esta configuración está activada.

Los siguientes son los pasos para habilitar el complemento:

1. Ir a módulos y servicios.
2. Módulo de búsqueda “Google ReCaptcha”.
3. Haga clic en el botón Configurar.
4. Seleccione la configuración general.
5. Habilita la opción de complemento.
6. Haga clic en el botón “Guardar”.

• Habilite Google ReCaptcha para: de forma predeterminada, se seleccionarán todas las casillas de verificación. Se usa para establecer la posición de Google ReCaptcha en una posición particular.
• Página de inicio de sesión del cliente: cuando está habilitada, esta configuración mostrará Google ReCaptcha en la página de inicio de sesión del cliente.

A continuación se detallan los pasos para mostrar Google ReCaptcha en la página de inicio de sesión del cliente:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione Configuración general.
5. Habilite Google ReCaptcha para.
6. Seleccione la página de inicio de sesión del cliente.
7. Haga clic en el botón “Guardar”.

• Página de registro del cliente: cuando está habilitada, esta configuración mostrará Google ReCaptcha en la página de registro del cliente.

A continuación se detallan los pasos para mostrar Google ReCaptcha en la página de registro del cliente:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la configuración general.
5. Habilite Google ReCaptcha para.
6. Seleccione la página de registro del cliente.
7. Haga clic en el botón “Guardar”.

1. Página de contacto del cliente : cuando está habilitada, esta configuración mostrará Google ReCaptcha en la página de contacto del cliente.

A continuación se detallan los pasos para mostrar Google ReCaptcha en la página de contacto del cliente:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione Configuración general.
5. Habilite Google ReCaptcha para.
6. Seleccione la página de contacto del cliente.
7. Haga clic en el botón “Guardar”.

    6. Página de contraseña olvidada del cliente: cuando está habilitada, esta configuración mostrará Google ReCaptcha en la página de contraseña olvidada del cliente.

Los siguientes son los pasos para mostrar Google ReCaptcha en la página de contraseña olvidada del cliente:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione Configuración general.
5. Habilite Google ReCaptcha para.
6. Seleccione la página de contraseña olvidada del cliente.
7. Haga clic en el botón “Guardar”.

     7. Mostrar Google ReCaptcha After: Por defecto, contendría 0. Se usaría para mostrar Google ReCaptcha luego de una cierta cantidad de intentos.

Los siguientes son los pasos para configurar el número de intentos:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione Configuración general.
5. Ingrese la cantidad de intentos después de que se muestre Google ReCaptcha.
6. Haga clic en el botón “Guardar”.

    8. Guardar: al hacer clic en este botón, el módulo de Prestashop guardará la configuración en la base de datos y regresará con un mensaje de éxito.

4.1.1.2 ¿Cómo activar el módulo?

Siga estos pasos para activar el módulo:

1. Después de la instalación del módulo, vaya al “Módulo y servicios”.
2. Enumeraría todos los módulos de la tienda. Busque “Google ReCaptcha” en la lista de módulos.
3. Ahora, haga clic en el botón “Configurar” dado correspondiente al módulo “Google ReCaptcha”.
4. Redirigiría al administrador a la pestaña “Configuración general”.
5. Vaya a la pestaña “Configuración de ReCaptcha” y configure la “Clave del sitio” y la “Clave secreta” que obtendrá siguiendo “Pasos para configurar” debajo de los campos de texto.
6. Después de la configuración “Clave del sitio” y “Clave secreta”, vaya a la pestaña Configuración general y cambie el botón “Activar / Desactivar” a “Sí” y configure todos los demás detalles según lo desee.
7. Haga clic en el botón “Guardar”.

4.1.2 Pestaña Configuración ReCaptcha

Esta pestaña contendrá todos los pasos necesarios para configurar Google ReCaptcha en el módulo.

Los siguientes son los pasos para configurar la pestaña Configuración ReCaptcha –

• Ir a módulos y servicios.
• Módulo de búsqueda ‘Google ReCaptcha.
• Haga clic en el botón Configurar.
• Seleccione la pestaña Configuración ReCaptcha.

Campos

Esta pestaña contiene 2 campos, el primero tiene un enlace para configurar Google ReCaptcha y el siguiente son los pasos para configurar la clave del sitio y la clave secreta.

• Clave del sitio: el administrador ingresará la Clave del sitio para mostrar el widget en el sitio. Este campo es obligatorio para habilitar el complemento.

Los siguientes son los pasos para configurar la clave del sitio:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración ReCaptcha.
5. Ingrese la clave del sitio.

• Clave secreta: el administrador ingresará la clave secreta para autorizar la comunicación entre la aplicación y el servidor reCAPTCHA para verificar la respuesta del usuario. Este campo es obligatorio para habilitar el plugin ReCaptcha de Prestashop Google.

Los siguientes son los pasos para configurar la clave secreta:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha’.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración ReCaptcha.
5. Ingrese la clave secreta.

• Pasos para configurar: Esto contendrá todos los pasos para obtener la clave del sitio y la clave secreta para un nombre de dominio en particular.

Los siguientes son los pasos para configurar el dominio y la configuración de etiqueta:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración ReCaptcha.
5. Siga los pasos para configurar.

• Haga clic aquí para obtener la Clave del sitio y la Clave secreta: este enlace redireccionará al administrador al sitio web oficial de Google ReCaptcha para obtener la Clave del sitio y la Clave secreta.

A continuación se detallan los pasos para visitar el sitio oficial de Google ReCaptcha:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración ReCaptcha.
5. Haga clic aquí para obtener la clave del sitio y la clave secreta.

4.1.2.1 ¿Cómo obtener la clave del sitio y la clave secreta?

Siga estos pasos para obtener el Sitio y la Clave secreta –

• Visite la URL https://www.google.com/recaptcha/intro/comingsoon/invisiblebeta.html
• Haga clic en “SUSCRIBIRSE” si no tiene una cuenta de Gmail.

• Crea / Ingresa a tu cuenta de Gmail.

• Haga clic en “CONTINUAR”.

• Haga clic en “Obtener ReCaptcha”.

• Ingrese “Etiqueta” de su Dominio.
• Ingrese “Dominios” de su tienda.
• Haga clic en “Registrarse”.

• Copie la “Clave del sitio” y la “Clave secreta” y péguelas en la pestaña Configuración de Google ReCaptcha.

Pestaña Configuración de Look & Feel

Esta pestaña contendrá todas las características de apariencia del módulo Prestashop.

A continuación se detallan los pasos para configurar la pestaña Configuración de aspecto y sensación:

1. Ir a módulos y servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración de aspecto y sensación.

Campos

• Tema: el administrador seleccionará el tema: claro u oscuro para Google ReCaptcha.
  Los siguientes son los pasos para configurar el tema de Google ReCaptcha:

1. Ir a módulos y Servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración de aspecto y sensación.
5. Seleccione el tema.

• CSS personalizado: el administrador puede usar esta opción para agregar CSS personalizado si es necesario.
  A continuación se detallan los pasos para configurar CSS personalizado:

1. Ir a módulos y Servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración de aspecto y sensación.
5. Ingrese CSS personalizado.

Nota: Ingrese el contenido CSS, excluyendo las etiquetas <style> – inner content- </ style> (solo escriba el contenido interno).

• JS personalizado: el administrador puede usar esta opción para agregar js personalizados si es necesario (solo en la versión 1.6.xx).
  Los siguientes son los pasos para configurar Custom JS-

1. Ir a módulos y Servicios.
2. Módulo de búsqueda ‘Google ReCaptcha.
3. Haga clic en el botón Configurar.
4. Seleccione la pestaña Configuración de aspecto y sensación.
5. Ingrese JS personalizado.

Nota: Ingrese el contenido de JS excluyendo las etiquetas <script> -inner content- </ script> (solo escriba el contenido interno).

4.2 Interfaz de interfaz

Si el administrador habilita el complemento, se mostrará Google ReCaptcha para los formularios seleccionados en el Front End, como se muestra a continuación.

4.2.1 Página de inicio de sesión del cliente

Los siguientes son los pasos para visitar la página de inicio de sesión del cliente:

• Ir a la página de inicio del Front End.
• Haga clic en la opción “Iniciar sesión”.

4.2.2 Página de registro del cliente

Versión 1.6.xx –

A continuación se detallan los pasos para visitar la Página de registro de clientes en la versión 1.6.xx –

• Ir a la página de inicio del Front End.
• Registrarse.
• Haga clic en el botón “Crear una cuenta”.

Versión 1.7.0.x –

A continuación se detallan los pasos para visitar la Página de registro de clientes en la versión 1.7.0.x –

• Ir a la página de inicio del Front End.
• Iniciar sesión
• Haga clic en el enlace “¿Sin cuenta? Crea uno aquí “.

4.2.3 Página de contacto del cliente

Versión 1.6.xx –

A continuación se detallan los pasos para visitar la Página de contacto del cliente en la versión 1.6.xx:

• Ir a la página de inicio del Front End.
• Haga clic en la opción “Contáctenos”.

Versión 1.7.0.x –

A continuación se detallan los pasos para visitar la Página de contacto del cliente en la versión 1.7.0.x-

• Ir a la página de inicio del Front End.
• Haga clic en la opción “Contáctenos”.

4.2.4 Página de contraseña olvidada del cliente

Versión 1.6.xx –

A continuación se detallan los pasos para visitar la página de contraseña olvidada del cliente en la versión 1.6.xx-

• Ir a la página de inicio del Front End.
• Inicia sesión
• Haga clic en “¿Olvidó su contraseña?”.

Versión 1.7.0.x –

A continuación se detallan los pasos para visitar la página de contraseña olvidada del cliente en la versión 1.7.0.x-

• Ir a la página de inicio del Front End.
• Inicia sesión
• Haga clic en “¿Olvidó su contraseña?”.

Nota: Este módulo Prestashop Google reCaptcha de Knowband trabajará en la forma predeterminada de la tienda Prestashop para las páginas mencionadas anteriormente, es decir, Página de inicio de sesión del cliente, Página de registro del cliente, Página de contacto del cliente y Página olvidada de la contraseña del cliente. Este módulo no se aplicará a la página de pago de invitado.

¿Me gusto esto? Te gustarán estos también

• ¿Cómo integrar la protección Google reCaptcha en su tienda PrestaShop?