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.
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 :
- Dans la section Contenu > Blocs du panneau de gauche de l'éditeur, faites glisser et déposez le bloc de contenu Navigation.
- Cliquez sur le bloc de contenu Navigation pour accéder à ses paramètres et choisir combien de liens vous souhaitez ancrer.
- 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.
É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.
- Sélectionnez le texte de votre titre et cliquez sur 🔗 Ajouter un lien dans la barre d'outils supérieure.
- Dans la liste déroulante Type de lien, sélectionnez Ancre pour les liens relatifs.
- 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.
- Cliquez sur Insérer.
- 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 :
- Cliquez et sélectionnez le texte auquel vous souhaitez ajouter un lien relatif.
-
Cliquez sur 🔗 Ajouter un lien dans la barre d'outils supérieure.
- Dans la liste déroulante Type de lien, sélectionnez Lien relatif (vers une ancre).
- 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.
-
Cliquez sur Insérer.
- Répétez ces étapes pour chaque ancre que vous souhaitez créer.
- Cliquez sur l'image et ouvrez la section Paramètres du lien dans le panneau de gauche.
- Dans la liste déroulante Type de lien, sélectionnez Lien relatif (vers une ancre).
-
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. Le lien est enregistré automatiquement.
- Répétez ces étapes pour chaque ancre que vous souhaitez créer.
-
(Facultatif) Masquez les images sur les appareils mobiles pour éviter qu'elles ne prennent
tout l'espace sur les écrans de vos destinataires. Pour en savoir plus, consultez
notre article dédié
Afficher ou masquer le contenu dans vos emails (visibilité du contenu).
❗️ ImportantSi vous masquez des images sur des appareils mobiles, assurez-vous d'ajouter une table des matières avec du texte pour remplacer celle avec des images.
(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 ?
- Afficher ou masquer le contenu dans vos emails (visibilité du contenu)
- Optimiser le design de vos emails pour les appareils mobiles (adapté aux mobiles)
- Section Éditeur d'email Drag & Drop
🤔 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.