Cómo utilizar un bloque de barra de cabecera en un correo electrónico

Qué aprenderás 

Aprende sobre el bloque de la barra de cabecera, que se utiliza para añadir un logotipo, enlaces clave y otra información en la parte superior de tu correo electrónico.

Acerca del bloque de la barra de cabecera 

El bloque de la barra de cabecera puede contener un logotipo y los enlaces que quieras destacar. Considera la posibilidad de incluir algunos de los siguientes enlaces en tu barra de cabecera: 

• Inicio
• Sobre nosotros
• Comprar ahora 
• Nuevo 
• Los más vendidos 
• Venta 
• PREGUNTAS FRECUENTES
• Devuelve & intercambios (en orden seguimiento correo electrónico) 

Sé prudente al añadir enlaces; incluir demasiados puede hacer que tu correo electrónico parezca abarrotado y difícil de navegar. 

Opciones de formato del bloque de la barra de cabecera 

Puedes elegir diferentes disposiciones de los botones y el logotipo para escritorio y móvil: 

• Opciones de diseño del escritorio
  • Logo apilado 
  • Logotipo en línea 
  • Logo centrado 
  • Sólo enlaces y botones
    
• Opciones de diseño móvil 
  • Apilar todo 
  • Logo apilado
  • Logotipo en línea
  • Sólo enlaces y botones 
  • Sólo enlaces y botones apilados
    

Utilizar un formato apilado en el móvil puede hacer que tus botones sean más fáciles de leer y de pulsar, ya que las pantallas de los móviles son mucho más pequeñas. 

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

1. Dentro de una plantillas de correo electrónico, arrastra un bloque de la barra Header al lienzo.
   
2. El logotipo se rellena previamente si ya has añadido tu logotipo a tu cuenta de Klaviyo en contenido > Imágenes y marca > Marca. Si no, añade un logotipo. 
3. Utiliza el icono de la flecha desplegable para ver los detalles de cada enlace y editar su texto y URL.
   
   1. Para ahorrar espacio en el móvil, considera la posibilidad de seleccionar sólo Escritorio para los enlaces no esenciales.
      
4. Utiliza los botones Añadir enlace o Añadir imagen para añadir enlaces o contenido adicional.
   
5. Utiliza los ajustes de la sección de contenido para dar estilo al texto del enlace, incluyendo fuentes, colores y relleno. 

Guardar una barra de cabecera para utilizarla en futuros correos electrónicos 

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

Más información sobre contenido universal y guardado.

Consideraciones sobre la bandeja de entrada del bloque de la barra de cabecera 

Dependiendo de la bandeja de entrada del destinatario, la barra de encabezamiento (o el correo electrónico en su conjunto) puede aparecer con ligeras diferencias. Para ver cómo aparecerá tu correo electrónico en diferentes bandejas de entrada, considera la posibilidad de utilizar una herramienta como Email on Acid. 

Bloqueo de la barra de cabecera y recorte de Gmail 

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

Si tu mensaje corre el riesgo de ser recortado, considera la posibilidad de utilizar un bloque de imagen para tu logotipo, seguido de un bloque de tabla con tus enlaces. 

Bloque de la barra de cabecera y Microsoft Outlook

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

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

Recursos adicionales

• Cómo utilizar un bloque de texto en un correo electrónico
• Cómo actualizar los estilos de tu marca en Klaviyo