Configuración global de estilos de correo electrónico

Con la configuración global de estilos, puedes personalizar la apariencia de tus Campaigns de correo electrónico y Canvas. Puedes añadir y personalizar un tema predeterminado para tu editor de arrastrar y soltar. Esto incluye editar tus estilos para títulos de correo electrónico, texto, botones y más. Usar una combinación de estos ajustes puede ayudarte a crear una apariencia consistente en toda tu mensajería de correo electrónico.

Para editar tu configuración global de estilos, ve a Configuración > Preferencias de correo electrónico > Preferencias de correo electrónico de arrastrar y soltar. Después de editar los estilos en el editor de correo electrónico de arrastrar y soltar, selecciona Guardar. Para personalizar aún más tus Campaigns de correo electrónico y Canvas, consulta cómo puedes incorporar bloques del editor de arrastrar y soltar.

Estilos básicos

En Estilos básicos, puedes configurar los colores predeterminados de fondo del correo electrónico y del contenido para tus Campaigns de correo electrónico y Canvas. También puedes seleccionar una fuente predeterminada, añadir una fuente personalizada y editar los colores de los enlaces.

Fuente personalizada

Con las fuentes personalizadas, puedes añadir manualmente una fuente web para mantener la consistencia de marca en diversas plataformas de correo electrónico. Puedes añadir una fuente personalizada para cada sección de estilos.

Requisitos

Antes de añadir una fuente personalizada, verifica que el archivo de fuente personalizada cumpla con los siguientes requisitos:

• CORS debe estar habilitado en el servidor que proporciona el archivo de fuente personalizada. Esto generalmente lo administra tu equipo de TI.
  • El archivo de fuente personalizada debe tener el encabezado: Access-Control-Allow-Origin: *
• La URL del archivo debe apuntar a un archivo CSS (no WOFF ni OTF).
• El nombre de la fuente personalizada debe coincidir con el nombre del tipo de fuente en el archivo CSS.

Ten en cuenta que el proveedor de fuentes personalizadas puede recopilar datos personales de tus destinatarios. Debes revisar las políticas de tu proveedor de fuentes antes de usarlas.

Añadir una fuente personalizada

Para añadir una fuente personalizada, haz lo siguiente:

1. En la sección Nombre de fuente predeterminada de Estilos básicos, selecciona Añadir una fuente personalizada.
2. En el campo Nombre de fuente, introduce el mismo nombre de fuente que aparece en tu archivo de origen de fuente personalizada. Asegúrate de que el nombre esté correctamente escrito en mayúsculas y con los espacios adecuados.
3. Introduce la URL correspondiente en el campo URL de fuente.
4. Verifica que la vista previa muestre tu fuente personalizada.
5. Selecciona Guardar para usar la fuente personalizada como tu fuente predeterminada de correo electrónico.

Para usar otras fuentes personalizadas en tus Campaigns de correo electrónico, puedes crear una plantilla de correo electrónico o Content Blocks que incluyan la fuente personalizada. Por ejemplo, puedes crear una plantilla de correo electrónico específica diseñada con fuentes personalizadas festivas adaptadas a tu tema de venta. Asegúrate de verificar que tu elección de fuente sea segura para la web y compatible con tus plataformas de correo electrónico.

Fuente alternativa

Las fuentes alternativas se usan para el título, el encabezado y el texto del cuerpo cuando tu fuente predeterminada no es compatible con el proveedor de buzón de entrada o el sistema operativo. De forma predeterminada, Braze establece automáticamente Arial como fuente alternativa cuando se guarda la configuración global de estilos. También tienes la opción de añadir serif o sans serif como opciones para tu familia de fuentes predeterminada.

Puedes añadir hasta 17 fuentes alternativas. La primera fuente alternativa seleccionada será la que se intente usar primero. La fuente alternativa solo se aplicará a las plantillas, Campaigns de correo electrónico y componentes de Canvas recién creados. La fuente alternativa no se establece automáticamente para los mensajes que se crearon antes de que se especificara la fuente alternativa. Te recomendamos encarecidamente seleccionar fuentes alternativas que sean similares a las de tu mensajería de correo electrónico para mantener la consistencia de tu marca.

Estilos de título

Aquí puedes ajustar los estilos de los títulos de tu correo electrónico editando el tamaño de fuente, el color de fuente y la alineación del texto.

Opcionalmente, puedes anular el estilo predeterminado del tema de tu editor de arrastrar y soltar. Selecciona Anular estilo predeterminado para aplicar tu elección de estilos de título. Esto puede incluir configurar una fuente y un color de enlace diferentes.

Estilos de párrafo

Para establecer un estilo de párrafo predeterminado, ve a Estilos de párrafo, introduce el Tamaño de fuente y selecciona Color de fuente para elegir un color de fuente. También puedes ajustar el estilo del bloque para el texto del cuerpo editando los valores de Relleno superior, Relleno derecho, Relleno inferior y Relleno izquierdo. Esto se aplicará al espaciado alrededor de las cuatro áreas que rodean el bloque de párrafo.

Estilos de lista

Al añadir listas a tu mensajería, la sección Estilos de lista crea consistencia en cómo se estilizan tus listas. Esto incluye detalles como:

• Tamaño de fuente
• Color de fuente
• Peso de fuente
• Altura de línea
• Alineación
• Dirección del texto
• Espaciado entre letras
• Espaciado entre elementos de lista
• Sangría de elementos de lista
• Tipo de lista
• Tipo de estilo de lista

Puedes configurar el Tipo de lista como numerada o con viñetas. El Tipo de estilo de lista proporciona personalización adicional para el estilo de tus listas. Por ejemplo, puedes configurar los tipos de lista para que siempre tengan viñetas y que cada viñeta sea un cuadrado.

Estilos de botón

En la sección Estilos de botón, puedes editar los siguientes estilos predeterminados para el botón:

• Color de fondo
• Tamaño de fuente
• Color de fuente
• Radio del borde
• Color del borde
• Grosor del borde
• Relleno del botón

Al igual que con todas las demás secciones de estilos, puedes ajustar el estilo del bloque editando los valores de Relleno superior, Relleno derecho, Relleno inferior y Relleno izquierdo.

Ancho de la plantilla de correo electrónico

Usando el ancho de la plantilla de correo electrónico, puedes ajustar y establecer un ancho para mantener la consistencia en tus Campaigns de correo electrónico.

Ancho del bloque de contenido

Esta configuración se preestablecerá para todos los Content Blocks futuros. Los Content Blocks existentes no se actualizarán. Puedes configurar todos los Content Blocks al 100%, respetando el ancho donde se inserta un bloque de contenido, o definir un valor específico en píxeles.

Recomendamos que el ancho del bloque de contenido coincida con el ancho de la plantilla de correo electrónico.