Hemos creado una serie de artículos para ayudarle a crear sus formularios de suscripción. En este artículo veremos el paso de Diseño de los formularios de suscripción.

Brevo permite personalizar varios elementos del formulario de suscripción, como el fondo, el texto (fuente, tamaño, color), los campos del formulario, el texto de la llamada a la acción y el mensaje de éxito (que confirma que el usuario se ha suscrito correctamente).

Arrastre y suelte los elementos

Para diseñar el formulario, basta con que arrastre y suelte los bloques de contenido necesarios (por ejemplo, el título, el texto, la imagen o el separador) al cuerpo del formulario y los reorganice según sus necesidades.

Consulte nuestro vídeo para obtener más información sobre los bloques y los campos que puede añadir a su formulario, no dude en activar los subtítulos en su propio idioma:

En el editor de formularios encontrará uno predeterminado que puede personalizar. En la parte izquierda del editor, en la pestaña Crear encontrará los bloques y los campos, y en la pestaña Diseño encontrará los elementos de diseño.

Bloques y campos

Título
Texto
Imagen
Divisor
Atributo
Elija los atributos de contacto (e-mail, nombre, fecha de nacimiento, etc.) según el tipo de información que desee recopilar acerca de sus nuevos suscriptores. Tiene que haber al menos un atributo de e-mail, SMS o WhatsApp para poder contactar con sus suscriptores.
Consulte la siguiente sección titulada «¿Qué campos debo incluir en el formulario?».
Suscripciones de selección múltiple
Esto permitirá a los suscriptores marcar intereses o preferencias al suscribirse y podrá colocarlos en las listas correspondientes. Consulte nuestro artículo sobre este tema titulado «Cómo añadir suscripciones multilista a sus formularios».
Elección única
Primero, deberá crear un campo de atributo de «categoría» con diferentes opciones. Por ejemplo, podrá dar a sus clientes la posibilidad de elegir la frecuencia de la newsletter o el idioma. Puede elegir entre mostrar las opciones mediante un botón deslizable o con un menú desplegable.
Para personalizar el texto de «Select one» del menú desplegable, puede buscar el bloque de código que se menciona a continuación en la versión HTML de formulario y cambiar el valor del texto «Select one» marcado por la etiqueta <option> al valor deseado:
<option value="" disabled selected hidden>Select one</option>
Casilla de verificación
Primero, necesitará crear un atributo «booleano» (sí/no). Podrá ofrecer las opciones en un atributo: «sí», si el cliente marca la casilla, y «no», si no lo hace.
Por ejemplo, puede tratarse de un campo para preguntar si están interesados en las ofertas de su socio comercial.

💡 Información relevante
Si habilitas la opción Activar los campos RGPD en la configuración de tu formulario de suscripción, el campo Confirmación opt-in y los bloques Declaración RGPD se incluirán automáticamente.
Confirmación opt-in
Para cumplir con los requisitos del RGPD debe añadir el campo correspondiente. Tiene que proporcionar un enlace a su política de privacidad en «Declaración de privacidad de los datos». Recuerde añadir el enlace antes de finalizar su formulario.
Declaración RGPD
Hemos creado una declaración RGPD predeterminada en la que se indica que usa Brevo como su herramienta de marketing.

💡 Información relevante
Si agrega el campo GDPR a su formulario de suscripción, se creará automáticamente el atributo OPT_IN en la base de datos de contactos. Este atributo booleano registra si un contacto ha seleccionado el campo GDRP en el formulario. Sin embargo, no controla si un contacto está suscrito a sus comunicaciones de marketing.
Captcha
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 aprender a crear y agregar un CAPTCHA al formulario, consulte el artículo Cómo añadir un CAPTCHA a su formulario de suscripción.

¿Qué campos debe incluir en el formulario?

El campo de e-mail es imprescindible, pero quizá quiera recopilar más datos sobre sus nuevos suscriptores añadiendo campos de atributos de contacto. Elementos como el nombre, la fecha de nacimiento y la ubicación pueden ser muy útiles a la hora de personalizar sus e-mails y para segmentar su audiencia.

Sin embargo, la experiencia del usuario debe ser la prioridad en este caso. Si le hace introducir demasiados datos a mano, es posible que abandone el proceso.

Si decide añadir más campos, elija solo algunos y haga que sean opcionales. De este modo, el usuario podrá saltárselos si quiere, y usted seguirá obteniendo la información más importante: la dirección de e-mail. Siempre puede ocuparse de crear perfiles de usuarios más adelante: la prioridad durante esta etapa es conseguir que se suscriban a su lista de e-mails.

Diseño del formulario

En la pestaña Diseño del formulario, podrá cambiar el diseño, los colores y las fuentes de su formulario.

Texto
Permite cambiar el formato (fuente, color, tamaño, etc.) del texto y los títulos, así como del texto de ayuda, de las etiquetas y de los marcadores de posición.
Fondo
Permite seleccionar un color o una imagen de fondo. Puede diseñar el contenedor (adonde se arrastran todos los campos): alineación, bordes, fondo, etc.
Botón
Permite seleccionar el color del botón de suscripción, su alineación, la fuente del texto, etc.
Alertas
Al hacer clic en este campo aparecerá un ejemplo de alerta. Esto le permitirá modificar el diseño. Hay alertas de error y alertas de éxito.
Espaciado
Puede elegir entre tres tipos de espaciado: ajustado, predeterminado y espaciado.

Vista móvil

Todos los formularios están diseñados para adaptarse a los móviles de manera predeterminada. Puede controlar cómo se verá su formulario en un dispositivo móvil pasando desde la vista de escritorio a la vista móvil en la parte superior del editor de 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í.

💬 ¿Fue útil este artículo?

Usuarios a los que les pareció útil: 5 de 19