Búsqueda

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 obtener más información sobre las demás técnicas, consulte nuestro artículo dedicado Proteger los formularios de bots y registros de spam.
  • Puede añadir formularios de suscripción a su sitio de WordPress mediante el plugin de Brevo para WordPress. Para obtener más información, consulte nuestro artículo dedicado Plugin de Brevo para WordPress: conecte su sitio de WordPress con Brevo.
  • En este artículo se explica cómo añadir un CAPTCHA a su formulario de suscripción de Brevo mediante reCAPTCHA v2 o v3. Si quiere configurar reCAPTCHA Enterprise, consulte la documentación de Google Cloud.

¿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 de verificación "No soy un robot":

Ejemplo de gif de CAPTCHA

❗️ Importante
Le recomendamos que incluya siempre un CAPTCHA en sus formularios, como el Google reCAPTCHA v3 o Google reCAPTCHA v2 con la casilla "No soy un robot ".

¿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. En la siguiente tabla se muestra una comparación de ambos para ayudarle a decidir cuál usar:

  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.

Paso 1: Crear su CAPTCHA

Empiece por crear su CAPTCHA preferido:

Crear un Google reCAPTCHA Crear un Cloudflare Turnstile CAPTCHA

Para crear un Google ReCAPTCHA:

  1. Inicie sesión en su cuenta de Google o cree una nueva.
  2. Vaya a la consola de administración de reCAPTCHA en este enlace: https://www.google.com/recaptcha/admin/create.
  3. Introduzca un nombre interno para su reCAPTCHA en el campo Label (Etiqueta).

  4. 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.

  5. Rellene el campo Domains (Dominios) en función de cómo tenga previsto compartir su formulario: 

    ❗️ Importante
    Si no tiene claro qué dominio se aplica a su configuración, añada ambossibforms.com y your-website-domain.com. Esto funciona para todos los métodos de compartición de formularios y evita los errores de CAPTCHA más comunes.
    Cómo tiene previsto compartir su formulario Dominio que añadir Tipo de formulario
    Enlace para compartir rápido sibforms.com Formulario de suscripción estándar
    Iframe integrado sibforms.com Formulario de suscripción estándar
    HTML integrado your-website-domain.com (p. ej., thegreenyoga.com) Formulario de suscripción estándar
    Formulario emergente sibforms.com Formulario emergente
    No estoy seguro/a sibforms.com y your-website-domain.com Todos los tipos

    Para obtener más información sobre las diferentes formas de compartir un formulario, consulte nuestra sección dedicada en el artículo Crear un formulario de suscripción en Brevo.

  6. Haga clic en Submit (Enviar).

Su reCAPTCHA ya está creado. Verá una página que muestra la clave del sitio y la clave secreta. Mantén esta página abierta, ya que necesitarás estas claves para el Paso 2 para configurar el reCAPTCHA dentro de tu 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 un formulario de suscripción creado en Brevo:

  1. Inicie sesión en su cuenta de Brevo.
  2. Vaya a Marketing > Forms (Formularios).

  3. Cree un nuevo formulario de suscripción o abra uno existente.
    ➡️ Para obtener más información, consulte nuestros artículos dedicados Crear un formulario de suscripción en Brevo y Crear un formulario de suscripción emergente en Brevo. 

    Formulario de suscripción estándar Formulario emergente
    1. En el paso Design (Diseño), arrastre y suelte el bloque Captcha en su formulario de suscripción.
      forms_captcha-block_en-us.jpeg
    2. 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.
    3. 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.
    4. (Opcional) Añada un nombre de etiqueta y un texto de ayuda a su CAPTCHA.

    5. 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 obtener 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

💡 Información relevante
Si utiliza los formularios de suscripción de Brevo a través del plugin de WordPress, consulte nuestra sección dedicada a la solución de problemas en el artículo Plugin de Brevo para WordPress: conecte su sitio de WordPress con Brevo.

Después de configurar su formulario, ábralo para comprobar si hay mensajes de error. 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 Cloudflare depende de cómo prevea compartir el formulario en su sitio web:

  • Si quiere compartir su formulario mediante Quick Share o Iframe
    Añada el dominio sibforms.com. Se trata del dominio que utiliza Brevo para alojar el formulario.
  • Si desea 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 tiene claro qué dominio añadir, puede añadir ambos: sibforms.com y your-website-domain.com. Esta opción funciona con todos los métodos para compartir formularios y evita los errores de CAPTCHA más comunes.
❌ 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.

➡️  Por ejemplo
Si ha creado un Google v3 reCaptcha en el paso 1, asegúrese de seleccionar reCaptcha v3 en el menú desplegable Captcha Type (Tipo de captcha) en el editor de formularios durante el paso 2.

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 la opción HTML simple para compartir mi formulario

Si incluye un CAPTCHA, no podrá compartir el formulario con HTML simple. HTML simple es una versión simplificada del HTML de su formulario que no necesita JavaScript. Sin embargo, puesto que CAPTCHA requiere JavaScript, no será posible compartir su formulario a través de HTML simple.

❌ Utilicé la 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 la agencia partner de Brevo adecuada.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 500 de 739