La pestaña Style (Estilo) controla la configuración global de diseño de tu email para lograr un 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 secciones clave, cada una de las cuales 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 biblioteca de marca de forma que todas las plantillas nuevas que selecciones tengan las propiedades de tu marca, como el logo, los colores, las fuentes y los enlaces a redes sociales. Además de ahorrarte tiempo, crear tu biblioteca de marca te ayuda a mantener la coherencia de marca en los emails. |
➡️ Para obtener más información sobre la biblioteca de marca, consulta nuestro artículo dedicado Cómo diseñar automáticamente emails con los recursos de marca a través de la biblioteca de marca.
🧩 Diseño
El cuerpo es la parte central del email que contiene el mensaje y el contenido propiamente dichos, y se muestra en un diseño vertical. En la sección Layout (Diseño), puedes elegir el ancho y el color del cuerpo:
De forma predeterminada, la anchura está configurada en 600px, pero al cambiarlo, el diseño y los bloques de contenido se redimensionan automáticamente.
↔️ Spacing (Espaciado)
La sección Spacing (Espaciado) te permite añadir Padding (Relleno), que es el espacio en la parte superior e inferior del diseño de tu email. Para definir el relleno, introduce un valor en píxeles o utiliza los botones + / −.
Puedes:
- Dejar marcada la casilla Group side (Agrupar lados) para aplicar el relleno tanto a la parte superior como a la inferior del diseño de tu email; o
- Desmarcar la casilla Group side (Agrupar lados) para ajustar cada lado por separado (superior, inferior).
🔙 Fondo
Puedes elegir un color de fondo o una imagen de fondo para el diseño de tu email:
Para utilizar una imagen de fondo, haz clic en Add image (Añadir imagen) para elegir una imagen de tus archivos o de la biblioteca de imágenes de archivo, o pega el enlace de la imagen en el campo Image URL (URL de la imagen).
| Una vez insertada la imagen, podrás ajustar su posición, repetición y tamaño según sea necesario: |
|
🌐 Encabezado
Activa la opción Show 'View in Browser' Link (Mostrar enlace "Ver en el navegador") para que tus destinatarios puedan ver una versión en línea de tu campaña de email si alguna vez tienen 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 sobre el enlace del navegador, consulta nuestro artículo dedicado Añadir un enlace espejo a los emails (Ver en el navegador).
🖍️ Estilos y configuración del texto
Puedes elegir la apariencia del texto de cada estilo por separado (párrafos, encabezados, etc.). Selecciona el estilo para el que quieras configurar una familia de fuentes, un tamaño y un color, y selecciónalos en sus respectivas listas desplegables:
| En la sección Text settings (Configuración de texto), también puedes elegir el alto de línea entre las opciones predeterminadas o crear un alto personalizado, y elegir la dirección de escritura (de izquierda a derecha o de derecha a izquierda) para todos tus textos: |
➡️ Para obtener más información sobre los bloques de contenido de Título y Texto, consulta nuestro artículo dedicado Acerca de los bloques de contenido de Título y Texto.
🔗 Enlaces
En la sección Links (Enlaces), define el estilo predeterminado de todos los enlaces de tu newsletter. Elige su color y estilo (negrita, cursiva, subrayado):
🖱️ Buttons (Botones)
En la sección Buttons (Botones), define el estilo predeterminado 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 de tus botones, el ancho, las esquinas, el color y el tamaño y color del borde:
➡️ Para obtener más información sobre el bloque de contenido de Botón, consulta nuestro artículo dedicado Insertar llamadas a la acción (CTA) efectivas en los diseños de email (botón).
⏩ ¿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.