Crear un formulario de suscripción en Brevo

Los formularios de suscripción son imprescindibles en cualquier estrategia de marketing online. Para aumentar su base de datos de contactos, necesita un formulario convincente en todos los lugares correctos. Las personas que se suscriben a través de sus formularios de suscripción han leído su contenido, les ha gustado lo que vieron y quieren más de lo mismo. Han decidido activamente unirse a su lista de contactos, mostrando su implicación e interés en lo que tiene que decir. Estos son los contactos que quiere tener.

Información relevante

 

Para empezar a utilizar los formularios de suscripción de Brevo, eche un vistazo a nuestro siguiente vídeo ⬇️.

Paso 1: Configurar el formulario de suscripción

  1. Vaya a Contacts (Contactos) > Forms (Formularios).
  2. En la pestaña Subscription (Suscripción), haga clic en Create a new subscription form (Crear un nuevo formulario de suscripción).
  3. Asigne un nombre interno al formulario.
  4. Habilite la opción Enable GDPR fields (Habilitar campos de RGPD) para incluir automáticamente los bloques GDPR field (Campo de RGPD) y GDPR Declaration (Declaración de RGPD) en el formulario. Estos bloques son importantes para garantizar que sus prácticas de marketing por email y SMS cumplan con el RGPD.
    mceclip0 (3).png
  5. Haga clic en Next (Siguiente).

Paso 2: Diseñar el formulario de suscripción

En el editor de formularios, encontrará un formulario prediseñado que se puede personalizar para satisfacer sus necesidades.

En el lado izquierdo del editor, encontrará dos pestañas: la pestaña Build (Crear), donde puede encontrar bloques y campos, y la pestaña Form design (Diseño de formulario), donde puede encontrar elementos de diseño:

Pestaña Build (Crear) Pestaña Form design (Diseño de formulario)

En la pestaña Build (Crear), encontrará los bloques y campos que puede arrastrar y soltar para diseñar su formulario de suscripción.

A continuación le explicamos cada una de ellas, pero puede elegir las que quiera. No es necesario que las utilice todas en su formulario, excepto GDPR field (Campo de RGPD), GDPR Declaration (Declaración de RGPD) y el Captcha, que le recomendamos encarecidamente que incluya.

forms_build_tab_en-us.jpg

✒️ Title (Título)

forms_title_en-us.jpg

El bloque Title (Título) le permite incluir títulos en su formulario de suscripción. Le recomendamos que agregue un título destacado en la parte superior de su formulario de suscripción para proporcionar información sobre el propósito del formulario.

✏️ Text (Texto)

forms_text_en-us.jpg

El bloque Text (Texto) le permite incluir texto descriptivo en el formulario de suscripción. Puede agregar una introducción atractiva y proporcionar más contexto sobre el propósito del formulario.

🖼️ Image (Imagen)
forms_image_en-us.jpg El bloque Image (Imagen) le permite incluir imágenes en el formulario de suscripción. Puede agregar el logotipo de la marca o cualquier otra imagen para que el formulario sea visualmente atractivo y atraiga más a los visitantes. 
〰️ Divider (Divisor)

forms_divider_en-us.jpg

El bloque Divider (Divisor) le permite incluir un divisor horizontal en el formulario de suscripción. Los divisores pueden ayudar a organizar visualmente las diferentes secciones del formulario de suscripción, lo que facilita la navegación.

💬 Attribute (Atributo)

forms_attribute_en-us.jpg

El bloque Attribute (Atributo) 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.

🎯 Multi-select subscriptions (Suscripciones multilista)

forms_multi-select-subscriptions_en-us.jpg

El bloque Multi-select subscriptions (Suscripciones multilista) permite a los nuevos suscriptores seleccionar sus intereses o preferencias durante el registro y agregarlos a las listas correspondientes.

Para obtener más información, consulte el artículo Permitir que los contactos se suscriban o cancelen la suscripción a listas específicas mediante un formulario (suscripciones multilista).

🔘 Single choice (Elección única)
forms_single-choice_en-us.jpg forms_single-choice_dropdown_en-us.jpg

El bloque Single choice (Elección única) permite a los suscriptores seleccionar una opción entre varias opciones disponibles. Antes de añadir este bloque a su formulario de suscripción, deberá crear un atributo de tipo categoría con varias opciones.

Estas opciones se pueden mostrar en el formulario mediante un botón de radio o un menú desplegable. Por ejemplo, puede ofrecerles la opción de elegir la frecuencia o el idioma de las newsletters que les gustaría recibir.

💡 Información relevante
Si desea personalizar el texto del menú desplegable "Select one" (Seleccionar uno) para el elemento Single choice (Opción única), localice <option value="" disabled selected hidden>Select one</option> en el código HTML de su formulario y sustituya "Select one" por el valor deseado.
🔢 Opciones múltiples (disponible en breve)
❗️ Importante
Por ahora, el atributo de elección múltiple solo se puede utilizar para almacenar información sobre sus contactos. Pronto podrá utilizarlos en formularios.

El bloque de opciones múltiples permitirá a los suscriptores seleccionar una o más opciones de entre varias disponibles. Antes de añadir este bloque a su formulario de suscripción, deberá crear un atributo de tipo opciones múltiples con varias opciones.

Por ejemplo, podría darles la opción de elegir los deportes que practican o los idiomas que hablan.

✅ Checkbox (Casilla de verificación)

forms_checkbox_en-us.jpg

El bloque Checkbox (Casilla de verificación) permite a los suscriptores seleccionar Sí o No en ciertos atributos. Antes de agregar este bloque a su formulario de suscripción, primero debe crear un atributo de tipo booleano. Por ejemplo, puede agregar un campo que pregunte si están interesados en las ofertas de un socio comercial.
⚖️ GDPR field (Campo de RGPD)

forms_gdpr-field_en-us.jpg

El bloque GDPR field (Campo de GDPR 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 el artículo Crear un formulario de suscripción a emails que cumpla con el RGPD.

📜 GDPR Declaration (Declaración de RGPD)

forms_gdpr-declaration_en-us.jpg

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 el artículo Crear un formulario de suscripción a emails que cumpla con el RGPD.

🤖 Captcha

forms_captcha_en-us.jpg

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 el artículo Añadir un CAPTCHA al formulario de suscripción.

Vista móvil

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 suscripción 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.

Paso 3: Seleccionar las listas en las que se añadirán los suscriptores

Seleccione las listas en las que desea que los nuevos suscriptores se agreguen automáticamente una vez que envíen el formulario. Puede seleccionar una lista existente o crear una nueva.

Paso 4: Administrar los ajustes de configuración de confirmación de la suscripción

❗️ 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.

Seleccionar la opción de confirmación de la suscripción

Tiene tres opciones para gestionar las confirmaciones de suscripción:

[Recomendado] Doble confirmación Confirmación simple Sin confirmación

Con la opción Double 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 el artículo Por qué crear un formulario de suscripción de confirmación doble.

Añadir al formulario una confirmación doble

  1. En el paso Settings (Configuración), seleccione Double confirmation email (Doble email de confirmación).
  2. 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 por defecto desde Campaigns (Campañas) > Templates (Plantillas) > Email templates (Plantillas de email).
    2. También puede seleccionar una plantilla personalizada que ya haya creado.
      select_template.png
      ❗️ 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 de doble «opt-in» para los formularios de Brevo para incluir los campos obligatorios. De lo contrario, la plantilla personalizada no aparecerá en el menú desplegable.
  3. (Opcional) Configurar otros ajustes de la doble confirmación:
    Confirmation page after submitting the form (Página de confirmación después de enviar el formulario)

    Habilite esta opción para redirigir a sus suscriptores a una página específica, como una página de confirmación o la página de inicio de su sitio web, después de que envíen el formulario. Puede utilizar nuestra página de confirmación predeterminada o crear una personalizada y vincularla.

    Confirmation page after clicking the validation link in the email (Página de confirmación después de hacer clic en el enlace de confirmación del email)

    Habilite esta opción para redirigir a los suscriptores a una página específica, como una página de confirmación o la página de inicio del sitio web, después de que hagan clic en el enlace de confirmación de suscripción que han recibido en el email de confirmación doble después de enviar el formulario. Puede utilizar nuestra página de confirmación predeterminada o crear una personalizada y vincularla.

    Final Confirmation Email (Email de confirmación final)

    Habilite esta opción para que los suscriptores reciban un email de confirmación final después de completar el proceso de confirmación doble. La plantilla predeterminada para el email de confirmación final se denomina Default template - Final Confirmation (Plantilla predeterminada - Confirmación final) y puede modificarla en Campaigns (Campañas) > Templates (Plantillas) > Email templates (Plantillas de email).

    💡 Información relevante
    Las páginas de confirmación predeterminadas no se pueden actualizar, pero se adaptarán al idioma del navegador del suscriptor.

¿Cómo puedo saber qué contactos han pasado por el proceso de confirmación doble?

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 agregó a través de un método distinto al formulario de suscripción, este campo estará en blanco.

double_opt-in_attribute.jpg

(Opcional) Configurar los ajustes avanzados del formulario de suscripción

Para configurar los ajustes avanzados del formulario de suscripción, haga clic en Show advanced settings (Mostrar ajustes avanzados):

Temporary Emails (Emails temporales)

Habilite esta opción para rechazar direcciones de email temporales creadas en servicios de direcciones de email desechables, como Yopmail, MyTrashMail, etc. Las direcciones de email desechables tienden a sufrir bounce después de un tiempo y terminan afectando negativamente a la entregabilidad.

Completed form behavior option (Opción de comportamiento del formulario completado)

Habilite esta opción para ocultar el formulario de suscripción una vez que se haya enviado. Si no habilita esta opción, el formulario seguirá apareciendo en modo de entrada para los suscriptores incluso después de que lo hayan completado y enviado correctamente.

💡 Información relevante
Aunque habilite esta opción, el formulario volverá a aparecer si cargan de nuevo la página.

Paso 5: Configurar los mensajes de éxito y error

Configure los mensajes de éxito y error que se muestran cuando los suscriptores envían el formulario de suscripción:

forms_success_message_example_en-us.jpg

  • Success message (Mensaje de éxito): el contacto ha enviado correctamente el formulario.
  • Invalid user information (Información de usuario no válida): el contacto ha enviado información no válida en el formulario.
  • Error message (Mensaje de error): se ha producido un error al intentar procesar el envío del formulario.
  • Empty field (Campo vacío): el contacto no ha completado un campo obligatorio.

Paso 6: Compartir el formulario de suscripción

Ahora puede compartir el formulario de suscripción a través de las redes sociales, el email, un código QR o el sitio web. Para obtener consejos sobre dónde colocar el formulario de suscripción, puede ver nuestro video o usar los acordeones siguientes ⬇️:

🔗 Compartir la URL del formulario de suscripción en las redes sociales o por email

Copie la URL del formulario de suscripción y compártalo en las redes sociales o por email. Cuando alguien haga clic en el enlace, se le dirigirá a una página web que contiene el formulario.

➡️ Para obtener más información sobre cómo agregar un enlace en un email creado en el editor Drag and Drop, consulte el artículo Editor Drag and Drop - Parte 3: ¿Cómo usar bloques de contenido? (Texto y enlaces, imagen, botón, etc.).

contacts_forms_email.gif

💡 Información relevante
Puede obtener una vista previa de la página web en la que aparecerá el formulario de suscripción haciendo clic en Preview your form (Vista previa del formulario), debajo del campo URL.
📸 Compartir el código QR del formulario de suscripción en lugares físicos

Descargue el código QR del formulario de suscripción como archivo PNG y compártalo en lugares físicos donde haga negocios, como una tienda o un evento. Por ejemplo, puede imprimirlo en tarjetas de visita o mostrarlo en una tableta. Los visitantes que escaneen el código QR con sus dispositivos móviles se redirigen directamente a la vista móvil del formulario.

THE GREEN YOGA.png

🌐 Insertar el formulario de suscripción en el sitio web

contacts_forms_embed_en.jpg

Copie el código de inserción del formulario de suscripción e insértelo en su sitio web. Hay tres tipos de código que puede copiar:

  • [Recomendado] Iframe: fácil de integrar, este código permite incorporar el formulario dentro de una página del sitio web. Puede cambiar la altura y la anchura del bloque.
  • HTML: el código HTML es mucho más personalizable, con animación Ajax para los mensajes.
  • HTML simple: versión simplificada del código del formulario HTML en la que no es necesario invocar JavaScript.
    💡 Información relevante
    Los elementos que necesitan llamar a JavaScript, como CAPTCHA, las páginas de confirmación predeterminadas y los mensajes de éxito y error, no se pueden incluir en el código HTML simple.

contacts_form_website.gif

Muchas plataformas de creación de sitios web de terceros permiten integrar formularios de suscripción de Brevo. Para obtener instrucciones específicas sobre cómo incorporar un formulario de suscripción en el sitio web, puede consultar los siguientes artículos de ayuda:

Le recomendamos que consulte el centro de ayuda del proveedor de su sitio web o que se ponga en contacto con el equipo de soporte si no está en la lista anterior.

Paso 7: Guardar el formulario de suscripción

¡Eso es todo! Ahora, haga clic en Done (Listo) en la parte inferior del paso Share (Compartir) para asegurarse de que el formulario de suscripción se queda guardado.

Cuando alguien envíe el formulario de suscripción, se añadirá a su base de datos de contactos de Brevo (a menos que pase por un proceso de confirmación doble, para lo cual primero tendrá que hacer clic en el enlace del email de confirmación).

Paso 8: Ver qué contactos se han suscrito a través del formulario de suscripción

Puede acceder a la información sobre los suscriptores generados a través de su formulario de suscripción:

Desde la página Forms (Formularios)

Para ver cuántos contactos se han suscrito a través del formulario, vaya a Contacts (Contactos) > Forms (Formularios) y consulte la columna Number of subscriptions (Número de suscripciones):

Desde la página de datos de contacto

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

Desde los logs de eventos de automatización

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

🤔 ¿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: 103 de 198