Adicionar um índice e um link de âncora ao seu e-mail

No editor de e-mail de arrastar e soltar, adicionar um índice permite redirecionar os leitores para seções específicas do seu e-mail. Um índice facilita que os destinatários naveguem por boletins informativos longos ou atualizações detalhadas, permitindo que cliquem nos títulos das seções em vez de precisar rolar a página. Por exemplo, se o seu e-mail inclui vários tópicos, como novos produtos, eventos futuros e ofertas especiais, um índice permite que os leitores acessem diretamente a parte que mais lhes interessa.

dde_table-of-contents-email_en-us.gif

Antes de começar

Certifique-se de que o design do seu e-mail, criado com o editor de e-mail de arrastar e soltar, esteja finalizado e pronto para envio. Todas as seções para as quais você deseja criar link já devem existir em seu layout.

Etapa 1: crie um índice 

Para direcionar seus destinatários a seções específicas dentro do seu e-mail, você primeiro precisa criar um índice. Ele servirá como a área de navegação, onde cada link aponta para uma parte diferente do seu e-mail:

  1. Em Content (Conteúdo) > Blocks (Blocos), no painel esquerdo do editor, arraste e solte o bloco de conteúdo Navigation (Navegação)
  2. Clique no bloco de conteúdo Navigation (Navegação) para acessar suas configurações e escolher quantos links você deseja ancorar.
  3. Para cada Link, substitua-o por um título curto que reflita a seção ou o conteúdo para o qual você deseja redirecionar seu destinatário. Recomendamos fortemente usar no máximo duas palavras no título para evitar sobrecarregar o índice e garantir que ele permaneça claro e fácil de ler.
DEE_navigation-content-block_en-us.gif

Etapa 2: crie âncoras para as seções de seu e-mail

Agora que você criou seu índice, é hora de criar âncoras para cada seção de e-mail para a qual você redirecionará destinatários. Em nosso caso de uso, queremos redirecionar para cada cabeçalho 2, pois cada um deles representa uma seção de nosso e-mail. 

  1. Selecione o texto do cabeçalho e clique em 🔗 Add link (Adicionar link) na barra de ferramentas superior. 
    dde_add-link-text_en-us.png
  2. Na lista suspensa de tipo de link , selecione Anchor for relative links (Âncora para link relativo)
  3. No campo Anchor name (Nome da âncora) , dê um novo nome à sua âncora. Insira um nome curto, sem espaços ou caracteres especiais. Para esse caso de uso, utilizaremos YogaPose
  4. Clique em Insert (Inserir)
    dde_create-anchor-text_en-us.png
  5. Repita essas etapas para cada cabeçalho ao qual você deseja adicionar uma âncora.

Etapa 3: vincule seu índice a cada seção com links relativos

Agora que você criou suas âncoras, é hora de vinculá-las no índice para que seus destinatários sejam direcionados para a seção correta do seu e-mail. Você pode adicionar links relativos a textos ou imagens:

📝 Texto 🏞️ Imagem
  1. Clique e selecione o texto ao qual deseja adicionar um link relativo.
  2. Clique em 🔗 Add link (Adicionar link) na barra de ferramentas superior. 
    dde_add-link_en-us.png
  3. Na lista suspensa de tipo de link, selecione Relative link (to anchor) (Link relativo (para âncora)
  4. Na lista suspensa Target anchor (Âncora de destino), selecione o nome da âncora correspondente a este elemento do seu índice. Para esse caso de uso, é YogaPose
  5. Clique em Insert (Inserir)
    dde_add-relative-link-text_en-us.png
  6. Repita essas etapas para cada âncora que você deseja criar.

(Opcional) Etapa 4: teste seu e-mail 

Para garantir que seu índice está redirecionando para as seções corretas e que o design está como esperado, envie um e-mail de teste para si mesmo. 

➡️ Para saber mais, consulte o artigo dedicado Pré-visualizar e testar seu e-mail.

⏭️ O que vem a seguir?

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar à agência parceira da Brevo certa.

💬 Este artigo foi útil?

1 de 3 acharam isto útil