Ajouter une table des matières à une campagne

Ajoutez une table des matières à la mise en page de votre campagne pour conserver un contenu clair, organisé, et facilement navigable. Cela permet à vos abonnés de trouver rapidement les informations qui les intéressent, de sorte qu'ils restent engagés avec vos campagnes.

Mailchimp propose deux façons de configurer une table des matières dans votre campagne : le merge tag *|MC:TOC|* et les liens d'ancrage personnalisés. Le merge tag *|MC:TOC|* crée une table des matières contenant des liens vers les en-têtes de votre campagne. Les liens d'ancrage vous permettent de construire votre propre table des matières en personnalisant les libellés, le style des liens et la mise en page.

Dans cet article, vous prenez connaissance des deux façons dont vous pouvez ajouter une table des matières à votre campagne.

Avant de commencer

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

• Cet article vous explique comment ajouter une table des matières à un e-mail avec une balise de fusion dans le créateur classique. Cette balise de fusion fonctionne uniquement dans le créateur classique . Pour plus d’informations sur chaque créateur d’e-mail, consultez À propos des créateurs d’e-mail de Mailchimp.
• La balise *|MC:TOC|* de fusion et les liens d’ancrage ne sont pas pris en charge par tous les clients de messagerie et peuvent ne pas fonctionner comme prévu lorsqu’une campagne est affichée sur un appareil mobile. Veillez donc à tester votre campagne de manière approfondie.
• La balise *|MC:TOC|* de fusion hérite du style de texte de lien de sa section de campagne . 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 plutôt des liens d’ancrage.

Utilisez la balise de fusion *|MC:TOC|*

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 voir apparaître dans votre table des matières. Ensuite, ajoutez la balise de fusion *|MC:TOC|* dans la section de la campagne où vous souhaitez placer la table des matières.

Lorsque vous effectuez l’envoi à votre audience, nous remplaçons la balise de fusion par une table des matières comprenant les titres que vous avez formatés dans votre campagne.

Formater les en-têtes et les titres TOC

Tout d'abord, choisissez le style à utiliser dans la catégorie TOC heading (En-tête TOC). Pour appliquer un format de libellé standard à votre texte, choisissez un style de la catégorie TOC heading (En-tête TOC) dans le menu déroulant. Si vous souhaitez définir manuellement l’affichage du libellé dans le corps de la campagne, sélectionnez TOC title (Titre TOC), puis appliquez les styles supplémentaires. Notez que les modifications effectuées ici n’affecteront pas l’apparence de la table des matières.

Pour formater le texte en tant que TOC heading (En-tête TOC) ou TOC title (Titre TOC), procédez comme suit.

1. Dans la section Content (Contenu) du Créateur de campagne, cliquez sur Edit Design (Modifier la conception).
   
2. Lors de l’étape Design (Conception), cliquez sur le bloc de contenu Text (Texte) qui contient le titre que vous souhaitez inclure dans votre table des matières.
3. Dans le volet d’édition, sélectionnez la rubrique que vous souhaitez mettre en forme. Assurez-vous que votre titre contienne du texte. La balise de fusion *|MC:TOC|* ne générera pas de lien à partir d’un nombre.
   
4. Dans la barre d'outils de l'éditeur, cliquez sur le menu déroulant Styles et sélectionnez TOC heading (En-tête TOC) ou TOC title (Titre TOC).
   
   Si vous sélectionnez TOC title (Titre TOC), utilisez les autres boutons de la barre d'outils pour appliquer des styles supplémentaires au titre.
5. Cliquez sur Save & Close (Enregistrer et fermer).
6. Répétez ces étapes pour chaque en-tête 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 de contenu, vous pouvez ajouter le bloc de contenu correspondant à la balise de fusion *|MC:TOC|* appliquée à un texte 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 campagne dans laquelle il se trouve, et ne peut être modifié. Si vous avez besoin de le personnaliser, essayez plutôt les liens d’ancrage.

Pour ajouter la balise de fusion de la table des matières, procédez comme suit.

1. Dans la section Content (Contenu) du créateur de campagne, cliquez sur Design Email (Concevoir un e-mail)****.
   
2. Cliquez sur la zone de texte dans laquelle vous souhaitez ajouter votre table des matières.
3. Cliquez sur le menu déroulant Merge Tags (Balises de fusion) et sélectionnez Table of Contents (Table des matières).
   
4. Cliquez sur Save & Close (Enregistrer et fermer).

Et voilà ! Vous avez réussi à ajouter une table des matières à votre campagne. Pour voir comment votre campagne apparaîtra dans les boîtes de réception de vos destinataires, regardez le Preview Mode (Mode Aperçu).

Prévisualiser et tester votre campagne par e-mail
Afficher et modifier la mise en forme d'une section

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= "alumni-news" >

Où modifier le code d'un modèle

Utiliser des liens d'ancrage

Pour plus de flexibilité, créez des liens vers des ancres dans le contenu de votre campagne. Cela représente un peu plus de travail, mais vous permet de personnaliser le texte et le style de lien dans votre table des matières. Tout d'abord, vous allez ajouter des ancres aux rubriques dans le contenu de votre campagne. Ensuite, vous allez entrer le contenu de texte dans votre table, et relier chaque élément à son lien d'ancrage.

Ajouter des liens d'ancrage

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

1. Dans la section Content (Contenu) du Campaign Builder (Éditeur de campagne), cliquez sur Edit Design (Modifier la conception).
   
2. À l'étape Design (Conception), cliquez sur le bloc de contenu Text (Texte) qui contient l'en-tête que vous souhaitez inclure dans votre table des matières.
3. Placez votre curseur au début de l'en-tête et cliquez sur l'icône ancre dans la barre d'outils.
   
4. Dans la fenêtre contextuelle modale Anchor Properties (Propriétés de l'ancre), entrez le nom de votre ancre dans le champ Anchor Name (Nom de l'ancre) et cliquez sur OK. Le nom de l'ancre ne doit contenir ni espaces ni caractères spéciaux.
   
5. Cliquez sur OK.
6. Répétez ce processus pour chaque en-tête que vous souhaitez lier à votre table des matières.

Mettre en forme la table des matières

Maintenant que vous avez ajouté des liens d'ancrage à votre campagne, vous êtes prêt à entrer 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 Text (Texte) auquel vous souhaitez ajouter votre table des matières.
2. Dans le volet d'édition, entrez votre table des matières.
   
3. Surlignez le premier élément et cliquez sur l'icône Link (Lien) dans la barre d'outils.
   
   Prenez soin de ne surligner que 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 Insert or Edit Link (Insérer ou modifier le lien), cliquez sur le menu déroulant Link to: (Lien vers :) et sélectionnez Anchor Link (Lien d'ancrage).
5. Cliquez sur le menu déroulant Select An Anchor To Link To (Sélectionner une ancre à lier à) et sélectionnez le nom de l'ancre à laquelle vous souhaitez lier cet élément. 
6. Cliquez sur Advanced Options (Options avancées) et décochez la case Open in a new window (Ouvrir dans une nouvelle fenêtre).
7. Cliquez sur Insert (Insérer).
   
8. Répétez ces étapes pour chaque élément de votre table des matières.

Vous pouvez utiliser les boutons dans la barre d'outils de l'éditeur 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 mettre en évidence que le texte que vous souhaitez modifier. Selon la modification effectuée, vous pouvez supprimer un lien existant et devoir le rajouter. Pour voir comment vos liens d'ancrage apparaîtront à vos destinaires, prévisualisez et testez votre campagne.

Prévisualiser et tester une campagne

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 si une campagne est visualisée sur un appareil mobile.

Il est donc recommandé, avant d’effectuer votre envoi, de prévisualiser et tester votre campagne, 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 campagnes sur les mobiles
Prévisualiser et tester votre campagne
Tester à l'aide d'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, veillez à ce que le texte de votre libellé soit formaté comme un en-tête TOC ou un titre TOC. Pour vérifier le format du titre, sélectionnez le texte et cliquez sur le menu déroulant Styles où vous verrez le style sélectionné.
• Si vous avez importé du code HTML pour élaborer votre campagne, nous ajouterons la balise < base > au code susceptible de briser vos intitulés de lien. 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 >