Cómo crear un formulario de suscripción. Parte 2: Diseñar su formulario de suscripción

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.

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

mceclip1.png

Bloques y campos

2021-12-08_10-35-56.jpg

  1. Título
  2. Texto
  3. Imagen
  4. Divisor
  5. 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 o SMS para poder contactar con sus suscriptores.
    Consulte la siguiente sección titulada «¿Qué campos debo incluir en el formulario?».
  6. 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».
  7. 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>

  8. 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.
  9. 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.
  10. Declaración RGPD
    Hemos creado una declaración RGPD predeterminada en la que se indica que usa Sendinblue como su herramienta de marketing.
  11. Captcha
    Le recomendamos encarecidamente que use un captcha de confirmación (reCAPTCHA) para evitar que los spambots añadan datos falsos a sus listas. Consulte nuestro artículo Cómo añadir un captcha a su formulario de suscripción sobre el tema.

¿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

mceclip0.png

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.

mceclip13.png

⏩ ¿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í.