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.
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:
- Em Content (Conteúdo) > Blocks (Blocos), no painel esquerdo do editor, arraste e solte o bloco de conteúdo Navigation (Navegação) .
- Clique no bloco de conteúdo Navigation (Navegação) para acessar suas configurações e escolher quantos links você deseja ancorar.
- 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.
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.
- Selecione o texto do cabeçalho e clique em 🔗 Add link (Adicionar link) na barra de ferramentas superior.
- Na lista suspensa de tipo de link , selecione Anchor for relative links (Âncora para link relativo).
- 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.
- Clique em Insert (Inserir).
- 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:
- Clique e selecione o texto ao qual deseja adicionar um link relativo.
-
Clique em 🔗 Add link (Adicionar link) na barra de ferramentas superior.
- Na lista suspensa de tipo de link, selecione Relative link (to anchor) (Link relativo (para âncora).
- 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.
-
Clique em Insert (Inserir).
- Repita essas etapas para cada âncora que você deseja criar.
- Clique na imagem e abra a seção Link settings (Configurações de link) no painel esquerdo.
- Na lista suspensa de tipo de link, selecione Relative link (to anchor) (Link relativo (para âncora).
-
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. O link é salvo automaticamente.
- Repita essas etapas para cada âncora que você deseja criar.
-
(Opcional) Oculte imagens em dispositivos móveis para evitar que ocupem todo o espaço na tela dos seus destinatários. Para saber mais, consulte nosso artigo dedicado Mostrar ou ocultar conteúdo em seus e-mails (visibilidade de conteúdo).
❗️ ImportanteSe você ocultar imagens em dispositivos móveis, certifique-se de adicionar um índice em formato de texto para substituir o índice com imagens.
(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?
- Mostre ou oculte conteúdo em seus e-mails (visibilidade de conteúdo)
- Otimize o design de seu e-mail para dispositivos móveis (otimizado para dispositivo móvel)
- Seção Editor de e-mail de arrastar e soltar
🤔 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.