Ajouter une table des matières à votre e-mail ou à votre page de destination

Ajoutez une table des matières à votre e-mail ou à votre page de destination pour garantir l'exactitude de vos données marketing, organiser et gérer vos communications. Il permet aux destinataires de trouver les informations qui les intéressent et de suivre leur intérêt.

Mailchimp propose deux manières de configurer une table des matières (TOC) : le tag de fusion *|MC:TOC|* et les liens personnalisés. Utilisez le tag de fusion *|MC:TOC|* pour créer une table des matières avec des liens vers les titres. Vous pouvez également utiliser les liens d'accompagnement pour créer votre propre table des matières en y ajoutant votre texte, votre style et votre mise en page.

Dans cet article, vous apprendrez comment ajouter une table des matières dans le nouveau et le constructeur classique.

Avant de commencer

Voici quelques choses à savoir avant de passer à cette étape.

• Le tag de fusion *|MC:TOC|* reprend le style du texte du lien de sa section. Cela signifie que, si vous le placez dans la section de l'en-tête, il ressemblera à l'autre texte du lien de la section de l'en-tête. Pour modifier le format de votre table des matières, déplacez le tag dans une autre section ou utilisez les liens d'arrimage dans l'outil de création classique.
• Le tag de fusion *|MC:TOC|* fusionner et les liens d'accompagnement ne fonctionnent pas dans tous les clients par e-mail. Vérifiez donc votre e-mail avant de l'envoyer. Dans ce cas, vos contacts abonnés s'afficheront dans la table des matières, mais vous ne pourrez pas cliquer sur les liens.

Ajouter une table des matières à votre e-mail ou à votre page de destination

Utilisez le tag de fusion de la table des matières

Le tag de fusion *|MC:TOC|* insère une table des matières avec des liens vers les titres que vous choisissez. Tout d'abord, ajoutez un code aux titres que vous voulez inclure dans votre table des matières. Ensuite, ajoutez le tag de fusion *|MC:TOC|* à l'endroit où vous voulez que la table des matières apparaisse.

Lorsque vous envoyez votre e-mail, nous remplacent le tag de fusion par une table des matières qui inclut les titres que vous avez sélectionnés.

Ajouter le tag de fusion de la table des matières dans le nouveau produit

Suivez ces étapes pour ajouter une table des matières à votre e-mail dans la nouvelle fenêtre.

Ajouter un code de titre aux titres de la table des matières

Pour inclure un en-tête dans votre table des matières, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de rubriques ou de paragraphes , ou cliquez sur un bloc et faites-en un glisser dans votre mise en page.
2. Mettez en surbrillance le texte que vous souhaitez inclure dans votre table des matières et utilisez le menu déroulant Style de texte dans la barre d'outils d'édition pour vous assurer qu'il s'agit bien d'un Titre 1 ou d'un Titre 2.
   
   Les titres doivent être de niveau 1 ou 2 et doivent contenir du texte. Le tag de fusion *|MC:TOC|* ne sera pas uniquement associé à un chiffre.
3. Cliquez sur l’onglet Code .
   
4. Dans l'éditeur HTML, insérez un espace entre la balise d'en-tête et le parenthèse dans l'angle droit (>).
   
5. Entrez le titre de la classe avant l'angle droit, parenthèse () ()>).
   
   class="="mc-toc-titre"
   
   
6. Répétez les étapes 2 à 5 pour chaque titre que vous voulez inclure dans votre table des matières.

Ajouter le tag de fusion de la table des matières

Après avoir ajouté le code du titre à vos en-têtes, ajoutez le tag de fusion *|MC:TOC|* dans n'importe quel bloc de titres ou de paragraphes afin d'insérer la table des matières.

Pour ajouter le tag de fusion *|MC:TOC|*, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de rubriques ou de paragraphes , ou cliquez sur un bloc et faites-en un glisser dans votre mise en page.
2. Si vous voulez, entrez un titre pour votre table des matières, comme « Dans cet e-mail.
3. Entrez le tag de fusion *|MC:TOC|* . Placez-le sous le titre de votre table des matières si vous en avez inclus un.
   
4. Cliquez sur Visualiser pour voir comment apparaîtra la table des matières par rapport aux contacts abonnés. Vous pouvez éventuellement aligner le titre de votre table des matières afin qu’il corresponde aux en-têtes à puce.

Beau travail ! Vous avez ajouté avec succès une table des matières à votre e-mail.

Ajouter le tag de fusion de la table des matières dans la version classique

Le tag de fusion *|MC:TOC|* insère une table des matières avec des liens vers les titres que vous choisissez. Dans un premier temps, vous devrez formater le texte de l'en-tête que vous voulez inclure dans votre table des matières. Vous ajouterez ensuite le tag de fusion *|MC:TOC|* à l'endroit où vous voulez que la table des matières apparaisse.

Lorsque vous envoyez votre e-mail ou que vous publiez votre page de destination, nous remplacent le tag de fusion par une table des matières qui inclut les titres que vous avez sélectionnés.

Formater les titres et titres de la table des matières

Pour formater le texte comme l’en-tête ou le titre d’une table des matières dans l’outil de création classique, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de données contenant du texte.—comme les blocs Texte, Texte enregistréou Image + Texte , ou cliquez sur un e-mail et faites-en glisser un dans votre mise en page.
2. Dans le champ des modifications, mettez en surbrillance le texte à formater dans le titre de la table des matières. Votre en-tête doit contenir du texte. Le tag de fusion *|MC:TOC|* ne génère pas uniquement de lien vers un numéro.
   
3. Dans la barre d'outils de l'éditeur, cliquez sur le menu déroulant Styles et sélectionnez Titre 1 ou Titre 2. Choisissez le titre « TOC » si vous souhaitez lui appliquer des styles supplémentaires.
   
4. Cliquez sur Enregistrer & Fermez.
5. Répétez les étapes 2 à 4 pour chaque titre que vous voulez inclure dans votre table des matières.

Ajouter le tag de fusion de la table des matières

Après avoir formaté les en-têtes de votre tableau de bord, ajoutez le tag de fusion *|MC:TOC|* dans n'importe quel bloc de contenu textuel pour insérer la table des matières. Le style du texte et des liens de la table des matières correspondra à la section correspondante. Pour personnaliser, essayez les liens d'accueil.

Pour ajouter le tag de fusion *|MC:TOC|*, suivez les étapes ci-dessous.

1. Cliquez sur le bloc de données où vous voulez faire la table des matières. Vous pouvez utiliser un bloc de contenu Texte, Texte enregistré, Carte d'imageou Image + Texte .
2. Dans la fenêtre de modification, cliquez sur la liste déroulante Fusionner les tags et sélectionnez Table des matières.
   
   Vous pouvez également entrer *|MC:TOC|* directement dans votre contenu.
3. Cliquez sur Enregistrer & Fermez.
4. Cliquez sur Visualiser pour voir comment votre e-mail ou votre page de destination apparaîtra pour vos destinataires.

Beau travail ! Vous avez ajouté avec succès une table des matières à votre e-mail ou à votre page de destination.

Consultez ces articles pour visualiser et tester votre e-mail, ainsi que pour modifier des sections dans l'outil de création classique.

Visualiser et tester votre adresse e-mail
Afficher et modifier la conception des sections dans l'e-mail et les pages de destination

Ajouter une table des matières à un modèle HTML personnalisé

Si vous utilisez un modèle HTML personnalisé, vous pouvez toujours utiliser le tag de fusion *|MC:TOC|* pour insérer une table des matières. Assurez-vous simplement que vous avez mis en page chaque en-tête avec les bonnes balises, et vous serez prêt à commencer.

Tout d'abord, ouvrez le code source du modèle et ajoutez class="title" ou class="="mc-toc-title" au <étendue>, <div>, <h1>, ou <h2> balises des titres que vous voulez voir apparaître dans la table des matières. Ces classes ne sont pas compatibles avec <h3> et <h4> tags, utilisez donc <étendue> tags, le cas échéant.

Vos en-têtes doivent utiliser l'un des exemples de ce tableau. L'un ou l'autre type de classe peut être utilisé.

Après avoir modifié vos tags, vous ajouterez *|MC:TOC|* à l'endroit où vous voulez que la table des matières apparaisse dans votre modèle.

*|MC:TOC|*
< div class= « title » id= « nouvelle entreprise » >

Où modifier le code du modèle ?

Utiliser des liens d'accompagnement

Pour plus de flexibilité, créez des liens d'accompagnement vers le contenu de votre e-mail ou de votre page de destination. Ainsi, vous pouvez personnaliser le texte et le style des liens dans votre table des matières. Dans un premier temps, vous ajouterez des points d'appui dans les titres de votre contenu. Vous pourrez ensuite entrer le texte de votre table des matières et associer chaque élément à son lien d'identification.

Ajoutez des liens dans la nouvelle fenêtre

Ajouter des liens

Pour ajouter des liens au texte de votre en-tête, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de données (en-tête) ou cliquez sur l'un d'entre eux pour le mettre en page.
2. Mettez en surbrillance le texte du titre, puis cliquez sur l'icône Ancrage dans la barre d'outils de modification.
3. Dans la fenêtre contextuelle des propriétés , entrez le nom de votre point d'interrogation dans le champ Nom du point d'interrogation . Nous vous recommandons de ne pas utiliser d'espaces ni de caractères spéciaux dans le nom du point d'interrogation.
4. Cliquez sur Enregistrer.
5. Répétez cette procédure pour chaque en-tête que vous voulez associer à votre table des matières.

Formater la table des matières

Maintenant que vous avez ajouté des liens à votre contenu, vous pouvez entrer le texte de la table des matières et ajouter des liens à chaque article.

Pour ajouter et formater votre table des matières, suivez les étapes ci-dessous.

1. Cliquez sur le bloc Récapitulatif des paragraphes où vous voulez ajouter votre table des matières.
2. Dans le panneau de modification, entrez le texte de votre table des matières.
   
3. Mettez en surbrillance le premier élément et cliquez sur l'icône Lien dans la barre d'outils.
   
   Veillez à ne mettre en surbrillance que le texte à associer et à éviter les espaces autour de l'élément. Cela vous aidera à formater le texte plus tard.
4. Dans la fenêtre modale Lien texte , cliquez sur le lien vers le menu déroulant et sélectionnez Ancrage.
5. Cliquez sur Sélectionner un point d'interrogation pour renvoyer au menu déroulant et choisir le nom du point d'interrogation.
6. Cliquez sur Enregistrer.
7. Répétez les étapes 3 à 5 pour chaque article de votre table des matières.

Utilisez les icônes de la barre d'outils pour personnaliser le style et le libellé de votre table des matières. Lorsque vous modifiez votre table des matières, veillez à ne sélectionner que le texte à modifier en surbrillance. Si vous supprimez par erreur un lien existant, ajoutez-le à nouveau. Pour voir comment vos liens apparaissent aux contacts abonnés, affichez le aperçu de votre e-mail.

Ajoutez des liens dans l'outil de création classique

Ajouter des liens

Pour ajouter des liens d'accompagnement au texte de votre en-tête dans l'outil de création classique, suivez ces étapes.

1. Cliquez sur un bloc de contenu qui contient du texte, comme les blocs Texte, Texte enregistréou Image + Texte , ou cliquez sur un bloc de texte et faites-le glisser dans votre mise en page.
2. Entrez le texte de votre table des matières.
3. Dans le panneau de modification, mettez en surbrillance le texte de l'en-tête et cliquez sur l'icône Ancrage dans la barre d'outils.
   
4. Dans la fenêtre modale, entrez le nom de votre point d'interrogation dans le champ Nom de l'orque . Nous vous recommandons de ne pas utiliser d'espaces ni de caractères spéciaux dans le nom de votre colonne.
5. Cliquez sur OK.
6. Répétez les étapes 3 à 5 pour chaque en-tête que vous voulez associer à votre table des matières.
7. Cliquez sur Enregistrer & Fermez.

Formater la table des matières

Maintenant que vous avez ajouté des liens à votre contenu, vous pouvez entrer le texte de la table des matières et ajouter des liens à chaque article.

Pour ajouter et formater votre table des matières, suivez les étapes ci-dessous.

1. Cliquez sur le bloc Texte à l'endroit où vous voulez ajouter votre table des matières.
2. Dans le panneau de modification, entrez le texte de votre table des matières.
   
3. Mettez en surbrillance le premier élément et cliquez sur l'icône Lien dans la barre d'outils.
   
   Veillez à ne mettre en surbrillance que le texte à associer et à éviter les espaces autour de l'élément. Cela vous aidera à formater le texte plus tard.
4. Dans la fenêtre modale Insérer ou Modifier le lien , cliquez sur le menu déroulant Lien et sélectionnez Lien d'or.
5. Cliquez sur Sélectionner un point d'interrogation pour renvoyer au menu déroulant et choisir le nom du point d'interrogation.
6. Cliquez sur Options avancées et décochez la case en regard de Ouvrir dans une nouvelle fenêtre.
7. Cliquez sur Insérer.
8. Répétez les étapes 3 à 7 pour chaque article dans votre table des matières.

Utilisez les icônes de la barre d'outils pour personnaliser le style et le libellé de votre table des matières. Lorsque vous modifiez votre table des matières, veillez à ne sélectionner que le texte à modifier en surbrillance. Si vous supprimez par erreur un lien existant, ajoutez-le à nouveau. Pour voir comment vos liens apparaissent aux contacts abonnés, affichez le aperçu de votre e-mail.

Testez et dépannez la table des matières

Le tag de fusion *|MC:TOC|* fusionner et les liens d' référence ne sont pas pris en charge par tous les clients par e-mail et peuvent ne pas fonctionner correctement avec certains clients par e-mail. Avant d'envoyer votre demande, nous vous recommandons de visualiser votre e-mail et de vous envoyer quelques e-mails test. Pour voir comment différents clients peuvent afficher votre table des matières, utilisez notre outil Aperçu en boîte.

Comportement des e-mails sur mobile
Tester avec l'aperçu de la boîte de réception

Gardez à l'esprit les points suivants si votre table des matières ne s'affiche pas correctement.

• Si vous avez utilisé le tag de fusion *|MC:TOC|* pour générer une table des matières dans la version classique, assurez-vous que le texte de l'en-tête doit être au format actuel. Pour vérifier le format de l'en-tête, mettez le texte en surbrillance et cliquez sur la liste déroulante Styles .
  

• Si vous avez importé HTML pour créer votre e-mail ou votre page de destination, nous ajouterons un <base> tag à votre code afin de casser vos liens d' payer. Afin d'éviter tout risque de rupture de lien, vous devez modifier le code avant de l'importer dans Mailchimp. Dans votre éditeur HTML, ajoutez votre propre tag de base vide, comme <texte de base = « »> à l'intérieur du <tête> élément, puis importez votre code HTML. Si nous détectez un champ <base> au moment de l'importation, nous n'ajouterons pas le notre.
  
  Le champ vide <base> Le tag HTML que vous ajoutez devrait être le même.

  <tête>
   <base obligatoire ()>
  </tête >