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:
- Use o texto de prévia para resumir o e-mail.
- 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.
Esse recurso é compatível apenas com os modelos de arrastar e soltar da Klaviyo. Para modelos HTML personalizados (incluindo modelos HTML personalizados com suporte a arrastar e soltar), seu designer de e-mail deve inserir o texto de pré-visualização desejado no início do código do e-mail. Para e-mails somente de texto, o próprio início do e-mail é usado como texto de pré-visualização.
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:
- Abra o fluxo que contém o e-mail que você gostaria de editar.
- Clique na mensagem do fluxo para abrir a barra lateral Detalhes do e-mail.
- Em Assunto e remetente, clique em Editar na barra lateral de conteúdo.
- 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:
- Abra a campanha que você quer editar.
- Clique em Avançar.
- 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:
O Gmail pode remover vírgulas dentro de um conjunto de números no seu texto de pré-visualização. Por exemplo, 10,000 será convertido para 10000 na pré-visualização do Gmail.
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.
- Adicione um bloco de HTML no topo do seu e-mail, acima de todo o outro conteúdo.
- Adicione o seguinte snippet de código:
<div style="display: none; max-height: 0px; overflow: hidden;">͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏‌ ­ </div> - Salve o bloco HTML.
Quando seus e-mails chegarem à caixa de entrada, os clientes verão apenas sua linha de assunto.