Como usar um bloco de barra de cabeçalho em um e-mail

O que você vai aprender 

Saiba mais sobre os blocos da barra de cabeçalho, que são usados para adicionar um logotipo, links importantes e outras informações à parte superior do seu e-mail.

Sobre o bloco da barra de cabeçalho 

O bloco da barra de cabeçalho pode conter um logotipo e quaisquer links que o senhor queira destacar. Considere incluir alguns dos links a seguir em sua barra de cabeçalho: 

• Início
• Sobre nós
• Compre agora 
• Novo 
• Mais vendidos 
• Venda 
• PERGUNTAS FREQUENTES
• Devoluções & trocas (em ordem de acompanhamento por e-mail) 

Seja criterioso ao adicionar links; incluir muitos links pode fazer com que seu e-mail pareça lotado e difícil de navegar. 

Opções de formato do bloco da barra de cabeçalho 

O senhor pode escolher diferentes arranjos dos botões e do logotipo para desktop e celular: 

• Opções de layout da área de trabalho
  • Logotipo empilhado 
  • Logotipo em linha 
  • Logotipo centralizado 
  • Somente links e botões
    
• Opções de layout para celular 
  • Empilhar tudo 
  • Logotipo empilhado
  • Logotipo em linha
  • Somente links e botões 
  • Somente links e botões empilhados
    

O uso de um formato empilhado no celular pode facilitar a leitura e o clique nos botões, pois as telas dos celulares são muito menores. 

Adicionar um bloco de barra de cabeçalho a um e-mail

1. Em um modelo de e-mail, arraste um bloco de barra de cabeçalho para a tela.
   
2. O logotipo é pré-preenchido se o senhor já tiver adicionado o logotipo à sua conta Klaviyo em conteúdo > Images & brand > Brand. Caso contrário, adicione um logotipo. 
3. Use o ícone de seta suspensa para ver os detalhes de cada link e editar o texto do link e o URL.
   
   1. Para economizar espaço no celular, considere a possibilidade de selecionar Desktop apenas para os links não essenciais.
      
4. Use os botões Add link ou Add image para adicionar links ou conteúdo adicional.
   
5. Use as configurações abaixo da seção de conteúdo para estilizar o texto do link, incluindo fontes, cores e preenchimento. 

Salvar uma barra de cabeçalho para uso em e-mails futuros 

A maioria dos e-mails que o senhor envia deve incluir uma barra de cabeçalho. Para salvar um bloco de barra de cabeçalho como conteúdo universal para reutilização em um e-mail futuro, clique no ícone de estrela ao lado do bloco e siga as instruções que aparecem. 

Saiba mais sobre conteúdo universal e salvo.

Considerações sobre a caixa de entrada do bloco da barra de cabeçalho 

Dependendo da caixa de entrada do Destinatários, a barra de cabeçalho (ou o e-mail como um todo) pode aparecer com pequenas diferenças. Para ver como seu e-mail aparecerá em diferentes caixas de entrada, considere usar uma ferramenta como Email on Acid. 

Bloco da barra de cabeçalho e recorte do Gmail 

Os blocos de barra de cabeçalho têm muito código, o que significa que eles aumentam o peso geral do código do seu e-mail. Em mensagens que contêm uma grande quantidade de outros conteúdos, isso pode levar ao recorte do Gmail. 

Se a sua mensagem corre o risco de ser cortada, considere usar um bloco de imagem para o logotipo, seguido de um bloco de tabela com os links. 

Bloco da barra de cabeçalho e Microsoft Outlook

Devido aos mecanismos de renderização de HTML exclusivos do Outlook, uma borda pode ser adicionada ao elemento da barra de cabeçalho para Destinatários usando o Outlook. 

Para evitar que isso aconteça, crie um cabeçalho com um bloco de imagem para seu logotipo e uma tabela para seus links.

Recursos adicionais

• Como usar um bloco de texto em um e-mail
• Como atualizar os estilos de sua marca em Klaviyo