Como Configurar o Pré Header da sua notificação na Dito pelo Editor Visual

Objetivo

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

 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 Visual?
  
  

• 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 Visual

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

5. FAQ – Perguntas Frequentes

5. 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 Visual

3.1 Arraste o bloco HTML para o corpo do e-mail:

3.2 Apague o conteúdo padrão "Sou um novo bloco de HTML":

3.3 Agora vamos inserir este código style="display: none;" antes desse símbolo >:

3.4 Por fim vamos inserir o texto do pré header após o símbolo >:

Exemplo de texto de pré-header utilizado: "pre header editor visual"

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

<div class="our-class" style="display: none;">pre header editor visual</div>

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.