O guia definitivo para pré-visualizar o texto

Publicados: 2021-07-29

Eles dizem: “Você nunca tem uma segunda chance de causar uma primeira impressão”. Não tenho certeza de quem são “eles”, mas, neste caso, concordo com eles. No e-mail, sua primeira impressão é composta de três partes: o remetente ou do nome, a linha de assunto e o texto de visualização. Todos se lembram do nome de e da linha de assunto, pois seu provedor de serviços de e-mail (ESP) não permite que você envie um e-mail sem eles. Mas a pré-visualização do texto é uma situação totalmente diferente. E se você esquecer, você está deixando essa parte da sua primeira impressão aos caprichos do cliente de e-mail do seu assinante.

Nesta postagem, discutiremos como assumir o controle de seu texto de visualização para garantir que a primeira impressão de seu e-mail seja perfeita.

O que diabos é o texto de visualização?

O texto de visualização é o trecho de texto abaixo ou próximo ao assunto do e-mail na caixa de entrada e fornece uma visão extra sobre o conteúdo do e-mail. O Gmail se refere a isso como Snippets, o Apple Mail se refere a isso como uma visualização e o Outlook o chama de Visualização da Mensagem. Não importa como seja chamado, esta cópia é o texto de visualização.

Aqui está um exemplo da aparência do texto de visualização:

preview_text
Visualize o texto no Gmail

O texto de visualização é bem suportado em todos os clientes de e-mail atualmente (pelo menos os localizados nos Estados Unidos). Com a maioria dos clientes de e-mail suportando e mostrando por padrão, é uma excelente maneira de se conectar com seus assinantes e apoiar sua linha de assunto.

Porém, como os clientes de email obtêm esse conteúdo difere e depende do próprio cliente de email e das configurações da caixa de entrada do assinante. A maioria dos clientes de e-mail extrairá o texto de visualização das primeiras linhas do seu e-mail, mas há alguns que o extrairão de um texto ALT de imagem ou, em casos raros, de um código como <a> tags. Embora, o código que está sendo puxado não seja tão comum quanto costumava ser.

diff_preview_txt
Exemplos de renderização de texto de visualização de forma diferente em caixas de entrada diferentes

O texto de visualização é uma ótima oportunidade para ajudar a apoiar a linha de assunto e se conectar com seus assinantes. Ao permitir que o cliente de e-mail decida o que mostrar na caixa de entrada, você presta um desserviço à sua marca e aos seus assinantes. Especialmente porque até 24% dos entrevistados olham primeiro para o texto de visualização ao decidir abrir um e-mail.

Não acredita em nós? Faça você mesmo alguns testes de texto de visualização. O Autoplicity viu um aumento de quase 8% em suas taxas de abertura quando começou a usar o texto de visualização. E a WeddingWire viu um aumento de 30% nas taxas de cliques ao testar as deles.

exemplo de arame de casamento

Adicionar teasers ao conteúdo do seu e-mail em seu texto de visualização também pode aumentar o envolvimento do assinante, como cliques em seu e-mail.

Logotipo Litmus

Qual é a aparência do seu texto de visualização?

Veja o que aparece ao visualizar seus e-mails em mais de 100 clientes de e-mail, aplicativos e dispositivos - com o Litmus Email Previews. E certifique-se de enviar o texto de visualização perfeito para todos os e-mails em todas as caixas de entrada.

Saiba mais →

Texto de visualização vs. texto de pré-cabeçalho

E quanto ao texto do pré-cabeçalho? Alguns profissionais de marketing usam esses termos alternadamente, mas na verdade eles são duas coisas diferentes. O texto de visualização é o texto que aparece na caixa de entrada . O texto do pré-cabeçalho é o texto que aparece no seu e-mail acima da área do cabeçalho (por isso é chamado de pré-cabeçalho) .

extraneous_preheader
Exemplo de um e-mail com o texto do cabeçalho “Previsão: sandálias o dia todo, todos os dias”.

No passado, ocultar o conteúdo em seu e-mail era desprezado e considerado uma prática inadequada. O texto do pré-cabeçalho deve estar visível em seu e-mail para não cair na pasta de spam. Mas, à medida que o e-mail evoluiu, o conteúdo oculto se tornou muito mais comum e não prejudica sua capacidade de entrega como costumava fazer.

Hoje em dia, pré-cabeçalhos visíveis são muito menos comuns, pois ocupam um espaço valioso no topo do seu e-mail e, a menos que sejam construídos corretamente, não agregam muito valor ao seu design. Se você for usar um texto de pré-cabeçalho visível, certifique-se de que faz sentido em seu e-mail, bem como em conjunto com sua linha de assunto. Se o texto do pré-cabeçalho funcionar apenas como um suporte para sua linha de assunto, não o mostre em seu e-mail.

Você também pode adicionar um texto de pré-cabeçalho oculto que apareça apenas na caixa de entrada e, em seguida, incluir um texto de pré-cabeçalho visível que funcione com o design do e-mail, como neste e-mail de carrinho abandonado de Rudy's:

Assunto : Não desperdice o frete grátis
Texto de visualização : deixe-nos tornar mais fácil com frete grátis
Texto do pré-cabeçalho : SEU ENVIO GRATUITO ESTÁ PRONTO PARA EXPIRAR‌

visualização por e-mail
Exemplo de e-mail com texto de pré-cabeçalho diferente do texto de visualização. Texto do pré-cabeçalho: “Seu frete grátis está prestes a expirar.”

Adicionar texto de visualização ao seu e-mail é muito fácil

O texto de visualização é bastante fácil de adicionar ao seu e-mail. Você tem duas opções, dependendo do que deseja que o texto de visualização diga.

Quer extrair do conteúdo do seu e-mail? Se o design do seu e-mail já tiver um pré-cabeçalho visível, ou se você estiver planejando usar a cópia inicial em seu e-mail, não precisará fazer nada para adicionar o texto de visualização em seu e-mail. Apenas certifique-se de que a cópia desejada está em primeiro lugar no seu e-mail, mesmo acima de imagens ou links. Isso evitará que o texto alternativo apareça no texto de visualização. Você poderia colocar esta cópia como o texto alternativo para qualquer imagem que esteja acima da sua cópia, mas então você acabaria com a cópia sendo duplicada e o texto alternativo não pertenceria à imagem, o que não é bom para acessibilidade.

Quer personalizar seu texto de visualização? Se você quiser que uma cópia diferente apareça como seu texto de visualização, muitos ESPs têm um campo que você pode preencher (geralmente ao lado daquele onde você adiciona a linha de assunto) que irá adicioná-lo automaticamente ao código do seu e-mail. Mas se o seu não, você pode adicioná-lo no topo do seu código, logo após a tag <body>, desta forma: