La pestaña Style (Estilo) controla la configuración global de diseño de tu email para lograr aspecto coherente. A partir de ahí, gestiona la apariencia del texto, los colores, el espacio y los estilos de botones, para definir la identidad visual de tu email sin el estilo de bloques individual. Encontrarás cinco secciones clave, cada una te da opción de controlar un aspecto específico del formato y el diseño general de tu email:
🎨 Brand Library (Biblioteca de marca)
|
Configura tu Brand Library de forma que todas las plantillas nuevas que selecciones tengan sus propiedades de marca, como el logo, los colores, las fuentes, y los enlaces a las redes sociales. Además de ahorrarte tiempo, crear tu Brand Library (Biblioteca de marca) te ayuda a mantener la coherencia de marca en los email. |
➡️ Para obtener más información, consulta nuestro artículo dedicado Cómo diseñar automáticamente emails con los activos de la imagen de marca a través de la Brand Library (Biblioteca de marca).
📝 Template (Plantilla)
Desde aquí se puede configurar el fondo y el ancho de los bloques de contenido.
Elija un color de fondo que se aplicará a todos los bloques de contenido de su campaña, en todo el ancho. Si solo desea que el cuerpo tenga un color de fondo, elija un color en la configuración Body color (Color del cuerpo) a continuación.
Puede añadir una imagen de sus archivos o las imágenes de archivo. Para ello, haga clic en Add background image (Añadir imagen de fondo), o añada la imagen directamente desde la opción Insert image from URL (Insertar imagen desde URL) pegando el enlace en la imagen en este campo. Puede ajustar la posición, la repetición y el tamaño de la imagen, según sea necesario.
Esta opción permite añadir un color de fondo solo al cuerpo, como en el ejemplo de abajo en azul.
Establece la anchura del bloque de contenido en píxeles. De manera predeterminada, la anchura se establece en 600 píxeles. Cuando cambies la anchura, el diseño y los bloques de contenido se redimensionarán automáticamente. El ancho del cuerpo se muestra con la flecha amarilla en la imagen de abajo.
Activa esta opción para permitir que los destinatarios vean una versión en línea de tu campaña de email. Esta funcionalidad es útil en el caso de que alguna vez tengan problemas para mostrarla en sus clientes de email. Se añadirá automáticamente un enlace View in browser (Ver en el navegador) en la parte superior de tu email. Para obtener más información, consulta nuestro artículo dedicado Inserta un enlace Ver en el navegador (espejo) en sus campañas.
🔡 Text appearance (Apariencia del texto)
Puede elegir el aspecto del texto de todos los estilos (párrafos, encabezados, etc.). Para cada estilo, establezca la familia de fuentes, el tamaño y el color de la fuente en las listas respectivas. Haga clic en uno de los nombres de fuente y en + Manage fonts (+ Administrar fuentes) si desea añadir fuentes de Google Fonts a sus listas, o bien elegir fuentes alternativas en el caso de que sus destinatarios no puedan ver la fuente que ha elegido primero.
En Common settings (Configuración común), podrá elegir el alto de línea de las opciones predeterminadas o crear un alto personalizado. Además, podrá elegir la dirección de escritura (de izquierda a derecha o de derecha a izquierda).
Además, puede cambiar la fuente de una parte específica de su diseño. Para ello, debe seleccionar el texto y eligir la fuente en la barra de formato que aparece en la parte superior del bloque de texto.
🖱️ Buttons (Botones)
A partir de ahí, puedes definir el estilo por defecto de todos los botones de tu newsletter. Si quieres cambiar el aspecto de todos los botones rápidamente, ¡hazlo desde aquí!
Puedes elegir el estilo y el tamaño de la fuente, el ancho, el radio, el color y el tamaño y el color del borde.
↔️ Spacing (Espaciado)
La configuración de Spacing (Espaciado) está disponible en la pestaña Design (Diseño), pero también al hacer clic en un bloque de Style (Estilo). Permite añadir Padding (Relleno) que es el espacio entre el elemento y el borde. Está alrededor de los cuatro lados del contenido y el tamaño de cada lado se puede cambiar.
Active el botón Padding (Relleno) para activarlos o desactivarlos con un solo clic. Elija qué tamaño de relleno o margen le gustaría añadir para cada lado del contenido usando los botones +/- o escribiendo el tamaño deseado en el campo de texto.
⏩ ¿Qué es lo siguiente?
- Guarda secciones para reutilizarlas en tus diseños de email
- Optimizar el diseño del email para dispositivos móviles (adaptado a dispositivos móviles)
- Genera una vista previa y prueba la campaña de email
- Sección Drag & Drop email editor (Editor de email Drag and Drop)
🤔 ¿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.