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

Criada por Maria Luiza Christianini Rissoli, Modificado em Ter, 21 Jul na (o) 10:28 AM por Mariana Benites

O Pré-Header é uma linha de texto que aparece ao lado do assunto do seu e-mail, funcionando como um complemento para gerar mais interesse e aumentar a taxa de abertura. Este artigo ensina como configurá-lo corretamente no editor de Texto/HTML.

Nível de Acesso: Administrador (a), Editor (a).
Persona: Analista de CRM, Analista de E-commerce, Coordenador (a) de CRM.

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

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, é possível ver um exemplo de bom uso do Pré-Header, que atua como complemento ao assunto do e-mail:

Importante: Quando o pré-header não é configurado, o próprio conteúdo do e-mail aparece no lugar dele.

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;
Oferecer um “spoiler” estratégico do conteúdo.

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

Siga o passo a passo para configurar corretamente o Pré-Header nos e-mails criados com o Editor de Texto/HTML.

Passo 1: Abrir o código-fonte do e-mail

Com o e-mail criado via HTML, clique em Adicionar código fonte.

Passo 2: Inserir o código HTML

Insira o seguinte código logo após a tag de abertura <body>:

<p style="display: none;"> </p>

Passo 3: Adicionar o texto do Pré-Header

Adicione o texto do seu Pré-Header entre as tags, no lugar de 'SEU TEXTO AQUI'.

<p style="display: none;">SEU TEXTO AQUI</p>

Passo 4: Testar o Pré-Header

Envie um e-mail de teste para verificar se o Pré-Header aparece corretamente na caixa de entrada.

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.
O pré-header oferece ao destinatário uma visão mais clara da mensagem, reduzindo o risco de marcação como spam.

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.

FAQ – Perguntas Frequentes

1. Pergunta: Por que meu pré-header está aparecendo no corpo do e-mail?
Resposta: Isso geralmente ocorre quando o código não foi inserido no local correto. Verifique se a tag <p style="display: none;"> foi adicionada logo após a tag <body>, conforme as instruções.

2. Pergunta: Posso usar emojis no pré-header?
Resposta: Sim, mas use com moderação e sempre teste se eles estão aparecendo corretamente nos diferentes provedores de e-mail.

3. Pergunta: Existe diferença na exibição do Pré-Header em mobile e desktop?
Resposta: Sim. Dispositivos móveis geralmente exibem menos caracteres. Para garantir a melhor visualização em ambos, mantenha o texto do pré-header conciso, idealmente com até 40 caracteres.

4. Pergunta: O pré-header ajuda a evitar spam?
Resposta: Sim. Um pré-header relevante e complementar ao assunto aumenta a credibilidade da sua mensagem, o que pode ajudar a melhorar a entregabilidade e reduzir as chances de ser marcado como spam.

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

6. Pergunta: O Pré-Header aparece para todos os clientes?
Resposta: Sim, mas a forma e a quantidade de caracteres visíveis podem variar de acordo com o provedor de e-mail (Gmail, Outlook, etc.) e o dispositivo do cliente.

Ficou com alguma dúvida ou identificou algum problema? Acione nosso time pelo chat disponível no app dito. (Horário de Atendimento de Segunda a Sexta das 9hrs as 18hrs)

TAGS DE BUSCA E TERMOS RELACIONADOS (SEO): pré-header, pre-header, preheader, e-mail marketing, HTML, editor de código, taxa de abertura, preview text, texto de visualização, Dito CRM, configurar e-mail, ocultar preheader, e-mail html, texto de apoio, assunto do e-mail. Como colocar preheader no email HTML? Onde inserir o código do pre-header? Por que meu preheader não funciona? Como editar o texto que aparece do lado do assunto do email? Qual o tamanho ideal do pré-header? Como testar preheader. Como esconder o preheader do corpo do email.