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

Ajoutez une table des matières à votre e-mail ou à votre page de destination pour personnaliser votre marketing. Les destinataires peuvent ainsi trouver les informations qui les intéressent et s'engager dans votre contenu.

Mailchimp propose deux manières de configurer une table des matières (TOC) : le tag de fusion *|™:TOC|*. Utilisez le tag de fusion *|Mc:TOC|* pour créer une table des matières avec des liens vers les en-têtes. Vous pouvez également utiliser les liens d'identification pour créer votre propre table des matières en changeant de texte, dans le style du lien et dans la mise en page.

Dans cet article, vous apprendrez à ajouter une table des matières dans le nouveau builder et le builder.

Avant de commencer

Prenez en compte les points suivants avant de passer à cette procédure.

• Le tag de fusion *|MC:TOC|* reprend le style du texte du lien dans sa section. Si vous le placez dans la section de l'en-tête, il ressemblera à tout autre lien de section d'en-tête. Pour modifier le format de votre table des matières, déplacez le tag dans une autre section ou utilisez des liens d'identification dans l'outil de création d'origine.
• Le tag de fusion *|Mc:TOC|* ne fonctionnera pas dans tous les e-mails clients. Assurez-vous de tester votre e-mail avant de l'envoyer. Dans ce cas, les contacts abonnés peuvent voir la table des matières mais les liens ne peuvent pas être cliqués.

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 *|™:TOC|* insère une table des matières avec des liens vers les en-têtes choisis. Tout d'abord, ajoutez un code de titre aux en-têtes que vous souhaitez inclure dans votre table des matières. Ensuite, ajoutez le tag de fusion *|™:TOC|* à l'endroit où vous voulez que la table des matières apparaisse.

Lorsque vous envoyez votre e-mail, nous remplacerons le tag de fusion par une table des matières qui inclut les en-têtes sélectionnés.

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

Suivez ces étapes pour ajouter une table des matières à votre e-mail dans le nouvel outil de création.

Ajouter un code de titre dans la table des matières aux en-têtes

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

1. Cliquez sur un bloc de contenu d'en-tête ou de paragraphe , ou cliquez et faites-en glisser un 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 des styles de texte dans la barre d'outils pour vous assurer qu'il s'agit d'un en-tête 1 ou d'en-tête 2 .
   
   Les en-têtes doivent correspondre à un niveau 1 ou 2 et contenir du texte. Le tag de fusion *|MC:TOC|* n'est pas associé à un numéro seul.
3. Cliquez sur l’onglet Code .
   
4. Dans l'éditeur HTML, insérez un espace entre le tag d'en-tête et le parenthèse ().> ).
   
5. Entrez le titre de la classe avant le parenthèse ().> ).
   
   class="Oc-toc-titre"
   
   
6. Répétez les étapes 2 à 5 pour chaque en-tête à inclure dans votre table des matières.

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

Après avoir ajouté le code de titre à vos en-têtes, ajoutez le tag de fusion *|MO :TOC|* à n'importe quel bloc de contenu d'en-tête ou de paragraphe pour insérer la table des matières.

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

1. Cliquez sur un bloc de contenu d'en-tête ou de paragraphe , ou cliquez et faites-en glisser un dans votre mise en page.
2. Si vous voulez, entrez un titre pour la table des matières, par exemple, « Dans cet e-mail ».
3. Entrez le tag de fusion *|MP:TOC|* . Placez-le sous le titre de votre table des matières si vous en avez inclus un.
   
4. Cliquez sur Visualiser pour visualiser l'apparence de votre table des matières par rapport aux contacts abonnés. Vous pouvez décider d’aligner à gauche le titre de votre table des matières pour qu’il corresponde aux en-têtes à puce.

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

Ajouter le tag de fusion de la table des matières dans l'outil de création d'origine

Le tag de fusion *|™:TOC|* insère une table des matières avec des liens vers les en-têtes choisis. D'abord, vous devez formater le texte de l'en-tête que vous voulez inclure dans votre table des matières. Ensuite, vous ajouterez 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 renvoi, nous remplacerons le tag de fusion par une table des matières qui inclut les en-têtes 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 la table des matières dans l'outil de création d'origine, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de contenu qui contient du texte.— tels que les blocs Texte , Texte en boîte ou Image + Texte , ou cliquez sur l'en-tête pour le faire glisser dans votre mise en page.
2. Dans le panneau d'édition, mettez en surbrillance le texte que vous souhaitez formater en tant qu'en-tête de la table des matières. Votre en-tête doit contenir du texte. Le tag de fusion *|MP:TOC|* ne génère pas uniquement un 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 appliquer des styles supplémentaires à la en-tête.
   
4. Cliquez sur Enregistrer& Fermer .
5. Répétez les étapes 2 à 4 pour chaque en-tête à inclure dans votre table des matières.

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

Après avoir formaté vos en-têtes de la table des matières, ajoutez le tag de fusion *|™:TOC|* à n'importe quel bloc de texte pour insérer la table des matières. Le style du texte et du lien de la table des matières doit correspondre à la section correspondante. Si vous devez le personnaliser, essayez les liens d'arrimage.

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

1. Cliquez sur le bloc de contenu à l’endroit où vous voulez afficher votre table des matières. Vous pouvez utiliser un texte , un texte en boîte , une carte d’image ou un bloc de contenu Image + Texte .
2. Dans le panneau de modification, cliquez sur le menu déroulant Fusionner les tags et sélectionnez la table des matières .
   
   Vous pouvez également entrer *|lignes:TOC|* directement dans votre contenu.
3. Cliquez sur Enregistrer& Fermer .
4. Cliquez sur Visualiser pour voir ce que sera votre e-mail ou votre page de destination pour vos destinataires.

Beau travail ! 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, ainsi que pour modifier les sections dans l'outil de création.

Visualiser et tester votre e-mail
Afficher et modifier l'apparence des sections dans les e-mails 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 *|MO :TOC|* pour insérer une table des matières. Assurez-vous simplement que vous avez formaté chaque en-tête avec les bons tags. Vous serez prêt à commencer.

Tout d'abord, ouvrez le code source du modèle et ajoutez class="titre" ou class="Oc-toc-titre" au< aujourd'hui> ,< div> ,< h1> , ou< h2> tags des en-têtes que vous voulez afficher dans la table des matières. Ces classes ne fonctionnent pas avec< h3> et< h4> tags, utilisez< aujourd'hui> tags, le cas échéant.

Les en-têtes mis en page doivent utiliser l'un des exemples de ce tableau. Vous pouvez utiliser les deux types de classe.

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

*|MOC:TOC|*
< div class= « Civilité » id= «  Intuit-nouveau » >

Où modifier le code du modèle ?

Utilisez des liens d' référence

Pour plus de flexibilité, créez des liens d'identification 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. Tout d'abord, ajouter des ajouts aux en-têtes de votre contenu. Ensuite, vous entrerez le texte de votre table des matières et associerez chaque élément à son lien d'identification.

Ajoutez des liens d'identification dans le constructeur

Ajoutez des liens d' référence

Pour ajouter des liens d'appuie à votre en-tête, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de contenu d'en-tête ou faites-en glisser un dans votre mise en page.
2. Mettez en surbrillance le texte de l'en-tête, puis cliquez sur l'icône d'hameçonnage dans la barre d'outils d'édition.
3. Dans la fenêtre modale des propriétés de l'outil d' après , entrez le nom de votre élément () dans le champ Nom de l'élément d'identification . Nous vous conseillons 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 ce processus pour chaque en-tête à associer à votre table des matières.

Formater la table des matières

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

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

1. Cliquez sur le bloc de contenu de paragraphe 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 le premier élément en surbrillance, puis cliquez sur l'icône Lien dans la barre d'outils.
   
   Veillez à ne mettre en surbrillance que le texte à associer et à éviter les espaces. Cela vous sera utile lorsque vous formatez le texte plus tard.
4. Dans la fenêtre modale Lien vers le texte , cliquez sur le menu déroulant Lien vers et choisissez Point d'accueil .
5. Cliquez sur Sélectionner un point d'interrogation pour le connecter à la liste déroulante et choisissez le nom du point d'interrogation.
6. Cliquez sur Enregistrer .
7. Répétez les étapes 3 à 5 pour chaque élément de votre table des matières.

Utilisez les icônes de la barre d'outils pour personnaliser le style et le texte de votre table des matières. Lorsque vous modifiez votre table des matières, veillez à ne mettre en surbrillance que le texte à modifier. Si vous avez supprimé un lien existant par erreur, vous devez l'ajouter à nouveau. Pour voir comment vos liens d' référence apparaissent à vos contacts abonnés, prévisualisez et testez votre e-mail.

Ajoutez des liens d'identification dans l'outil de création d'héritage

Ajoutez des liens d' référence

Pour ajouter des liens d'alignement à votre texte d'en-tête dans l'outil de création d'origine, suivez les étapes ci-dessous.

1. Cliquez sur un bloc de contenu qui contient du texte, comme les blocs de texte , de texte en boîte ou d'image + texte , ou cliquez sur un bloc de texte et faites-le glisser vers votre mise en page.
2. Entrez le texte de la table des matières.
3. Dans le panneau d'édition, mettez en surbrillance le texte de l'en-tête et cliquez sur l'icône d' titre dans la barre d'outils.
   
4. Dans la fenêtre modale des erreur d'identification , entrez le nom de votre élément d'identification dans le champ Nom de l'anesthésie . Nous vous conseillons de ne pas utiliser d'espaces ni de caractères spéciaux dans votre nom d'ajout.
5. Cliquez sur OK.
6. Répétez les étapes 3 à 5 pour chaque en-tête à associer à votre table des matières.
7. Cliquez sur Enregistrer& Fermer .

Formater la table des matières

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

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

1. Cliquez sur le bloc Contenu du texte 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 le premier élément en surbrillance, puis cliquez sur l'icône Lien dans la barre d'outils.
   
   Veillez à ne mettre en surbrillance que le texte à associer et à éviter les espaces. Cela vous sera utile lorsque vous formatez le texte plus tard.
4. Dans la fenêtre modale Insérer ou Modifier le lien , cliquez sur le menu déroulant Lien vers, puis choisissez Ajouter un lien .
5. Cliquez sur Sélectionner un point d'interrogation pour le connecter à la liste déroulante et choisissez 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 de votre table des matières.

Utilisez les icônes de la barre d'outils pour personnaliser le style et le texte de votre table des matières. Lorsque vous modifiez votre table des matières, veillez à ne mettre en surbrillance que le texte à modifier. Si vous avez supprimé un lien existant par erreur, vous devez l'ajouter à nouveau. Pour voir comment vos liens d' référence apparaissent à vos contacts abonnés, prévisualisez et testez votre e-mail.

Tester et résoudre les problèmes liés à la table des matières

Le tag de fusion *|Mc:TOC|* ne sont pas pris en charge par tous les clients par e-mail, et il se peut qu'ils ne fonctionnent pas correctement avec certains clients. C'est pourquoi nous vous conseillons de visualiser votre e-mail et de vous envoyer quelques e-mails test. Pour voir comment différents e-mails clients peuvent afficher votre table des matières, utilisez notre outil de prévisualisation de la boîte de réception.

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

Voici quelques autres points à retenir si votre table des matières ne s’affiche pas comme prévu.

• + Pour vérifier le format de l'en-tête, mettez le texte en surbrillance et cliquez sur le menu déroulant Styles .
  

• Si vous avez importé du HTML pour créer votre e-mail ou votre page de destination, nous ajouterons un< base> Marquez votre code avec une erreur qui risque de endommager vos liens d'identification. Pour éviter toute interruption du lien d'identification, vous devez modifier le code avant de l'importer dans Mailchimp. Dans votre éditeur HTML, ajoutez votre propre tag de base vide, comme< fin de compte = « »> dans la< tête> élément, puis importez votre code HTML. Si nous détectons des données vides,< base> tag au moment de l'importation, nous n'ajouterons pas les notres.
  
  Le vide< base> Le tag que vous ajoutez à votre HTML doit correspondre à ceci.

  <tête>
   <bas de la page été produits et services.>
  </tête >