Ein Inhaltsverzeichnis zu einer Kampagne hinzufügen

Füge ein Inhaltsverzeichnis zu deinem Kampagnen-Layout hinzu, damit deine Inhalte klar, übersichtlich und leicht zu navigieren sind. Dies hilft deinen Abonnenten, schnell die Informationen zu finden, die sie interessieren, sodass sie nicht das Interesse an deinen Kampagnen verlieren.

Mailchimp bietet dir zwei Möglichkeiten, ein Inhaltsverzeichnis in deiner Kampagne einzurichten: das Zusammenführungs-Tag *|MC:TOC|* und benutzerdefinierte Sprungmarken. Das Zusammenführungs-Tag *|MC:TOC|* erstellt ein Inhaltsverzeichnis für dich, das Links zu den Überschriften deiner Kampagne enthält. Mit Sprungmarken kannst du dein eigenes Inhaltsverzeichnis mit benutzerdefiniertem Wortlaut, Link-Stil und Formatierung erstellen.

In diesem Artikel erfährst du mehr über die zwei Möglichkeiten, wie du ein Inhaltsverzeichnis zu deiner Kampagne hinzufügen kannst.

Vor dem Start

• Das Zusammenführungs-Tag *|MC:TOC|* und Anker-Links werden nicht von allen E-Mail-Clients unterstützt und funktionieren möglicherweise nicht wie erwartet, wenn eine Kampagne auf einem Mobilgerät angezeigt wird. Vergiss also nicht, deine Kampagne gründlich zu testen.
• Das Zusammenführungs-Tag *|MC:TOC|* übernimmt den Link-Text-Stil seines Kampagnen-Abschnitts. Das bedeutet, dass es wie ein anderer Link-Text aus dem Header-Abschnitt aussieht, wenn du es im Header-Abschnitt platzierst. Um das Format deines Inhaltsverzeichnisses zu ändern, verschiebe das Tag in einen anderen Abschnitt oder verwende stattdessen Anker-Links.

Merge-Tag *|MC:TOC|* verwenden

Das Merge-Tag *|MC:TOC|* fügt ein Inhaltsverzeichnis mit Links zu den von dir gewählten Überschriften ein. Formatiere zunächst den Überschriftentext, der in deinem Inhaltsverzeichnis erscheinen soll. Füge das Merge-Tag *|MC:TOC|* anschließend zu dem Abschnitt der Kampagne hinzu, in dem das Inhaltsverzeichnis eingefügt werden soll.

Wenn du die Kampagne an deine Zielgruppe sendest, ersetzen wir das Merge-Tag durch ein Inhaltsverzeichnis, das die von dir in deiner Kampagne formatierten Überschriften enthält.

Überschriften und Titel im Inhaltsverzeichnis formatieren

Wähle zunächst den Stil für deine Inhaltsverzeichnis-Überschriften. Um ein Standard-Überschriftenformat auf deinen Text anzuwenden, wähle unter TOC heading (Inhaltsverzeichnis-Überschrift) einen Stil aus dem Dropdown-Menü. Wenn du die Darstellung der Überschrift im Textkörper der Kampagne manuell gestalten möchtest, wähle TOC title (Inhaltsverzeichnis-Titel) aus und lege weitere Stile fest. Beachte bitte, dass Änderungen, die du hier vornimmst, keinen Einfluss auf das Aussehen des Inhaltsverzeichnisses haben.

So formatierst du Text als TOC heading (Inhaltsverzeichnis-Überschrift) oder TOC title (Inhaltsverzeichnis-Titel):

1. Klicke im Abschnitt Content (Inhalt) des Kampagnen-Builders auf Edit Design (Design bearbeiten).
   
2. Klicke im Schritt Design auf den Inhaltsblock Text, der die Überschrift enthält, die du in dein Inhaltsverzeichnis einfügen möchtest.
3. Markiere im Bearbeitungsbereich die Überschrift, die du formatieren möchtest. Achte darauf, dass deine Überschrift Text enthält – das Merge-Tag *|MC:TOC|* generiert keinen Link zu Überschriften, die nur eine Zahl enthalten.
   
4. Klicke in der Editor-Werkzeugleiste auf das Dropdown-Menü Styles (Stile) und wähle TOC heading (Inhaltsverzeichnis-Überschrift) oder TOC title (Inhaltsverzeichnis-Titel).
   
   Wenn du TOC title (Inhaltsverzeichnis-Überschrift) wählst, verwende die anderen Schaltflächen in der Symbolleiste, um zusätzliche Stile für die Überschrift festzulegen.
5. Klicke auf Save & Close (Speichern und schließen).
6. Wiederhole diese Schritte für jede Überschrift, die du in dein Inhaltsverzeichnis aufnehmen möchtest.

Das Merge-Tag für das Inhaltsverzeichnis hinzufügen

Nachdem du deine Inhaltsüberschriften formatiert hast, füge das Merge-Tag *|MC:TOC|* zu einem beliebigen Text-Inhaltsblock hinzu, um das Inhaltsverzeichnis einzufügen. Der Text- und Link-Stil des Inhaltsverzeichnisses entspricht dem Kampagnenabschnitt, in dem es sich befindet, und kann nicht geändert werden. Wenn du ihn anpassen musst, versuche es stattdessen mit Hyperlinks.

So fügst du das Merge-Tag „Inhaltsverzeichnis“ hinzu:

1. Klicke im Bereich Content (Inhalt) des Kampagnen-Builders auf Design Email (E-Mail gestalten).
   
2. Klicke auf den Textbereich, zu dem du dein Inhaltsverzeichnis hinzufügen möchtest.
3. Klicke auf das Dropdown-Menü Merge-Tags und wähle Table of Contents (Inhaltsverzeichnis).
   
4. Klicke auf Save & Close (Speichern und schließen).

Das war's auch schon! Du hast erfolgreich ein Inhaltsverzeichnis zu deiner Kampagne hinzugefügt. Um zu sehen, wie deine Kampagne in den Posteingängen deiner Empfänger erscheinen wird, sieh sie dir im Vorschaumodus an.

E-Mail-Kampagne in der Vorschau anzeigen und testen
Design einzelner Abschnitte anzeigen und bearbeiten

Ein Inhaltsverzeichnis zu einer benutzerdefinierten HTML-Vorlage hinzufügen

Auch wenn du eine benutzerdefinierte HTML-Vorlage verwendest, kannst du mithilfe des Merge-Tags *|MC:TOC|* ein Inhaltsverzeichnis einfügen. Vergewissere dich nur, dass du jede Überschrift mit den richtigen Tags formatiert hast, und schon kannst du loslegen.

Öffne zunächst den Quellcode der Vorlage und füge class="title" oder class="mc-toc-title" zu den Tags < span >, < div >, < h1 > oder < h2 > der Überschriften hinzu, die im Inhaltsverzeichnis erscheinen sollen. Falls diese Klassen nicht mit den Tags < h3 > und < h4 > funktionieren, versuche es stattdessen mit den Tags < span >, falls du sie benötigst.

Deine formatierten Überschriften sollten eines der Beispiele in dieser Tabelle verwenden. Du kannst jeden dieser Klassen-Typen verwenden.

Nachdem du deine Tags bearbeitet hast, füge *|MC:TOC|* dort hinzu, wo das Inhaltsverzeichnis in deiner Vorlage erscheinen soll.

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

Hier bearbeitest du Vorlagen-Code

Sprungmarken verwenden

Erstelle für erhöhte Flexibilität Links zu bestimmten Stellen im Inhalt deiner Kampagne (sogenannte „Sprungmarken“). Das bedeutet einen gewissen Mehraufwand, aber es gibt dir die Möglichkeit, den Text- und Link-Stil in deinem Inhaltsverzeichnis anzupassen. Füge zunächst Sprungmarken zu den Überschriften im Inhalt deiner Kampagne hinzu. Gib anschließend deinen Text für das Inhaltsverzeichnis ein und verknüpfe jeden Eintrag mit der entsprechenden Sprungmarke.

Add anchor links (Sprungmarken hinzufügen)

Um Sprungmarken zu deinem Überschriftentext hinzuzufügen, befolge diese Schritte.

1. Klicke im Abschnitt Content (Inhalt) des Kampagnen-Builders auf Edit Design (Design bearbeiten).
   
2. Klicke im Design-Schritt auf den Text-Inhaltsblock, der die Überschrift enthält, die du in dein Inhaltsverzeichnis aufnehmen möchtest.
3. Setzen deinen Cursor an den Anfang der Überschrift und klicke auf das Anker-Symbol in der Werkzeugleiste.
   
4. Gib im Pop-up-Dialogfenster Anchor Properties (Eigenschaften der Sprungmarke) den Namen für deine Sprungmarke in das Feld Anchor Name (Name der Sprungmarke) ein und klicke dann auf OK. Verwenden keine Leer- oder Sonderzeichen im Namen deiner Sprungmarke.
   
5. Klicke auf OK.
6. Wiederhole diesen Vorgang für jede Überschrift, die du mit deinem Inhaltsverzeichnis verknüpfen möchtest.

Format table of contents (Inhaltsverzeichnis formatieren)

Nun, da du Sprungmarken zu deiner Kampagne hinzugefügt hast, kannst du den Text des Inhaltsverzeichnisses eingeben und Links zu jedem Eintrag hinzufügen.

Um dein Inhaltsverzeichnis hinzuzufügen und zu formatieren, befolge diese Schritte:

1. Klicke auf den Text-Inhaltsblock, zu dem du dein Inhaltsverzeichnis hinzufügen möchtest.
2. Gib im Bearbeitungsbereich dein Inhaltsverzeichnis ein.
   
3. Markiere den ersten Eintrag und klicke in der Werkzeugleiste auf das Link-Symbol.
   
   Achte darauf, nur den zu verlinkenden Text zu markieren und Leerzeichen um das Element herum zu vermeiden. Dies ist hilfreich, wenn du den Text später formatierst.
4. Klicke im Pop-up-Dialogfenster Insert or Edit Link (Link einfügen oder bearbeiten) auf das Dropdown-Menü Link to: (Link zu:) und wähle Anchor Link (Sprungmarke).
5. Klicke auf das Dropdown-Menü Select An Anchor To Link To (Zu verlinkende Sprungmarke auswählen) und wähle den Namen der Sprungmarke aus, auf die dieser Eintrag verlinken soll.
6. Klicke auf Advanced Options (Erweiterte Optionen) und deaktiviere das Kontrollkästchen neben Open in a new window (In neuem Fenster öffnen).
7. Klicke auf Insert (Einfügen).
   
8. Wiederhole diese Schritte für jeden Eintrag in deinem Inhaltsverzeichnis.

Du kannst die Buttons in der Werkzeugleiste des Editors verwenden, um den Stil und den Wortlaut deines Inhaltsverzeichnisses anzupassen. Achte beim Bearbeiten deines Inhaltsverzeichnisses darauf, nur den Text zu markieren, den du ändern möchtest. Abhängig von der Bearbeitung, die du vornimmst, könntest du einen bestehenden Link entfernen und musst ihn dann erneut hinzufügen. Um zu sehen, wie deine Anker-Links für Empfängern angezeigt werden, sieh dir eine Vorschau an und teste deine Kampagne.

Deine Kampagne in der Vorschau anzeigen und testen

Testen des Inhaltsverzeichnisses und Fehlerbehebung

Das Merge-Tag *|MC:TOC|* und Sprungmarken werden nicht von allen E-Mail-Clients unterstützt und funktionieren eventuell nicht erwartungsgemäß, wenn eine Kampagne auf einem Mobilgerät angezeigt wird.

Wir empfehlen dir daher, deine Kampagne vor dem Senden zu prüfen und zu testen und einige Test-E-Mails an dich selbst zu senden. Nutze unser Inbox Preview-Tool, um festzustellen, wie unterschiedliche E-Mail-Clients dein Inhaltsverzeichnis anzeigen.

Verhalten von Kampagnen auf Mobilgeräten
Deine Kampagne in der Vorschau anzeigen und testen
Mit Inbox Preview testen

Hier sind ein paar weitere Punkte, die es zu beachten gilt, wenn dein Inhaltsverzeichnis nicht wie erwartet angezeigt wird.

• Wenn du das Merge-Tag *|MC:TOC|* zum Erstellen eines Inhaltsverzeichnisses verwendet hast, vergewissere dich, dass dein Überschriftentext als TOC-heading (Inhaltsverzeichnis-Überschrift) oder TOC title (Inhaltsverzeichnis-Titel) formatiert ist. Markiere den Text der Überschrift, um ihn zu überprüfen. Klicke dann auf das Dropdown-Menü Styles (Stile), das dir anzeigt, welcher Stil ausgewählt ist.
• Wenn du HTML-Code importiert hast, um deine Kampagne zu erstellen, fügen wir das Tag < base > hinzu, falls er die Funktionsweise deiner Sprungmarken stört. Um fehlerhafte Sprungmarken zu verhindern, musst du den Code bearbeiten, bevor du ihn in Mailchimp importierst. Füge in deinem HTML-Editor dein eigenes leeres Basis-Tag hinzu, wie zum Beispiel < base href = " " > innerhalb des Elements < head >, und importiere anschließend deinen HTML-Code. Wenn wir beim Import ein leeres < base >-Tag entdecken, fügen wir kein eigenes Tag hinzufügen.

Das leere < base >-Tag, das du in dein HTML einfügst, sollte ungefähr so aussehen:

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