Como inserir texto de prévia em um e-mail

O que você vai aprender

Saiba o que é o texto de pré-visualização, onde ele aparece por padrão nos seus e-mails e como inseri-lo no corpo dos seus e-mails.

Sobre o texto de prévia

O texto de pré-visualização é uma das primeiras coisas que os destinatários veem quando um e-mail chega à caixa de entrada. Ele é exibido na caixa de entrada depois da linha de assunto de um e-mail e geralmente é extraído da primeira linha de texto no corpo do e-mail.

Há 2 maneiras principais de usar o texto de prévia para melhorar seus e-mails:

1. Use o texto de prévia para resumir o e-mail.
2. Use o texto de prévia para complementar sua linha de assunto.

Se você não inserir especificamente um texto de prévia, as caixas de entrada vão puxá-lo automaticamente da primeira linha de texto dentro de um e-mail — isso significa que texto ALT, sua barra de navegação etc. podem ser puxados como texto de prévia, por isso é melhor especificar exatamente o que você quer que o texto de prévia exiba. Para saber mais sobre como usar estrategicamente o texto de prévia, acesse o Blog da Klaviyo.

Adicionar texto de pré-visualização a um e-mail de fluxo

Para inserir texto de pré-visualização em um e-mail de fluxo na tela de pré-visualização do e-mail:

1. Abra o fluxo que contém o e-mail que você gostaria de editar.
2. Clique na mensagem do fluxo para abrir a barra lateral Detalhes do e-mail.
   

3. Em Assunto e remetente, clique em Editar na barra lateral de conteúdo.
4. No campo Texto de pré-visualização, adicione o texto de pré-visualização desejado.
   

Adicione texto de pré-visualização a um e-mail de campanha

Para inserir o texto de prévia de uma campanha na tela de prévia do e-mail:

1. Abra a campanha que você quer editar.
2. Clique em Avançar.
3. No campo Texto de pré-visualização, adicione o texto de pré-visualização desejado.
   

Texto de pré-visualização na caixa de entrada

O campo Texto de prévia adiciona espaçadores automaticamente, então apenas o texto de prévia que você inserir será exibido nas caixas de entrada dos seus clientes.

Dispositivos e clientes de e-mail diferentes têm limites diferentes para a quantidade de caracteres de texto de pré-visualização exibidos, e telas menores exibem menos caracteres de pré-visualização. Tenha isso em mente e mantenha o texto de prévia conciso. Confira os limites de caracteres por cliente de e-mail:

Exiba o texto de prévia dentro dos seus e-mails

Em alguns casos, você pode querer exibir o texto de visualização no corpo do seu modelo. Você pode fazer referência a qualquer texto de visualização definido na tela de prévia do e-mail usando a seguinte tag:

{% render_variable preview_text %}

Cole a tag em qualquer bloco de texto no seu modelo.

Ocultar texto de pré-visualização

Se você quiser ocultar completamente qualquer texto de prévia e fazer com que apenas a sua linha de assunto apareça nas caixas de entrada dos seus clientes, adicione o snippet de código abaixo no topo do seu e-mail. Esse código empurra o conteúdo do seu e-mail para além da área de visualização do texto de prévia, então ele aparecerá em branco.

1. Adicione um bloco de HTML no topo do seu e-mail, acima de todo o outro conteúdo.
2. Adicione o seguinte snippet de código:
   

<div style="display: none; max-height: 0px; overflow: hidden;">͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp;
    &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj;
    &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy; ͏ &zwnj; &nbsp; &shy;
    ͏&zwnj; &nbsp; &shy;
</div>

1. Salve o bloco HTML.

Quando seus e-mails chegarem à caixa de entrada, os clientes verão apenas sua linha de assunto.

Recursos adicionais