Ajouter une table des matières à une campagne

Ajoutez une table des matières à votre e-mail ou page de destination pour que votre marketing reste clair, organisé et facile à comprendre. Cela aide vos destinataires à trouver les informations qui les intéressent et à poursuivre leur engagement avec votre contenu.

Mailchimp propose 2 façons de configurer une table des matières ("table of contents", TOC) : la balise de fusion *|MC:TOC|* et les liens d'ancrage personnalisés. Utilisez la balise de fusion *|MC:TOC|* pour créer une table des matières avec des liens vers des titres. Vous pouvez également utiliser des liens d'ancrage pour créer votre propre table des matières avec un libellé, un style de lien et un formatage personnalisés.

Dans cet article, vous apprendrez à ajouter une table des matières dans le nouveau créateur et dans le créateur classique.

Avant de commencer

Voici ce qu'il faut savoir avant de commencer ce processus.

• La balise de fusion *|MC:TOC|* hérite du style de texte de lien de sa section. Cela signifie que si vous le placez dans la section d'en-tête, il ressemblera à un autre texte de lien de section d'en-tête. Pour modifier le format de votre table des matières, déplacez la balise vers une section différente ou utilisez des liens d'ancrage dans le créateur classique.
• La balise de fusion *|MC:TOC|* et les liens d'ancrage ne fonctionneront pas dans tous les clients de messagerie, alors assurez-vous de tester votre e-mail avant de l'envoyer. Si cela se produit, vos contacts abonnés verront la table des matières, mais les liens ne seront pas cliquables.

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

Utiliser la balise de fusion de la table des matières

La balise de fusion *|MC:TOC|* insère une table des matières avec des liens vers les titres de votre choix. Tout d'abord, ajoutez un code de titre aux titres que vous souhaitez inclure dans votre table des matières. Ensuite, ajoutez la balise de fusion *|MC:TOC|* à l'endroit où vous souhaitez voir apparaître la table des matières.

Lorsque vous enverrez votre e-mail, nous remplacerons la balise de fusion par une table des matières comprenant les titres que vous avez sélectionnés.

Ajouter la balise de fusion de la table des matières dans le nouveau créateur

Pour inclure une table des matières dans votre e-mail dans le nouveau créateur, procédez comme suit.

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

Pour inclure un titre dans votre table des matières, procédez comme suit.

1. Cliquez sur un bloc de contenu Titre ou Paragraphe , ou faites-le 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 d'un Titre 1 ou Titre 2.
   
   Les titres doivent être de niveau 1 ou 2 et contenir du texte. La balise de fusion *|MC:TOC|* ne sera pas reliée à un numéro seul.
3. Cliquez sur l'onglet Code .
   
4. Dans l'éditeur HTML, insérez un espace entre la balise de titre et le chevron supérieur (>).
   
5. Saisissez le titre de la classe avant le chevron supérieur (>).
   
   class="mc-toc-title"
   
   
6. Répétez les étapes 2 à 5 pour chaque titre que vous souhaitez inclure dans votre table des matières.

Ajoutez la balise de fusion de la table des matières

Après avoir ajouté le code de titre à vos titres, ajoutez la balise de fusion *|MC:TOC|* appliquée à un bloc de contenu Titre ou Paragraphe quelconque pour insérer la table des matières.

Pour utiliser une balise de fusion *|MC:TOC|*, procédez comme suit.

1. Cliquez sur un bloc de contenu Titre ou Paragraphe , ou faites-le glisser dans votre mise en page.
2. Si vous le souhaitez, saisissez un titre pour votre table des matières, tel que "Dans cet e-mail".
3. Saisissez la balise de fusion *|MC:TOC|* . Placez-la sous le titre de votre table des matières si vous en disposez.
   
4. Cliquez sur Aperçu afin de voir le rendu de votre table des matières pour les contacts abonnés. Vous pouvez choisir d'aligner le titre de votre table des matières à gauche pour qu'il corresponde aux titres à puces.

Bien joué ! Vous avez réussi à ajouter une table des matières à votre e-mail.

Ajouter la balise de fusion de table des matières dans le créateur classique

La balise de fusion *|MC:TOC|* insère une table des matières avec des liens vers les titres de votre choix. Commencez par formater le titre que vous souhaitez inclure dans votre table des matières. Ensuite, vous ajouterez la balise de fusion *|MC:TOC|* à l'endroit où vous souhaitez voir apparaître la table des matières.

Lorsque vous enverrez votre e-mail ou que vous publierez votre page de destination, nous remplacerons la balise de fusion par une table des matières comprenant les titres que vous avez sélectionnés.

Formater les en-têtes et titres de la table des matières

Pour formater le texte en tant qu'en-tête ou titre de table des matières dans le créateur classique, procédez comme suit.

1. Cliquez sur un bloc de contenu contenant du texte, tel que les blocs Texte, Encadré ou Image + Texte , ou cliquez et faites glisser un bloc dans votre mise en page.
2. Dans le volet d'édition, sélectionnez le texte que vous souhaitez mettre en forme en tant que titre de table des matières. Votre titre doit contenir du texte. La balise de fusion *|MC:TOC|* ne générera pas de lien vers un numéro seul.
   
3. Dans la barre d'outils de l'éditeur, cliquez sur le menu déroulant Styles et sélectionnez Titre TOC 1 ou Titre TOC 2. Choisissez le titre TOC si vous souhaitez appliquer des styles supplémentaires au titre.
   
4. Cliquez sur Save & Close (Enregistrer et fermer).
5. Répétez les étapes 2 à 4 pour chaque titre que vous souhaitez inclure dans votre table des matières.

Ajoutez la balise de fusion de la table des matières

Après avoir formaté vos titres TOC, ajoutez la balise de fusion *|MC:TOC|* à un bloc de contenu textuel quelconque pour insérer la table des matières. Le style du texte et du lien de la table des matières correspondra à la section dans laquelle il se trouve. Si vous avez besoin de le personnaliser, essayez plutôt les liens d'ancrage.

Pour utiliser une balise de fusion *|MC:TOC|*, procédez comme suit.

1. Cliquez sur le bloc de contenu où vous voulez placer votre table des matières. Vous pouvez utiliser un bloc de contenu Texte, Encadré, Carte d'image ou Image + Texte
2. Dans le volet d'édition, cliquez sur le menu déroulant Fusionner les balises et choisissez Table des matières.
   
   Vous pouvez également accéder *|MC:TOC|* directement à votre contenu.
3. Cliquez sur Save & Close (Enregistrer et fermer).
4. Cliquez sur Aperçu afin de voir le rendu de votre e-mail ou page de destination pour vos destinataires.

Bien joué ! Vous avez réussi à ajouter une table des matières à votre e-mail ou votre page de destination.

Consultez ces articles pour prévisualiser et tester votre e-mail, et pour modifier des sections dans le créateur classique.

Prévisualiser et tester votre e-mail
Afficher et modifier la conception des sections d'e-mail et de 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 la balise de fusion *|MC:TOC|* pour insérer une table des matières. Assurez-vous simplement d'avoir formaté chaque rubrique avec les bonnes balises et vous serez prêt(e).

Tout d'abord, ouvrez le code source du modèle et ajoutez class="title" ou class="mc-toc-title" aux balises <span>, <div>, <h1> ou <h2> des titres à faire apparaître dans votre table des matières. Ces classes ne fonctionnant pas avec les balises <h3> et <h4>, tâchez d'utiliser plutôt les balises <span>.

Vos rubriques formatées doivent utiliser l'un des exemples de ce tableau. Chaque type de classe peut être utilisé.

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

*|MC:TOC|*
< div class= "title" id= "plant-news" >

Où modifier le code d'un modèle

Utilisez les liens d'ancrage dans le créateur classique.

Utiliser des liens d'ancrage

Pour plus de flexibilité, créez des liens d'ancrage vers le contenu de votre e-mail ou de votre page de destination. De cette façon, vous pouvez personnaliser le texte et le style de lien dans votre table des matières. Tout d'abord, vous allez ajouter des ancres aux titres de votre contenu. Ensuite, vous allez saisir le texte pour votre table des matières, et relier chaque élément à son lien d'ancrage.

Ajouter des liens d’ancrage dans le nouveau créateur

Ajouter des liens d'ancrage

Pour ajouter des liens d'ancrage au titre de votre rubrique, procédez comme suit.

1. Cliquez sur un bloc de contenu Titre , ou faites-le glisser dans votre mise en page.
2. Mettez en surbrillance le texte du titre, puis cliquez sur l’icône ancre dans la barre d’outils.
3. Dans la fenêtre contextuelle Propriétés de l'ancrage , saisissez le nom de votre ancre dans le champ Nom de l'ancrage . Il est recommandé d’éviter l’utilisation d'espaces et de caractères spéciaux dans le nom de l’ancre.
4. Cliquez sur Save (Enregistrer).
5. Répétez ce processus pour chaque titre que vous souhaitez lier à votre table des matières.

Formater la table des matières

Maintenant que vous avez ajouté des liens d'ancrage à votre contenu, vous êtes prêt à saisir le texte de la table des matières et à ajouter des liens vers chaque élément.

Pour ajouter et formater votre table des matières, procédez comme suit.

1. Cliquez sur le bloc de contenu Paragraphe où vous voulez ajouter votre table des matières.
2. Dans le volet d'édition, saisissez 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.
   
   Prenez soin de surligner uniquement le texte que vous souhaitez lier, et évitez les espaces autour de l'élément. Cela vous sera utile lorsque vous formaterez le texte plus tard.
4. Dans la fenêtre contextuelle modale Lien de texte, cliquez sur le menu déroulant Lien vers et sélectionnez Ancre.
5. Cliquez sur le menu déroulant Sélectionner une ancre de lien vers et choisissez le nom de l'ancre.
6. Cliquez sur Save (Enregistrer).
7. Répétez les étapes 3 à 5 pour chaque élément de votre table des matières.

Utilisez les icônes dans la barre d’édition pour personnaliser le style et les libellés de votre table des matières. Lorsque vous modifiez votre table des matières, assurez-vous de ne mettre en évidence que le texte que vous souhaitez modifier. Si vous supprimez accidentellement un lien existant, ajoutez-le à nouveau. Pour voir comment vos liens d'ancrage apparaîtront aux contacts abonnés, prévisualisez et testez votre e-mail.

Ajouter des liens d'ancrage dans le créateur classique

Ajouter des liens d'ancrage

Pour ajouter des liens d'ancrage au texte de votre titre dans le créateur classique, procédez comme suit.

1. Cliquez sur un bloc de contenu contenant du texte, tel que les blocs Texte, Encadréou Image + Texte , ou cliquez et faites glisser un bloc textuel dans votre mise en page.
2. Saisissez le texte de votre table des matières.
3. Dans le volet d’édition, mettez en surbrillance le texte du titre, puis cliquez sur l’icône ancre dans la barre d’outils.
   
4. Dans la fenêtre contextuelle Propriétés de l'ancrage , saisissez le nom de votre ancrage dans le champ Nom de l'ancrage . Il est recommandé d’éviter l’utilisation d'espaces et de caractères spéciaux dans le nom de l’ancre.
5. Cliquez sur OK.
6. Répétez les étapes 3 à 5 pour chaque titre que vous souhaitez lier à votre table des matières.
7. Cliquez sur Save & Close (Enregistrer et fermer).

Formater la table des matières

Maintenant que vous avez ajouté des liens d'ancrage à votre contenu, vous êtes prêt à saisir le texte de la table des matières et à ajouter des liens vers chaque élément.

Pour ajouter et formater votre table des matières, procédez comme suit.

1. Cliquez sur le bloc de contenu de texte où vous voulez ajouter votre table des matières.
2. Dans le volet d'édition, saisissez 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.
   
   Prenez soin de surligner uniquement le texte que vous souhaitez lier, et évitez les espaces autour de l'élément. Cela vous sera utile lorsque vous formaterez le texte plus tard.
4. Dans la fenêtre contextuelle modale Insérer ou modifier le lien, cliquez sur le menu déroulant Lien vers et sélectionnez Lien d'ancrage.
5. Cliquez sur le menu déroulant Sélectionner une ancre de lien vers et choisissez le nom de l'ancre.
6. Cliquez sur Options avancées et décochez la case Ouvrir dans une nouvelle fenêtre.
7. Cliquez sur Insert (Insérer).
8. Répétez les étapes 3 à 7 pour chaque élément de votre table des matières.

Utilisez les icônes dans la barre d’édition pour personnaliser le style et les libellés de votre table des matières. Lorsque vous modifiez votre table des matières, assurez-vous de ne mettre en évidence que le texte que vous souhaitez modifier. Si vous supprimez accidentellement un lien existant, ajoutez-le à nouveau. Pour voir comment vos liens d'ancrage apparaîtront aux contacts abonnés, prévisualisez et testez votre e-mail.

Test et dépannage de la table des matières

Test et dépannage de la table des matières

La balise de fusion *|MC:TOC|* et les liens d'ancrage n'étant pas pris en charge par tous les clients de messagerie, il est possible qu'ils ne fonctionnent pas comme prévu avec certains d'entre eux. Il est donc recommandé, avant d'effectuer votre envoi, de prévisualiser votre e-mail et de vous envoyer quelques e-mails de test. De plus, notre outil Inbox Preview vous permet de voir comment les différents clients de messagerie afficheront votre table des matières.

Comportement des e-mails sur mobile
Tester avec l'aperçu Inbox Preview

Voici d'autres principes à garder à l'esprit si votre table des matières ne s'affiche pas comme prévu.

• Si vous avez utilisé la balise de fusion *|MC:TOC|* pour générer une table des matières dans le créateur classique, veillez à ce que le texte de votre libellé soit formaté comme un en-tête ou un titre de table des matières. Pour vérifier le format du titre, sélectionnez le texte et cliquez sur le menu déroulant Styles .
  

• Si vous avez importé du code HTML pour élaborer votre e-mail ou votre page de destination, nous ajouterons la balise <base> au code susceptible de briser vos liens d'ancrage. Pour empêcher les intitulés de lien d'être brisés, vous devrez modifier le code avant de l'importer dans Mailchimp. Dans votre éditeur HTML, ajoutez votre propre balise de base vide, comme <base href = " "> à l'intérieur de l'élément <head>, puis importez votre code HTML. Si nous détectons une balise vide <base> au moment de l'importation, nous n'ajouterons pas notre propre balise.
  
  La balise vide <base> que vous ajoutez à votre code HTML devrait ressembler à ceci.

  <head>
   <base href= " ">
  </head >