Configuración global de estilos de correo electrónico

Con la configuración global de estilos, puedes personalizar la apariencia de tus campañas 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 campañas de correo electrónico y Canvas, consulta cómo puedes incorporar bloques del editor (correo electrónico).

Nota

Las actualizaciones realizadas en la configuración global de estilos se aplicarán a todas las campañas de correo electrónico y Canvas futuros.

Estilo básico

En Estilo básico, puedes configurar los colores predeterminados del fondo del correo electrónico y del contenido para tus Campaigns y Canvas de correo electrónico. 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 coherencia de marca en diversas plataformas de correo electrónico. Puedes añadir una fuente personalizada para cada sección de estilo.

Nota

Cualquier configuración de font-weight en el CSS se ignora. En su lugar, selecciona uno de los pesos predeterminados al redactar el mensaje.

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 normalmente lo gestiona 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 font face en el archivo CSS.

Importante

El proveedor de fuentes personalizadas puede recopilar datos personales de tus destinatarios. Debes revisar las políticas de tu proveedor de fuentes antes de usarlo.

Añadir una fuente personalizada

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

1. En la sección Default Font Name de Basic Styling, selecciona Add a custom font.
2. En el campo Font Name, 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 el espaciado adecuado.
3. Introduce la URL correspondiente en el campo Font URL.
4. Verifica que la vista previa muestre tu fuente personalizada.
5. Selecciona Save para usar la fuente personalizada como tu fuente de correo electrónico predeterminada.

Importante

Gmail no admite fuentes personalizadas, por lo que tu fuente personalizada puede mostrarse como una fuente del sistema predeterminada. Para otras plataformas de correo electrónico, verifica que tu fuente personalizada se muestre correctamente antes de enviar tu mensajería 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 incluya la fuente personalizada. Por ejemplo, puedes crear una plantilla de correo electrónico específica diseñada con fuentes personalizadas festivas adaptadas a la temática de tu promoción. Asegúrate de verificar que la fuente elegida 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 cuerpo del texto 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 guardan los ajustes de estilo global. 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 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. Recomendamos encarecidamente seleccionar fuentes alternativas que sean similares a tu mensajería de correo electrónico para mantener la coherencia de tu marca.

Estilo de los títulos

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 sobrescribir el estilo predeterminado del tema de tu editor de arrastrar y soltar. Selecciona Sobrescribir estilo predeterminado para aplicar tu elección de estilo de título. Esto puede incluir configurar una fuente y un color de enlace diferentes.

Estilo de párrafo

Para establecer un estilo de párrafo predeterminado, ve a Paragraph Styling, introduce el Font Size y selecciona Font Color para elegir un color de fuente. También puedes ajustar el estilo del bloque para el cuerpo del texto editando los valores de Padding Top, Padding Right, Padding Bottom y Padding Left. Esto se aplicará al espaciado alrededor de las cuatro áreas que rodean el bloque de párrafo.

Estilo de listas

Al añadir listas a tus mensajes, la sección List Styling crea consistencia en la forma en que se diseñan 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 la lista
• Sangría de elementos de la lista
• Tipo de lista
• Estilo del tipo de lista

Puedes configurar el List Type para que sea numerado o con viñetas. El List Style Type ofrece 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.

Estilo de los botones

En la sección Estilo de los botones, 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 estilo, 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 de Content Blocks

Esta configuración vendrá preconfigurada para todos los Content Blocks futuros. Los Content Blocks existentes no se actualizarán. Puedes configurar todos los Content Blocks para que se establezcan al 100%, ajustándose al ancho donde se inserta un Content Block, o definir un valor específico en píxeles.

Recomendamos que el ancho del Content Block coincida con el ancho de la plantilla de correo electrónico.