Cómo añadir un CAPTCHA en una "página de contacto"

En esta página aprenderás cómo añadir un CAPTCHA en una página de contacto en systeme.io.

Necesitarás:

  • Una cuenta en systeme.io
  • Un dominio previamente integrado
  • Una página de contacto
  • Una cuenta de Google para acceder al servicio de Google reCAPTCHA.

Parte 1:

Para añadir un captcha a una página de contacto en systeme.io utilizando el servicio de Google reCAPTCHA, debes generar las credenciales necesarias a través del siguiente sitio:

Al ingresar a este sitio, debes hacer clic en la opción "v3 Admin Console" e iniciar sesión en tu cuenta de Google.

Y debes completar la información solicitada:
1. Añadir una "Etiqueta" que te permitirá identificar con facilidad el sitio en el futuro
2. Seleccionar  "reCAPTCHA v2" y selecciona el tipo de reCAPTCHA que deseas añadir a tu página de contacto
3. Añadir tu nombre de dominio y tu dirección de correo electrónico

4. Aceptar los términos de servicio de reCAPTCHA y enviar la solicitud

Una vez la solicitud haya sido enviada, serás redirigido a la página en donde las credenciales necesarias serán generadas: la clave del sitio y la clave secreta:

Parte 2: 

Una vez las dos claves hayan sido generadas, tienes que añadirlas en tu cuenta de systeme.io.
Haz clic "Configuración" (número 1) y selecciona la opción "Dominios personalizados" (número 2)

Haz clic en el icono de los tres puntos frente al nombre de dominio que contiene las páginas de contacto en donde deseas que el reCAPTCHA sea visualizado, y selecciona la opción configuración (número 3)

Se desplegará una ventana emergente y en la sección "Configuración de reCAPTCHA" debes insertar las dos claves previamente generadas: clave del sitio y clave secreta (número 4).

Luego del haber insertado las dos claves, debes hacer clic en el botón "Guardar" (número 5) para conservar los cambios efectuados y empezar a utilizar el reCAPTCHA en tus páginas de contacto.

Nota 1: Luego de esta configuración, el elemento reCAPTCHA será implementado en todas las páginas de contacto creadas bajo este dominio y estará listo para usar.

Para la personalización del elemento reCAPTCHA, debes ingresar a la página de contacto, seleccionar la configuración del elemento y aplicar los ajustes permitidos en el panel lateral izquierdo.

Nota 2: Debes asegurarte que el nombre de dominio que haya sido seleccionado en tu túnel, coincida con el que ingresaste en tu cuenta de Google al momento de generar las claves.

¡Así se ve el resultado!