Como Configurar o Pré Header da sua notificação na Dito pelo Editor de Texto/HTML

Modificado em Qui, 17 Jul na (o) 3:46 PM

Objetivo

Este artigo tem como objetivo te ensinar a configurar corretamente o Pré-Header nos seus e-mails enviados pela Dito pelo Editor de Texto/HTML.

Perguntas que esse artigo responde

O que é um pré header de e-mail?
Para que serve o pré header?
Como configurar o pré header na Dito pelo Editor de Texto/HTML?
Qual código usar para utilizar o pré header no corpo do e-mail?
O pré-header influencia na taxa de abertura?
Quantos caracteres posso usar no pré-header?
Como testar se o pré-header está aparecendo corretamente?

Índice

1. O que é o Pré-Header e por que usá-lo

2. Impacto do Pré-Header na performance do e-mail

3. Como configurar o Pré-Header no Editor de Texto/HTML

4. Boas práticas para uso do Pré-Header

5. FAQ – Perguntas Frequentes

6. Conclusão

1. O que é o Pré-Header e por que usá-lo?

O Pré-Header é uma linha de texto que aparece ao lado do assunto do seu e-mail na caixa de entrada. Ele funciona como um complemento do assunto, servindo para gerar interesse, curiosidade ou reforçar a mensagem principal.

Na imagem abaixo podemos ver um bom uso para o Pré-Header que complementa o assunto do seu e-mail:

Na segunda imagem abaixo vemos um e-mail enviado onde o pré-header não foi configurado, então o conteúdo do e-mail já fica à mostra:

2. Impacto do Pré-Header na performance do e-mail

Um bom Pré-Header pode:

Aumentar a taxa de abertura do e-mail;
Evitar que o conteúdo vá para o spam;
Conduzir o leitor com mais clareza;
E oferecer um “spoiler” estratégico do conteúdo.

3. Como configurar o Pré-Header no Editor de Texto/HTML

3.1 Escreva no topo do seu e-mail criado via HTML o texto que você quer que apareça para o Pré Header:

Obs: acima utilizei o texto de pré header como exemplo ‘’pre header HTML’’

3.2 Clique em adicionar código fonte:

3.3 Dentro do código fonte você vai localizar onde está o texto inserido (utilizei o ctrl+f):

3.4 Por fim insira o código style="display: none;" antes do símbolo > e depois da letra ‘’p’’:

Exemplo de texto de pre header utilizado: ''pre header via HTML''

Ao final, precisa ficar assim (substituindo ''pré header html'' pelo texto de sua preferência para o pré-header):

<body><p style="display: none;">pre header via HTML</p>

Exemplo prático:

4. Boas práticas para uso do Pré-Header

O pré-header atua como um complemento estratégico ao assunto, podendo ser usado para destacar e convencer o destinatário a abrir o e-mail.
Nos dispositivos móveis, os provedores costumam exibir entre 33 e 38 caracteres, somando o assunto e o pré-header.
O uso de pré-header também pode funcionar como um “spoiler” do conteúdo, ajudando o leitor a entender rapidamente se aquele e-mail é relevante para ele.
Além disso, o pré-header oferece ao destinatário uma visão mais clara da mensagem, reduzindo o risco de marcação como spam.

5. FAQ – Perguntas Frequentes

1. Meu pré-header está aparecendo no corpo do e-mail. Por quê?
Provavelmente não foi aplicado corretamente. Revise se está posicionado corretamente igual ensina o artigo.

2. Posso usar emojis no pré-header?
Sim! Mas use com moderação e sempre teste se estão aparecendo corretamente nos provedores de e-mail.

3. Tem diferença de pré-header em mobile e desktop?
Sim, o espaço visível pode ser diferente. Por isso, o ideal é manter o pré-header entre 33 e 38 caracteres.

4. O pré-header ajuda a evitar spam?
Ajuda sim! Um assunto claro + pré-header coerente pode reduzir as chances de o e-mail ser classificado como irrelevante.

5. Posso ver como o Pré-Header aparece antes de enviar?
Sim! Basta enviar uma notificação de teste para seu e-mail e observar como ele aparece na caixa de entrada.

6. O Pré-Header aparece para todo mundo?
Sim, mas a forma e quantidade de caracteres podem variar de acordo com o provedor e dispositivo do cliente.

6. Conclusão

O Pré-Header é um recurso simples, mas muito poderoso para melhorar a performance das suas campanhas de e-mail. Com uma configuração correta e estratégica, você consegue destacar sua mensagem na caixa de entrada, aumentar a taxa de abertura e evitar que o conteúdo vá direto para o lixo eletrônico.

Lembre-se de sempre testar antes de enviar, usar mensagens coerentes com o assunto e aplicar às boas práticas.

Se ainda ficou com dúvidas ou precisa de ajuda com a configuração do Pré-Header, fale com a gente pelo chat!

Estamos prontos para te ajudar a tirar o máximo das suas campanhas.