Adicione um índice a uma campanha

Adicione um sumário ao layout da sua campanha para manter o conteúdo claro, organizado e fácil de navegar. Isso ajuda seus assinantes a encontrarem rapidamente as informações que os interessam, para que permaneçam engajados com suas campanhas.

O Mailchimp oferece duas maneiras de definir um sumário na campanha: a etiqueta de mesclagem *|MC:TOC|* e os links âncora personalizados. A etiqueta de mesclagem *|MC:TOC|* cria um sumário para você, contendo links para os títulos da campanha. Os links âncora permitem que você crie seu próprio sumário com texto, estilo de link e formatação personalizados.

Neste artigo, você aprenderá sobre as duas maneiras de adicionar sumários à campanha.

Antes de começar

• A etiqueta de mesclagem *|MC:TOC|* e os links âncora não são compatíveis com os clientes de e-mail e podem não funcionar conforme o esperado quando a campanha for exibida em um dispositivo móvel, portanto, é importante testar bastante a sua campanha.
• 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 índice, mova a etiqueta para outra seção ou use links âncora.

Usar a etiqueta de mesclagem *|MC:TOC|*

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, inclua a etiqueta de mesclagem *|MC:TOC|* na seção da campanha em que você deseja colocar o sumário.

Quando você enviar para o seu público, substituiremos a etiqueta de mesclagem por um sumário que inclua os títulos que você formatou em sua campanha.

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

Primeiro, escolha que tipo de estilo de cabeçalho de sumário usar. Para aplicar um formato de cabeçalho padrão ao seu texto, escolha um estilo de TOC heading (cabeçalho de sumário) no menu suspenso. Se você quiser estilizar manualmente a aparência do cabeçalho no corpo da campanha, escolha TOC title (Título do sumário) e aplique estilos adicionais. Observe que as alterações feitas aqui não afetam a aparência do sumário.

Para formatar o texto como um cabeçalho de sumário ou título de sumário, siga estas etapas.

1. Na seção Content (Conteúdo) do Construtor de campanhas, clique em Edit Design (Editar design).
   
2. Na etapa Design, clique no bloco de conteúdo Text (Texto) que contém o cabeçalho que você quer incluir no seu sumário.
3. No painel de edição, realce o cabeçalho que você quer formatar. Certifique-se de que seu cabeçalho contenha texto — a etiqueta de mesclagem *|MC:TOC|* não gerará um link para um número apenas.
   
4. Na barra de ferramentas do editor, clique no menu suspenso Styles (Estilos) e escolha TOC heading (Cabeçalho de sumário) ou TOC title (Título de sumário).
   
   Se você escolher TOC title (Título de sumário), use os outros botões na barra de ferramentas para aplicar estilos adicionais ao cabeçalho.
5. Clique em Save & Close (Salvar e fechar).
6. Repita essas etapas 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 de conteúdo, adicione a etiqueta de mesclagem *|MC:TOC|* a qualquer bloco de conteúdo de Text (Texto) para inserir o sumário. O texto e o estilo de link do sumário corresponderão à seção da campanha e não poderão ser alterados. Se precisar personalizá-lo, tente os links âncora.

Para adicionar a etiqueta de mesclagem do sumários, siga estas etapas.

1. Na seção Content (Conteúdo) do criador de campanhas, clique em Design Email (Criar e-mail).
   
2. Clique na área de texto à qual você quer adicionar o sumário.
3. Clique no menu suspenso Merge Tags (Etiquetas de mesclagem) e escolha Table of Contents (Sumário).
   
4. Clique em Save & Close (Salvar e fechar).

Tudo pronto! Você adicionou um sumário à sua campanha. Para ver como sua campanha aparecerá nas caixas de entrada de seus destinatários, consulte o modo de visualização.

Visualizar e testar uma campanha de e-mail
Visualizar e editar o design da seção

Adicione 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 títulos que você deseja que apareçam no sumário. Essas classes não funcionam com etiquetas < h3 > e < h4 >, portanto, tente 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= "alumni-news" >

Onde editar o código do modelo

Use links âncora

Para ter mais flexibilidade, crie links para âncoras no conteúdo da sua campanha. É um pouco mais trabalhoso, mas permite que você personalize o estilo do texto do sumário. Primeiro, você adicionará âncoras aos títulos no conteúdo da sua campanha. Em seguida, insira o texto do sumário e vincule cada item ao seu link âncora.

Adicionar links de âncora

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

1. Na seção Conteúdo do Construtor de campanhas, clique em Editar design.
   
2. Na etapa Design, clique no bloco de conteúdo Text (texto) que contém o cabeçalho que você quer incluir no seu sumário.
3. Coloque o cursor no início do cabeçalho e clique no ícone Anchor (âncora) na barra de ferramentas.
   
4. No modo pop-up **Anchor Properties (propriedades da âncora), digite o nome da âncora no campo Anchor name (nome da âncora) e clique em OK. Não use espaços ou caracteres especiais no nome da âncora.
   
5. Clique em OK.
6. 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 Text (texto) em que você quer adicionar o sumário.
2. No painel de edição, insira o sumário.
   
3. Destaque o texto e clique no ícone Link (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 Insert or Edit Link (inserir ou editar link), clique no menu suspenso Link to: (vincular a) e selecione Anchor Link (link âncora).
5. Clique no menu suspenso Select An Anchor To Link To (selecione uma âncora para vincular) e escolha o nome da âncora a que esse link deverá ser vinculado.
6. Clique em **Advanced Options (opções avançadas) e desmarque a caixa ao lado de Open in a new window (abrir em outra janela).
7. Clique em Insert (Inserir).
   
8. Repita essas etapas para todos os itens do sumário.

Utilize os botões da barra de ferramentas do editor para personalizar o estilo e as palavras do sumário. Ao editar o sumário, destaque somente o texto que você quer alterar. Dependendo da edição que fizer, você pode remover um link existente e precisar adicioná-lo novamente. Para ver como os links âncora aparecerão para os destinatários, visualize e teste a campanha.

Visualizar e testar sua campanha

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

As etiquetas de mesclagem *|MC:TOC|* e os links de ancoragem não são suportados por todos os clientes de e-mail e podem não funcionar conforme o esperado quando uma campanha for exibida em um dispositivo móvel.

Portanto, antes de enviar, recomendamos que você visualize e teste sua campanha e envie alguns e-mails 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 da campanha em dispositivo móvel
Visualizar e testar sua campanha
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, 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 Styles (Estilos), onde você verá qual estilo está selecionado.
• Se você importou HTML para criar sua campanha, 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 >