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 Settings > Email Preferences > Drag-and-Drop Email Preferences. Después de editar los estilos en el editor de correo electrónico de arrastrar y soltar, selecciona Save. 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.

Estilos básicos

En Basic Styling, puedes configurar los colores predeterminados de fondo del correo electrónico y del contenido para tus campañas 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 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 los espacios adecuados.
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 predeterminada de correo electrónico.

Importante

Gmail no admite fuentes personalizadas, por lo que tu fuente personalizada puede mostrarse como una fuente predeterminada del sistema. 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 campañas 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, campañas 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 Override default style 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 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 texto del cuerpo 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.

Estilos de lista

Al añadir listas a tu mensajería, la sección List Styling 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 List Type como numerada o con viñetas. El List Style Type 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 Button Styling, 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 Padding Top, Padding Right, Padding Bottom y Padding Left.

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 campañas 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.