Cómo usar un bloque de barra de encabezado en un correo electrónico

Objetivos del artículo

Obtén información sobre los bloques de barra de encabezado, que se usan para agregar un logotipo, enlaces clave y otra información en la parte superior de los correos electrónicos.

Acerca de los bloques de la barra de encabezado

Los bloques de la barra de encabezado pueden incluir un logotipo y cualquier enlace que quieras destacar. Considera incluir algunos de los siguientes enlaces en la barra de encabezado:

• Inicio
• Acerca de nosotros
• Comprar ahora
• Nuevo
• Los más vendidos
• Venta
• Preguntas frecuentes
• Devoluciones y cambios (en correos electrónicos de seguimiento de pedidos)

Sé prudente al agregar enlaces; incluir demasiados puede hacer que el correo se vea saturado y sea difícil de navegar.

Opciones de formato del bloque de la barra de encabezado

Puedes elegir diferentes disposiciones de los botones y el logotipo para computadoras de escritorio y dispositivos móviles:

• Opciones de diseño de escritorio
  • Logotipo apilado
  • Logotipo en línea
  • Logotipo centrado
  • Solo enlaces y botones

• Opciones de diseño para dispositivos móviles
  • Apilar todo
  • Logotipo apilado
  • Logotipo en línea
  • Solo enlaces y botones
  • Solo enlaces y botones apilados

Usar un formato apilado en dispositivos móviles puede hacer que los botones sean más fáciles de leer y de presionar, ya que las pantallas móviles son mucho más pequeñas.

Añadir un bloque de barra de encabezado a un correo electrónico

1. Dentro de una plantilla de correo electrónico, arrastra un bloque de Barra de encabezado al lienzo.
   

2. El logotipo se completa previamente si ya agregaste el logotipo a la cuenta de Klaviyo en Contenido > Imágenes y marca > Marca. De lo contrario, agrega un logotipo.
3. Usa el ícono de flecha desplegable  para ver los detalles de cada enlace y editar el texto del enlace y la URL.
   

1. Para ahorrar espacio en dispositivos móviles, considera seleccionar Solo escritorio para los enlaces no esenciales.
   

4. Usa los botones Agregar enlace o Agregar imagen para agregar enlaces o contenido adicionales.
   

5. Usa la configuración debajo de la sección Contenido para aplicar estilo al texto del enlace, incluidas fuentes, colores y relleno.

Guardar una barra de encabezado para usarla en correos electrónicos futuros

La mayoría de los correos electrónicos que envíes deben incluir una barra de encabezado. Para guardar un bloque de barra de encabezado como contenido universal para reutilizarlo en futuros correos electrónicos, haz clic en el ícono de estrella junto al bloque y sigue las indicaciones que aparezcan.

Consulta más información sobre el contenido universal y guardado.

Consideraciones de bandeja de entrada para el bloque de la barra de encabezado

Según la bandeja de entrada del destinatario, la barra del encabezado (o el correo electrónico en general) puede verse con ligeras diferencias. Para ver cómo se verá el correo electrónico en diferentes bandejas de entrada, considera usar una herramienta como Email on Acid.

Los bloques de la barra de encabezado y el recorte de Gmail

Los bloques de la barra del encabezado tienen mucho código, lo que significa que aumentan el peso total del código de tu correo electrónico. En mensajes que incluyen una gran cantidad de otro contenido, esto podría provocar recorte de Gmail.

Si tu mensaje corre el riesgo de recortarse, considera usar un bloque de imagen para el logotipo, seguido de un bloque de tabla con los enlaces.

Bloques de barra de encabezado y Microsoft Outlook

Debido a los motores de renderizado HTML exclusivos de Outlook, es posible que se añada un borde a los elementos de la barra de encabezado para los destinatarios que usen Outlook.

Para evitarlo, crea un encabezado utilizando un bloque de imagen para el logotipo y una tabla para los enlaces.

Recursos adicionales