Adicione um índice a uma campanha

Adicione um índice ao seu e-mail ou página de destino para manter o marketing claro, organizado e fácil de navegar. Isso ajuda seus destinatários a encontrarem as informações que lhes interessam e manter o envolvimento com seu conteúdo.

O Mailchimp oferece duas maneiras de configurar um sumário (TOC): a etiqueta de mesclagem *|MC:TOC|* e os links âncora personalizados. Use a etiqueta de mesclagem *|MC:TOC|* para criar um sumário com links para cabeçalhos. Ou use links âncora para criar seu próprio sumário com texto, estilo de link e formatação personalizados.

Neste artigo, você aprenderá como adicionar um sumário no Novo Criador e no Criador Clássico.

Antes de começar

Algumas coisas que você deve saber antes de iniciar esse processo:

• A etiqueta de mesclagem *|MC:TOC|* herda o estilo de texto do link da seção da campanha. Isso significa que, se colocá-lo na seção do cabeçalho, ele ficará parecido com outro texto de link da seção do cabeçalho. Para alterar o formato do sumário, mova a etiqueta para outra seção ou use links âncora no Criador Clássico.
• A etiqueta de mesclagem *|MC:TOC|* e os links âncora não funcionarão em todos os clientes de e-mail, portanto, certifique-se de testar seu e-mail antes de enviá-lo. Se isso acontecer, seus contatos inscritos verão o sumário, mas os links não serão clicáveis.

Adicionar um sumário ao seu e-mail ou página de destino

Usar a etiqueta de mesclagem do sumário

A etiqueta de mesclagem *|MC:TOC|* insere um sumário com links para os títulos escolhidos. Primeiro, adicione um código de título aos cabeçalhos que deseja incluir no seu sumário. Em seguida, adicione a etiqueta de mesclagem *|MC:TOC|* onde deseja que o sumário apareça.

Quando você enviar seu e-mail, substituiremos a etiqueta de mesclagem por um sumário que inclua os cabeçalhos que você selecionou.

Adicionar a etiqueta de mesclagem do sumário no Novo Criador

Para incluir um sumário ao seu e-mail no Novo Criador, siga estas etapas:

Adicionar um código de título de sumário aos cabeçalhos

Para incluir um cabeçalho em seu sumário, siga estas etapas:

1. Clique em um bloco de conteúdo Cabeçalho ou Parágrafo ou clique e arraste um para o seu layout.
2. Realce o texto que deseja incluir no sumário e use o menu suspenso Estilo do texto na barra de ferramentas de edição para garantir que seja um Cabeçalho 1 ou Cabeçalho 2.
   
   Os cabeçalhos devem ser de nível 1 ou 2 e devem conter texto. A etiqueta de mesclagem *|MC:TOC|* não será vinculada apenas a um número.
3. Clique na guia Código .
   
4. No editor HTML, insira um espaço entre a etiqueta de cabeçalho e o símbolo de suporte de ângulo reto (>).
   
5. Insira o título da classe antes do símbolo de suporte de ângulo reto (>).
   
   class="mc-toc-título"
   
   
6. Repita as etapas 2 a 5 para cada cabeçalho que você quiser incluir no sumário.

Adicionar a etiqueta de mesclagem do sumário

Depois de adicionar o código de título aos seus cabeçalhos, adicione a etiqueta de mesclagem *|MC:TOC|* a qualquer bloco de conteúdo Cabeçalho ou Parágrafo para inserir o sumário.

Para adicionar a etiqueta de mesclagem *|MC:TOC|*, siga estas etapas:

1. Clique em um bloco de conteúdo Cabeçalho ou Parágrafo ou clique e arraste um para o seu layout.
2. Se quiser, insira um título para o seu sumário, como “Neste e-mail”.
3. Insira a etiqueta de mesclagem *|MC:TOC|* . Coloque-o sob o título do seu sumário, se você tiver incluído um.
   
4. Clique em Visualizar para ver como será a aparência do seu índice para contatos inscritos. Você pode querer alinhar à esquerda o título do seu sumário para corresponder aos cabeçalhos com marcadores.

Muito bem! Você adicionou com sucesso um sumário ao seu e-mail.

Adicionar a etiqueta de mesclagem do sumário no Criador Clássico

A etiqueta de mesclagem *|MC:TOC|* insere um sumário com links para os títulos escolhidos. Primeiro, você formatará o texto do cabeçalho que deve aparecer no sumário. Em seguida, você adicionará a etiqueta de mesclagem *|MC:TOC|* onde deseja que o sumário apareça.

Quando você enviar seu e-mail ou publicar sua página de destino, substituiremos a etiqueta de mesclagem por um sumário que inclua os cabeçalhos que você selecionou.

Formatar cabeçalhos e títulos do sumário

Para formatar o texto como um cabeçalho ou título de sumário no Criador Clássico, siga estas etapas:

1. Clique em um bloco de conteúdo que contenha texto, como os blocos Texto, Texto em caixaou Imagem + Texto , ou clique e arraste um para o seu layout.
2. No painel de edição, realce o texto que você quer formatar como o cabeçalho do sumário. Seu cabeçalho deve conter texto. A etiqueta de mesclagem *|MC:TOC|* não gerará um link para um número sozinho.
   
3. Na barra de ferramentas do editor, clique no menu suspenso Estilos e escolha Cabeçalho de sumário 1 ou Cabeçalho de sumário 2. Escolha o título do sumário se quiser aplicar estilos adicionais ao cabeçalho.
   
4. Clique em Salvar e fechar.
5. Repita as etapas 2 a 4 para cada cabeçalho que você quiser incluir no sumário.

Adicionar a etiqueta de mesclagem do sumário

Depois de formatar os cabeçalhos do sumário, adicione a etiqueta de mesclagem *|MC:TOC|* a qualquer bloco de conteúdo de texto para inserir o sumário. O texto e o estilo de link do sumário corresponderão à seção em que estiverem. Se precisar personalizá-lo, tente os links âncora.

Para adicionar a etiqueta de mesclagem *|MC:TOC|*, siga estas etapas:

1. Clique no bloco de conteúdo em que você quer adicionar o sumário. Você pode usar um bloco de conteúdo Texto, Texto em caixa, Cartão de imagem, ou Imagem + Texto .
2. No painel de edição, clique no menu suspenso Mesclar etiquetas e escolha Sumário.
   
   Ou insira *|MC:TOC|* diretamente em seu conteúdo.
3. Clique em Salvar e fechar.
4. Clique em Visualizar para ver como seu e-mail ou página de destino parecerá para seus destinatários.

Muito bem! Você adicionou com sucesso um sumário ao seu e-mail ou página de destino.

Confira estes artigos para visualizar e testar seu e-mail e editar seções no Criador Clássico.

Visualizar e testar seu e-mail
Visualizar e editar o design da seção no e-mail e páginas de destino

Adicionar um sumário a um modelo HTML personalizado

Se você usar um modelo HTML personalizado, ainda poderá usar a etiqueta de mesclagem *|MC:TOC|* para inserir um sumário. Basta confirmar se você formatou todos os cabeçalhos com as etiquetas corretas e estará pronto para começar.

Primeiro, abra o código-fonte do modelo e adicione class="title" ou class="mc-toc-title" às etiquetas <span>, <div>, <h1> ou <h2> dos cabeçalhos que você deseja que apareçam no sumário. Essas classes não funcionam com etiquetas <h3> e <h4>, portanto, use etiquetas <span> se precisar delas.

Seus títulos formatados devem usar um dos exemplos nesta tabela. Qualquer tipo de classe pode ser usado.

Depois de editar suas etiquetas, adicione *|MC:TOC|* onde quiser que o sumário seja exibido no modelo.

*|MC:TOC|*
< div class= "title" id= "plant-news" >

Onde editar o código do modelo

Usar links âncora no Criador Clássico

Use links âncora

Para mais flexibilidade, crie links âncora para o conteúdo em seu e-mail ou página de destino. Dessa forma, você pode personalizar o estilo de texto e link no seu sumário. Primeiro, você adicionará âncoras aos títulos no seu conteúdo. Em seguida, insira o texto do sumário e vincule cada item ao seu link âncora.

Adicionar links âncora no Novo Criador

Adicionar links âncora

Para adicionar links âncora ao texto do cabeçalho, siga estas etapas:

1. Clique em um bloco de conteúdo Cabeçalho ou clique e arraste um para o seu layout.
2. Realce o texto do cabeçalho e depois click no ícone Âncora na barra de ferramentas de edição.
3. No modal pop-up Propriedades da âncora , insira o nome da âncora no campo Nome da âncora . Recomendamos não usar espaços ou caracteres especiais no nome da âncora.
4. Clique em Save (Salvar).
5. Repita esse processo para todos os títulos que você quiser vincular ao seu sumário.

Formatar sumário

Agora que você adicionou links âncora à sua campanha, está pronto para inserir o texto do sumário e adicionar links a cada item.

Para adicionar e formatar o sumário, siga estas etapas.

1. Clique no bloco de conteúdo Parágrafo em que você quer adicionar o sumário.
2. No painel de edição, insira o texto no seu sumário.
   
3. Destaque o primeiro item e clique no ícone Vincular na barra de ferramentas.
   
   Tenha cuidado e destaque somente o texto que você quer vincular, evitando espaços ao redor do item. Isso será útil quando você formatar o texto posteriormente.
4. No modal pop-up Link de texto, clique no menu suspenso Link para e selecione Âncora.
5. Clique no menu suspenso Selecione uma âncora para vincular e escolha o nome da âncora.
6. Clique em Save (Salvar).
7. Repita as etapas 3 a 5 para cada item do sumário.

Utilize os ícones na barra de ferramentas para personalizar o estilo e o texto do sumário. Ao editar o sumário, destaque somente o texto que você quer alterar. Se você remover acidentalmente um link existente, adicione-o novamente. Para ver como seus links âncora aparecerão para seus contatos inscritos, visualize e teste seu e-mail.

Adicionar links âncora no Criador Clássico

Adicionar links âncora

Para adicionar links âncora ao texto do cabeçalho no Criador Clássico, siga estas etapas:

1. Clique em um bloco de conteúdo que contenha texto, como os blocos Texto, Texto em caixa ou Imagem + Texto ou clique e arraste um bloco de texto para o seu layout.
2. Insira o texto para o seu sumário.
3. No painel de edição, destaque o texto do cabeçalho e clique no ícone Âncora na barra de ferramentas.
   
4. No modal pop-up Propriedades da âncora , insira o nome da âncora no campo Nome da âncora . Recomendamos não usar espaços ou caracteres especiais no nome da âncora.
5. Clique em OK.
6. Repita as etapas 3 a 5 para cada título que você quiser vincular ao seu sumário.
7. Clique em Salvar e fechar.

Formatar sumário

Agora que você adicionou links âncora à sua campanha, está pronto para inserir o texto do sumário e adicionar links a cada item.

Para adicionar e formatar o sumário, siga estas etapas.

1. Clique no bloco de conteúdo Texto em que você quer adicionar o sumário.
2. No painel de edição, insira o texto no seu sumário.
   
3. Destaque o primeiro item e clique no ícone Vincular na barra de ferramentas.
   
   Tenha cuidado e destaque somente o texto que você quer vincular, evitando espaços ao redor do item. Isso será útil quando você formatar o texto posteriormente.
4. No modal pop-up Inserir ou editar link, clique no menu suspenso Vincular a e selecione Link âncora.
5. Clique no menu suspenso Selecione uma âncora para vincular e escolha o nome da âncora.
6. Clique em Opções avançadas e desmarque a caixa ao lado de Abrir em outra janela.
7. Clique em Insert (Inserir).
8. Repita as etapas 3 a 7 para todos os itens do sumário.

Utilize os ícones na barra de ferramentas para personalizar o estilo e o texto do sumário. Ao editar o sumário, destaque somente o texto que você quer alterar. Se você remover acidentalmente um link existente, adicione-o novamente. Para ver como seus links âncora aparecerão para seus contatos inscritos, visualize e teste seu e-mail.

Testes e solução de problemas do sumário

Testes e solução de problemas do sumário

As etiquetas de mesclagem *|MC:TOC|* e os links âncora não são suportados por todos os clientes de e-mail e podem não funcionar conforme o esperado com determinados clientes de e-mail. Portanto, antes de enviar, recomendamos que você visualize seu e-mail e envie alguns de teste para si mesmo. Para ver como uma variedade de clientes de e-mail exibirá seu sumário, use nossa ferramenta Inbox Preview.

Comportamento de e-mail no dispositivo móvel
Testar com Inbox Preview

Aqui estão algumas outras coisas a serem lembradas se o seu sumário não for exibido conforme o esperado.

• Se você usou a etiqueta de mesclagem *|MC:TOC|* para gerar um sumário no Criador Clássico, verifique se o texto do cabeçalho está formatado como um cabeçalho de sumário ou título de sumário. Para verificar o formato do cabeçalho, destaque o texto e clique no menu suspenso Estilos .
  

• Se você importou HTML para criar seu e-mail ou páginas de destino, adicionaremos uma etiqueta <base> ao seu código que pode vir a desfazer seus links de ancoragem. Para evitar links de ancoragem corrompidos, você precisará editar o código antes de importá-lo para o Mailchimp. No seu editor HTML, adicione sua própria etiqueta base em branco, como <base href = " "> dentro do elemento <head> e importe seu código HTML. Se detectarmos uma etiqueta <base> em branco no momento da importação, não adicionaremos a nossa.
  
  A etiqueta <base> em branco que você adiciona ao seu HTML deve se parecer com isso.

  <head>
   <base href= " ">
  </head >