Crear un formulario de suscripción emergente en Brevo

Brevo Pop-ups están en versión beta y solo están disponibles para algunos usuarios. Estarán disponibles para todos los usuarios en el futuro.

Las ventanas emergentes son formularios de suscripción interactivos y se pueden activar después de un tiempo de demora, al intentar salir y solo en páginas específicas, lo que facilita la generación de leads. Los formularios de ventana emergente están diseñados para llamar la atención y, por lo general, son más pequeños y simples que los formularios de suscripción de página completa o incrustados.

Para saber cómo crear un formulario de suscripción de página completa/incrustado, consulte nuestro artículo dedicado Crear un formulario de suscripción en Brevo.

Este artículo se proporciona únicamente con fines informativos y no constituye asesoramiento legal. Aunque nos esforzamos por garantizar la exactitud y relevancia de la información, las leyes y normativas relacionadas con el marketing por email y la protección de datos, incluidas, entre otras, RGPD, CAN-spam y otras leyes de privacidad regionales, pueden variar y están sujetas a cambios. Se recomienda a los lectores que consulten con un profesional legal calificado o un experto en cumplimiento para asegurarse de que su proceso de confirmación doble cumpla con las leyes y normativas aplicables en su jurisdicción. El uso de cualquier ejemplo, plantilla o guía de este artículo es bajo su propia discreción y riesgo.

🗂️ Paso 1: instalar Brevo Pop-ups en el sitio web

La primera vez que cree un formulario de ventana emergente, debe instalar Brevo Pop-ups en su sitio web para activar y mostrar ventanas emergentes en él. Mientras tanto, puede seguir creando y diseñando formularios de ventana emergente.

  1. Vaya a Contacts (Contactos) > Forms (Formularios).
  2. Desde la pestaña Sign-up (Suscripción), haga clic en Create sign-up form (Crear formulario de suscripción).
  3. Seleccione la tarjeta Pop-up (Ventana emergente).
  4. Haga clic en el menú desplegable Website (Sitio web) y haga clic en + Add website (Añadir sitio web). Introduzca la URL de su sitio web y haga clic en Add website (Añadir sitio web) para confirmar.
    💡 Información relevante
    Para instalar formularios de Brevo Pop-ups en varios sitios web, comience por añadir la URL de su dominio principal e instale el Brevo Pop-ups en dicho sitio. No es necesario volver a instalar los archivos de configuración para los otros sitios web.
    ➡️ Por ejemplo, si desea formularios de ventana emergente tanto en https://www.brevo.com como en https://shop.brevo.com, empiece por https://www.brevo.com.
  5. Haga clic en Install Brevo Pop-up (Instalar Brevo Pop-ups) o Update Brevo Pop-ups (Actualizar Brevo Pop-ups), dependiendo de si ya ha instalado Brevo tracker para otra aplicación.
  6. Elija cómo quiere instalar Brevo Pop-ups en su sitio web:
    1. Elija una opción de instalación:
      • Con Google Tag Manager
      • Instalar Brevo tracker manualmente
    2. Haga clic en Continue (Continuar).
  7. Añada los archivos de configuración al sitio web:
    1. Siga las instrucciones que se muestran para la opción de instalación que haya elegido.
    2. Haga clic en Verify setup files (Verificar archivos de configuración).
      forms_step2-tracker_EN-US.png
  8. Añada Brevo tracker al sitio web:
    ❗️ Importante
    Si ya ha instalado Brevo tracker para otra aplicación, aún debe verificar qué versión tiene: solo la versión 2.0 admite Brevo Pop-ups.
    1. Siga las instrucciones que se muestran para la opción de instalación que haya elegido. Dependiendo de si ya ha instalado Brevo tracker para otra aplicación o no, las instrucciones serán diferentes.
    2. Haga clic en Verify Brevo tracker (Verificar Brevo tracker).

¡Ya puede crear Brevo Pop-ups para su sitio web!

✅ Paso 2: configurar el formulario de suscripción de ventana emergente

Una vez que haya instalado formularios de Brevo Pop-ups en su sitio web, puede crear el formulario de suscripción de ventana emergente:

  1. Vaya a Contacts (Contactos) > Forms (Formularios).
  2. Desde la pestaña Sign-up (Suscripción), haga clic en Create sign-up form (Crear formulario de suscripción).
  3. Seleccione la tarjeta Pop-up (Ventana emergente).
  4. Seleccione su sitio web o añada su URL.
  5. Introduzca el nombre del formulario para identificarlo rápidamente. Este nombre solo podrá verlo usted.
  6. Haga clic en Create form (Crear formulario).
    forms_set-up-popup-form_EN-US.png

🎨 Paso 3: diseñar el formulario de ventana emergente

Ahora puede comenzar a diseñar cómo se verá su formulario de ventana emergente y la confirmación de suscripción en su sitio web, tanto en equipos de escritorio como en dispositivos móviles.

Puede arrastrar y soltar bloques, así como configurar otros elementos para diseñar su formulario de suscripción de ventana emergente y la confirmación de la suscripción.

Los formularios deben ser sencillos para captar mejor la atención de los visitantes y cortos para incitarles a registrarse rápidamente sin tener que dar demasiada información sobre ellos mismos. Para cumplir con el RGPD, se recomienda encarecidamente utilizar el consentimento de RGPD, la declaración de RGPD y el Captcha.

Diseñar el formulario de ventana emergente y la confirmación de la suscripción

Haga clic en Create design (Crear diseño) para empezar a diseñar el formulario de suscripción de ventana emergente.

forms_create-design-popup_EN-US.png

Puede personalizar:

Formulario

Haga clic en la pestaña Form (Formulario) para comenzar a diseñar su formulario de suscripción de ventana emergente.

forms_popup-create-design_EN-US.pngExpanda los siguientes cuadros desplegables para obtener más información sobre los bloques disponibles para diseñar el formulario.

✏️ Text (Texto)

forms_text-block_EN-US.png

El bloque Text (Texto) permite incluir texto descriptivo en el formulario de suscripción. Puede añadir una introducción atractiva y proporcionar más contexto sobre el propósito del formulario. Al hacer clic en un bloque Text (Texto), aparece una barra superior. Esta barra le permite modificar el formato del texto (como el estilo, la fuente, el tamaño, el color y la alineación) e insertar enlaces.

💬 Input field (Campo de entrada)

forms_input-block_EN-US.png

El bloque Input field (Campo de entrada) le permite incluir campos en el formulario de suscripción para recopilar información esencial de los nuevos suscriptores. Los campos disponibles dependen de los atributos de contacto creados en Brevo, como direcciones de email, nombres, números de teléfono, etc.

El formulario debe incluir al menos un campo de Email, SMS o WhatsApp para que pueda comunicarse después con los suscriptores.

⚖️ GDPR opt-in (Consentimiento de RGPD)

forms_gdpr-field_en-us.jpg

El bloque GDPR opt-in (Consentimiento RGPD) permite a los suscriptores (denominados interesados en el RGPD) utilizar una casilla de verificación para dar su consentimiento para recibir sus newsletters y acceder a su política de privacidad de datos, que debe estar vinculada al formulario. Puede y debe modificar el texto de acuerdo con sus requisitos legales específicos.

➡️ Para obtener más información sobre cómo hacer que su formulario de suscripción cumpla con el RGPD, consulte nuestro artículo dedicado Directrices para un formulario de suscripción que cumpla con el RGPD.

Si utiliza el método de confirmación doble para su formulario, le recomendamos que añada el texto de consentimiento de su campo RGPD a la plantilla de email de confirmación doble. Esta es la única manera de probar el texto de consentimiento que aceptó el suscriptor. Para obtener más información, consulte nuestro artículo dedicado Confirmación doble: Por qué crear un formulario de suscripción de confirmación doble.

📜 GDPR Declaration (Declaración de RGPD)

forms_gdpr-declaration_EN-US.png

El bloque GDPR Declaration (Declaración de RGPD) notifica a los suscriptores (denominados interesados en el RGPD) que está utilizando Brevo como herramienta de marketing y que los datos que proporcionen en el formulario se transferirán a Brevo para su procesamiento de acuerdo con nuestra Política de privacidad. Puede y debe modificar el texto de acuerdo con sus requisitos legales específicos.

➡️ Para obtener más información sobre cómo hacer que su formulario de suscripción cumpla con el RGPD, consulte nuestro artículo dedicado Directrices para un formulario de suscripción que cumpla con el RGPD.

🤖 Captcha

forms_captcha-block_EN-US.png

Le recomendamos encarecidamente que utilice una confirmación de CAPTCHA para impedir que los robots de spam agreguen datos falsos a sus listas. Con Brevo, puede elegir entre Google reCAPTCHA o Cloudflare Turnstile CAPTCHA.

➡️ Para obtener más información, consulte nuestro artículo dedicado Añadir un CAPTCHA a un formulario de suscripción creado en Brevo.

Confirmación de registro

Haga clic en Sign-up confirmation (Confirmación de suscripción) para comenzar a diseñar el mensaje que aparecerá a los visitantes una vez que envíen su formulario de suscripción de ventana emergente. Este mensaje les permite saber que la suscripción se ha completado y lo que pueden esperar de usted a continuación.

Expanda el siguiente cuadro desplegable para obtener más información sobre el bloque disponible para diseñar su confirmación de suscripción.

✏️ Text (Texto)

forms_text-confirmation_EN-US.png

El bloque Text (Texto) permite incluir texto descriptivo en la confirmación de la suscripción. Puede añadir un atractivo mensaje de confirmación de suscripción y hacer saber a sus visitantes qué esperar de usted a continuación. Al hacer clic en un bloque Text (Texto), aparece una barra superior. Esta barra le permite modificar el formato del texto (como el estilo, la fuente, el tamaño, el color y la alineación) e insertar enlaces.

Ventana emergente y superposición de fondo

Puede personalizar el aspecto de su ventana emergente en su sitio web. El diseño se aplica tanto al formulario como a la confirmación de la suscripción. Haga clic en cada elemento de la vista previa para editarlo. También puede añadir imágenes individuales en la parte superior de su formulario y confirmación de suscripción.

Expanda los siguientes cuadros desplegables para obtener más información sobre los elementos de la ventana emergente que puede personalizar.

🔳 Superposición de fondo
forms_bg-overlay_EN-US.png Haga clic en la superposición de fondo de la vista previa para personalizarla. Puede elegir un color y una opacidad para el fondo para que su ventana emergente destaque.
💬 Ventana emergente (diseño, imagen, estilo)
forms_window_EN-US.png

Haga clic en la ventana emergente de la vista previa para personalizarla. Configure el diseño de la ventana emergente, incluyendo el diseño, el ancho, la alineación, el fondo, la opacidad y otros elementos.

También puede activar Show image (Mostrar imagen) y hacer clic en Select image (Seleccionar imagen) para insertar una imagen en la parte superior del formulario o confirmación de suscripción. Puede añadir el logotipo de la marca o cualquier otra imagen para que el formulario sea visualmente atractivo y atraiga más a los visitantes.

💡 Información relevante
Solo puede incluir una imagen en la parte superior para evitar sobrecargar a los visitantes.
🖱️ Button (Botón)
forms_button_EN-US.png Haga clic en el botón Submit (Enviar) de la vista previa para editar su alineación, color, bordes y esquinas.
✖️ Botón Cerrar
forms_close-button_EN-US.png Haga clic en el botón Cerrar para editar el color del icono en forma de X, el color de relleno, los bordes y la sombra.

Vista móvil

forms_mobile-popup_EN-US.png

Todos los formularios de Brevo están diseñados con un enfoque adaptativo de forma predeterminada.

Puede obtener una vista previa de cómo se verá el formulario de ventana emergente en un dispositivo móvil alternando entre la vista de escritorio y la vista móvil en la parte superior del editor. Tenga en cuenta que la vista móvil no se puede editar.

Una vez que esté satisfecho con el aspecto del formulario de ventana emergente, haga clic en Save and exit (Guardar y salir).

⚙️ Paso 4: configurar el formulario de ventana emergente

Expanda los siguientes cuadros desplegables para ver las opciones disponibles para configurar el formulario de ventana emergente.

Cuándo
  1. Elija cuándo verán los visitantes la ventana emergente en su sitio web.
    • Cuando se carga la página
      Seleccione la demora en segundos.
    • Cuando el usuario está a punto de abandonar la página
      El formulario de ventana emergente aparece cuando el usuario está a punto de abandonar la página: al intentar cerrar la pestaña de la página, introducir una nueva URL o alejar el ratón de la página.
  2. Seleccione el número de visitas antes de que la ventana emergente aparezca para un visitante.
  3. Seleccione el número de veces que un visitante puede ver el mismo formulario de ventana emergente.
  4. (Opcional) Si un visitante puede ver el mismo formulario de ventana emergente al menos dos veces, seleccione el tiempo de demora antes de que un visitante vuelva a verlo.
  5. Haga clic en Save (Guardar).
Dónde
  1. Elija las páginas en las que los visitantes verán la ventana emergente en su sitio web:
    • Mostrar en todas las páginas
      El formulario de ventana emergente puede aparecer en todas las páginas del sitio web.
    • Mostrar solo en estas páginas
      Introduzca la URL de las páginas en las que desea que aparezca la ventana emergente. Puede añadir hasta 20 URL.
    • Se muestra en todas las páginas excepto en estas
      Introduzca la URL de las páginas en las que no quiere que aparezca la ventana emergente. Puede añadir hasta 20 URL.
  2. Haga clic en Save (Guardar).
Gestión de consentimiento
❗️ Importante
Las confirmaciones dobles y simples solo están disponibles si ha añadido un campo de dirección de email al formulario de suscripción. De lo contrario, no se enviará ninguna confirmación.
  1. Decida si los visitantes deben confirmar su suscripción, recibir una confirmación por email o no:
    • [Recomendado] Double opt-in confirmation (Confirmación doble)

      Con la opción Double opt-in confirmation (Confirmación doble), sus suscriptores pasarán por un proceso de confirmación en dos pasos. Esto significa que recibirán un email con un enlace de confirmación (email de confirmación doble) después de enviar el formulario de suscripción. Tienen que hacer clic en este enlace para confirmar su suscripción y añadirlos a la base de datos de contactos de Brevo. De lo contrario, no se agregarán ni se suscribirán.

      El proceso de confirmación doble es útil para verificar que la dirección de email es válida y se recomienda para el cumplimiento del RGPD.

      ➡️ Para obtener más información, consulte nuestro artículo dedicado Confirmación doble: Por qué crear un formulario de suscripción de confirmación doble.

      1. Haga clic en el menú desplegable Select a template (Seleccionar una plantilla) y seleccione una de las siguientes opciones:
        1. Seleccione la plantilla Default Template Double opt-in confirmation (Plantilla predeterminada de confirmación doble). Puede modificar la plantilla predeterminada yendo a Campaigns (Campañas) > Templates (Plantillas) > Email y buscando "Plantilla predeterminada de confirmación doble" en la barra de búsqueda.
        2. También puede seleccionar una plantilla personalizada que ya haya creado.
          ❗️ Importante
          Si quiere crear su propia plantilla personalizada, asegúrese de seguir el procedimiento descrito en el artículo Cómo crear una plantilla de confirmación doble para los formularios de suscripción de Brevo para incluir el campo obligatorio. De lo contrario, la plantilla personalizada no aparecerá en el menú desplegable.
      2. (Opcional) Marque la casilla Send confirmation email (Enviar email de confirmación) si desea que los visitantes reciban un email confirmando su suscripción, y seleccione la plantilla del email de confirmación.
    • Single opt-in confirmation (Confirmación de consentimento simple)

      Con la opción Simple opt-in confirmation (Confirmación de consentimiento simple), los contactos reciben un email de confirmación y se añaden a la base de datos de contactos de Brevo inmediatamente después de enviar el formulario de suscripción.

      1. Haga clic en el menú desplegable Select a template (Seleccionar una plantilla) y seleccione una de las siguientes opciones:
        1. Seleccione la plantilla Default Template Single opt-in confirmation (Plantilla predeterminada de confirmación de consentimiento simple). Puede modificar la plantilla predeterminada yendo a Campaigns (Campañas) > Templates (Plantillas) > Email y buscando "Plantilla predeterminada de confirmación simple" en la barra de búsqueda.
        2. También puede seleccionar una plantilla personalizada que ya haya creado.

    • No confirmation (Sin confirmación)

      Con la opción No confirmation (Sin confirmación), los suscriptores se añaden a la base de datos de contactos de Brevo justo después de enviar el formulario de suscripción. No reciben ningún email que confirme la suscripción.

  2. Haga clic en Save (Guardar).
Gestión de contactos
  1. Elija las listas a las que deben añadirse los contactos.
    Seleccione o cree la(s) lista(s) a la(s) que desea agregar sus contactos cuando envíen el formulario.
  2. (Opcional): Marque Block sign-ups with a disposable email address (Bloquear suscripciones con una dirección de email desechable) para añadir una capa adicional de protección y así evitar que se registren direcciones de email falsas o contactos no interesados.
  3. Haga clic en Save (Guardar).

🚀 Paso 5: activar el formulario de ventana emergente

Una vez que haya diseñado y configurado el formulario de ventana emergente, haga clic en Activate (Activar) y Activate form (Activar formulario) para confirmar. El formulario de ventana emergente ya está disponible en su sitio web. 🎉

👀 Paso 6: Ver qué contactos se suscribieron a través del formulario de suscripción

Puede acceder a la información sobre los suscriptores que se han registrado a través del formulario. Expanda los siguientes cuadros desplegables para saber dónde puede ver detalles sobre sus envíos del formulario de suscripción.

Número de nuevos contactos y envíos

Para ver cuántos nuevos contactos se inscribieron a través de su formulario y cuántas veces se envió el formulario, vaya a Contacts > Forms (Contactos > Formularios) y vea la columna New contacts (Nuevos contactos) y Submits (Envíos):

forms-listing-submits_en-us.png

Suscripción de un contacto específico

Puede comprobar si un contacto específico se ha suscrito a través del formulario consultando su historial de la página de detalles:

Logs de eventos de automatización de envío de formularios

Para ver y descargar los eventos relacionados con el envío de formularios, vaya a Automations (Automatizaciones) > Logs > Event logs (Logs de eventos) y seleccione Forms (Formularios) en el menú desplegable All Events (Todos los eventos). A continuación, haga clic en el icono 📥 de descarga  para descargar los eventos en un archivo .CSV. Cuando el archivo se haya descargado, ábralo y filtre los eventos según el nombre de su formulario de suscripción.

forms_event-logs_en-us.jpg

Confirmación doble, simple o sin confirmación

Después de incluir una doble confirmación en el formulario de suscripción, se añadirá automáticamente un nuevo atributo de contacto llamado DOUBLE_OPT-IN a su base de datos de contactos en Brevo.

Los contactos que pasaron por el proceso de confirmación doble tendrán el valor Yes (Sí) dentro de este campo. Si el contacto se suscribió con confirmación simple o sin confirmación, el valor de este campo será No. Si el contacto se añadió a través de un método distinto al formulario de suscripción, este campo estará en blanco.

double_opt-in_attribute.jpg

🤔 ¿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: 2 de 15