Añadir un CAPTCHA a un formulario de suscripción creado en Brevo

Le recomendamos encarecidamente que utilice una confirmación CAPTCHA en sus formularios para protegerse de los ataques de bots y de los registros en spam, que pueden dar lugar a problemas como la adición de datos falsos a sus listas. Si está creando su formulario de suscripción en Brevo, puede elegir entre Google reCAPTCHA o Cloudflare Turnstile CAPTCHA.

Información relevante

Añadir un CAPTCHA a su formulario de suscripción es una de las diversas técnicas y prácticas recomendadas disponibles para proteger sus formularios de bots y registros de spam. Para saber más sobre las demás técnicas, consulte nuestro artículo dedicado Proteja sus formularios de los bots y de los registros en spam.

¿Qué es un CAPTCHA?

Un CAPTCHA es una funcionalidad de seguridad utilizada en formularios para distinguir entre usuarios humanos y bots. Por lo general, presenta un desafío que es fácil de resolver para los humanos pero difícil para los bots, como identificar texto distorsionado, seleccionar imágenes específicas o resolver problemas matemáticos simples.

He aquí un ejemplo del aspecto de Google ReCAPTCHA (v2) con la casilla ""I'm not a robot" (No soy un robot):

Ejemplo de gif de CAPTCHA

¿Cuál es la diferencia entre Google ReCAPTCHA y Cloudflare Turnstile CAPTCHA?

Google ReCAPTCHA y Cloudflare Turnstile CAPTCHA son herramientas diseñadas para evitar que los robots envíen formularios e interactúen con los sitios web. A continuación se incluye una breve comparación de los dos:

  Google reCAPTCHA Cloudflare Turnstile CAPTCHA
Proveedor Google Cloudflare
Integration Ampliamente utilizado en la web. Más comúnmente utilizado entre los sitios web que utilizan los servicios de Cloudflare para necesidades de seguridad más amplias.
Tipo de verificación Requiere que los usuarios interactúen mediante una casilla de verificación o un desafío invisible para confirmar que son humanos. Proporciona desafíos personalizables basados en el comportamiento de los bots detectados.
Facilidad de uso Por lo general, es fácil de implementar con instrucciones de configuración sencillas. Perfectamente integrado para sitios web que utilizan los servicios de Cloudflare.
Coste Gratuito para la mayoría, pero Google puede recopilar datos de los usuarios para mejorar sus servicios. Incluido en los planes de servicio de Cloudflare, cuyos precios varían en función de las funcionalidades y el uso.
💡 Información relevante

Como práctica recomendada, se sugiere incluir en su formulario de suscripción al menos un CAPTCHA con una casilla de verificación, como Google ReCAPTCHA v2 con la casilla "No soy un robot".

Paso 1: crear el CAPTCHA

Empiece por crear su CAPTCHA preferido:

Crear un Google reCAPTCHA Crear un Cloudflare Turnstile CAPTCHA

Para crear un Google ReCAPTCHA:

  1. Vaya a https://www.google.com/recaptcha/about/.
  2. Haga clic en v3 Admin Console en el encabezado.
  3. Inicie sesión en su cuenta de Google o cree una nueva.
  4. Introduzca un nombre interno para su reCAPTCHA en el campo Label (Etiqueta).
  5. Seleccione el tipo de reCAPTCHA que desea utilizar:
    Tipo de reCAPTCHA Interacción con el usuario Ventajas Desventajas
    Basado en puntuación (v3) Siempre invisible, trabaja de forma sigiloosa para detectar el comportamiento de los bots sin interrupción del usuario. Proporciona una mayor seguridad sin alterar la experiencia del usuario. Requiere una implementación cuidadosa para interpretar correctamente las puntuaciones y tomar las medidas adecuadas en función de esas puntuaciones.
    reCAPTCHA (v2): casilla de verificación "No soy un robot" Siempre requiere que los usuarios hagan clic en una casilla de verificación para confirmar que son humanos. Sencillo para los usuarios y eficaz contra la mayoría de los bots. A veces puede interrumpir la experiencia del usuario con pasos de verificación adicionales, como los desafíos basados en imágenes.
    reCAPTCHA (v2): insignia invisible de reCAPTCHA

    Por lo general, se ejecuta de forma invisible, pero puede mostrar un desafío cuando sea necesario.

    Reduce la interacción del usuario al tiempo que es capaz de plantear desafíos cuando se detecta una actividad sospechosa.

    Puede interrumpir ocasionalmente la experiencia del usuario con pasos de verificación adicionales, si el sistema detecta un comportamiento potencialmente sospechoso.
  6. Rellene el campo Domains (Dominios) en función de cómo desee compartir el formulario en su sitio web:
    • Si desea compartir su formulario usando Quick Share o Iframe, añada el dominio sibforms.com. Se trata del dominio que utiliza Brevo para alojar el formulario.
    • Si quiere integrar su formulario con HTML, añada el dominio del sitio web donde se mostrará el formulario. Por ejemplo, si desea añadir el formulario en la página web https://www.thegreenyoga.com/, introduzca www.thegreenyoga.com en este campo.
      💡 Información relevante
      Si no está seguro de cómo compartirá el formulario, puede añadir los dos dominios anteriores.
  7. Haga clic en Submit (Enviar).

Su reCAPTCHA ya está creado. Verá una página que muestra la clave del sitio y la clave secreta. Mantenga esta página abierta, ya que necesitará estas claves para el Paso 2 para configurar el reCAPTCHA dentro de su formulario.

forms_captcha_secret-key_site-key_en-us.jpeg

Paso 2: añadir el CAPTCHA a un formulario de suscripción

Para añadir el CAPTCHA a una suscripción creada en Brevo:

  1. Inicie sesión en su cuenta de Brevo.
  2. Vaya a Contacts (Contactos) > Forms (Formularios).
  3. Cree un nuevo formulario de suscripción o abra uno existente.
    ➡️ Para obtener más información, consulte el artículo Crear un formulario de suscripción.
  4. En el paso Design (Diseño), arrastre y suelte el bloque Captcha en su formulario de suscripción.
    forms_captcha-block_en-us.jpeg
  5. En el menú desplegable Captcha Type (Tipo de captcha), seleccione reCAPTCHA v2, reCAPTCHA v3 o Cloudflare en función del CAPTCHA creado en el paso 1.
  6. Copie y pegue la clave del sitio y la clave secreta que se mostraron después de completar el paso 1 en sus campos respectivos.
  7. (Opcional) Añada un nombre de etiqueta y un texto de ayuda a su CAPTCHA.
  8. Si ha creado un reCAPTCHA v2 con la insignia de reCAPTCHA invisible en el Paso 1, seleccione Invisible Captcha (Captcha invisible).

    contacts_forms_recaptcha.png

¡Eso es todo! Ha añadido el CAPTCHA a su formulario de suscripción. Ahora, complete la configuración de su formulario de suscripción y compártalo en su sitio web.

➡️ Para más información, consulte nuestro artículo dedicado Crear un formulario de suscripción en Brevo - Compartir el formulario de suscripción.

Solución de problemas

Le ofrecemos algunos consejos para la solución de problemas de errores y cuestiones comunes relacionados con CAPTCHA:

❌ Recibo el error "Invalid domain for site key" (Dominio no válido para la clave del sitio).

El dominio que tiene que introducir en Google o Cloudfare depende de cómo prevea compartir el formulario en su sitio web:

  • Si desea compartir su formulario usando Quick Share o Iframe
    Añada el dominio sibforms.com. Se trata del dominio que utiliza Brevo para alojar el formulario.
  • Si quiere integrar su formulario con HTML
    Añada el dominio del sitio web donde se mostrará el formulario. Por ejemplo, si desea añadir el formulario de http://www.thegreenyoga.com, añada thegreenyoga.com en este campo.
    💡 Información relevante
    Si no está seguro de cómo compartirá el formulario, puede añadir los dos dominios anteriores.
❌ Recibo el error "Invalid key type" (Tipo de clave no válido).

Cuando añada un reCAPTCHA a un formulario, asegúrese de introducir la clave del sitio y la clave secreta específicas del tipo de reCAPTCHA que ha creado.

Las claves de sitio y las claves secretas de un tipo son independientes del otro tipo:

  • Las claves para la casilla de verificación reCAPTCHA solo deben usarse para este sistema y no para Invisible reCAPTCHA.
  • Las claves para Invisible reCAPTCHA solo deben usarse para este sistema y no para la casilla de verificación reCAPTCHA.
❌ No puedo ver el CAPTCHA en mi formulario.

El HTML simple no incluye JavaScript

Si comparte su formulario usando HTML simple, el CAPTCHA no se incluirá. HTML simple es una versión simplificada del HTML de su formulario que no necesita JavaScript. Sin embargo, dado que CAPTCHA requiere JavaScript, no se incluirá en formularios compartidos mediante HTML simple.

Misma clave de sitio y clave secreta en varios formularios

No recomendamos utilizar la misma clave de sitio ni clave secreta en varios formularios ya que a veces puede causar errores y conflictos con los formularios.

⏩ ¿Qué es lo siguiente?

🤔 ¿Tiene alguna duda?

Si tiene alguna pregunta, no dude en ponerse en contacto con nuestro equipo de asistencia mediante la creación de un ticket desde su cuenta. Si todavía no tiene una cuenta, puede ponerse en contacto con nosotros aquí.

Si necesitas ayuda con un proyecto usando Brevo, podemos ponerte en contacto con un socio certificado de Brevo.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 208 de 323