Ajouter une table des matières et des liens d'ancrage dans votre email

Dans l'éditeur d'email Drag & Drop, ajouter une table des matières vous permet de rediriger les lecteurs vers des sections spécifiques de votre email. Une table des matières facilite la navigation dans une newsletter longue ou des mises à jour détaillées en cliquant sur les titres de section au lieu de faire défiler. Par exemple, si votre email inclut plusieurs sujets, tels que de nouveaux produits, des événements à venir et des offres spéciales, une table des matières permet aux lecteurs d’aller directement à la partie qui leur tient le plus à cœur.

dde_table-of-contents-email_en-us.gif

Avant de commencer

Assurez-vous que votre design d'email, créé avec l'éditeur d'email Drag & Drop, est finalisé et prêt à être envoyé. Toutes les sections vers lesquelles vous souhaitez rediriger devraient déjà exister dans votre mise en page.

Étape 1 : créer une table des matières 

Pour rediriger vos destinataires vers des sections spécifiques de votre email, vous devez d’abord créer une table des matières. Elle servira de zone de navigation où chaque lien pointe vers une partie différente de votre email :

  1. Dans la section Contenu > Blocs du panneau de gauche de l'éditeur, faites glisser et déposez le bloc de contenu Navigation
  2. Cliquez sur le bloc de contenu Navigation pour accéder à ses paramètres et choisir combien de liens vous souhaitez ancrer.
  3. Remplacez chaque Lien par un titre court qui reflète la section ou le contenu vers lequel vous souhaitez rediriger vos destinataires. Nous recommandons vivement d'utiliser un maximum de deux mots pour votre titre afin d'éviter d'encombrer votre table des matières et garantir qu'elle reste claire et facile à lire.
DEE_navigation-content-block_en-us.gif

Étape 2 : créer des ancres pour les sections de votre email

Maintenant que vous avez créé votre table des matières, il est temps de créer des ancres pour chaque section d'email vers laquelle vous redirigerez les destinataires. Dans notre cas d'utilisation, nous souhaitons rediriger vers chaque titre 2, car chacun représente une section de notre email. 

  1. Sélectionnez le texte de votre titre et cliquez sur 🔗 Ajouter un lien dans la barre d'outils supérieure. 
    dde_add-link-text_en-us.png
  2. Dans la liste déroulante Type de lien, sélectionnez Ancre pour les liens relatifs
  3. Dans le champ Nom de l'ancre, donnez un nouveau nom à votre ancre. Saisissez un nom court, sans espaces ni caractères spéciaux. Pour ce cas d'utilisation, nous utiliserons YogaPose
  4. Cliquez sur Insérer
    dde_create-anchor-text_en-us.png
  5. Répétez ces étapes pour chaque titre auquel vous souhaitez ajouter une ancre.

Étape 3 : lier votre table des matières à chaque section grâce aux liens relatifs

Maintenant que vous avez créé vos ancres, il est temps de les lier dans votre table des matières afin que vos destinataires soient redirigés vers la bonne section de votre email. Vous pouvez ajouter des liens relatifs aux textes ou aux images :

📝 Texet 🏞️ Image
  1. Cliquez et sélectionnez le texte auquel vous souhaitez ajouter un lien relatif.
  2. Cliquez sur 🔗 Ajouter un lien dans la barre d'outils supérieure. 
    dde_add-link_en-us.png
  3. Dans la liste déroulante Type de lien, sélectionnez Lien relatif (vers une ancre)
  4. Dans la liste déroulante Ancre cible, sélectionnez le nom de l'ancre correspondant à cet élément de votre table des matières. Pour ce cas d'utilisation, il s'agit de YogaPose
  5. Cliquez sur Insérer
    dde_add-relative-link-text_en-us.png
  6. Répétez ces étapes pour chaque ancre que vous souhaitez créer.

(Facultatif) Étape 4 : tester votre email 

Pour vous assurer que votre table des matières redirige vers les bonnes sections et que votre design fonctionne comme prévu, envoyez-vous un email de test. 

➡️ Pour en savoir plus, consultez notre article dédié Prévisualiser et tester votre email.

⏭️ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

💬 Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 1 sur 3