Este artigo ensina como configurar corretamente o Pré-Header nos e-mails enviados pela Dito através do Editor Visual, apresentando um passo a passo, boas práticas e respostas para as principais dúvidas sobre o tema.

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

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.

Exemplo de bom uso do Pré-Header:

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

Passo a passo: Como configurar o Pré-Header no Editor Visual

1. Arraste o bloco HTML para o corpo do e-mail

Com o e-mail criado via Editor Visual, arraste o bloco HTML para o início do corpo do e-mail.

2. Apague o conteúdo padrão

Clique no bloco para abrir o editor à direita e apague o conteúdo padrão "Sou um novo bloco de HTML".

3. Insira o código de ocultação

No editor HTML, copie e cole o código abaixo dentro da tag <div>, antes do símbolo >, para que o Pré-Header não apareça no corpo do e-mail.

style="display: none;"

4. Adicione o texto do Pré-Header

Insira o texto desejado logo após o símbolo >. Substitua 'SEU TEXTO AQUI' pelo conteúdo que você deseja usar:

<div class="our-class" style="display: none;"> SEU TEXTO AQUI </div>

5. Teste o Pré-Header

Envie uma notificação de teste para verificar se o Pré-Header aparece corretamente na sua caixa de entrada.

Materiais de Apoio

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

FAQ – Perguntas Frequentes

1. Pergunta: Meu pré-header está aparecendo no corpo do e-mail. Por quê?
Resposta: Provavelmente o código não foi aplicado corretamente. Revise se o atributo style="display: none;" foi inserido no local indicado no passo a passo.

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 principais provedores de e-mail.

3. Pergunta: Existe diferença na exibição do pré-header em mobile e desktop?
Resposta: Sim, o espaço visível pode ser diferente. Por isso, o ideal é manter o pré-header entre 33 e 38 caracteres para garantir uma boa visualização em ambos.

4. Pergunta: O pré-header ajuda a evitar que meu e-mail caia na caixa de spam?
Resposta: Sim. Um assunto claro combinado a um pré-header coerente pode reduzir as chances de o e-mail ser classificado como irrelevante pelos provedores.

5. Pergunta: Posso visualizar como o Pré-Header vai aparecer antes de enviar a campanha?
Resposta: Sim. Basta enviar uma notificação de teste para seu próprio e-mail e observar como o conjunto de remetente, assunto e pré-header é exibido na sua caixa de entrada.

6. Pergunta: O Pré-Header é exibido para todos os contatos?
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 (desktop ou mobile) que o seu cliente utiliza.

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)