Ein Inhaltsverzeichnis zu einer Kampagne hinzufügen

Durch ein Inhaltsverzeichnis in deiner E-Mail oder Landingpage wirkt das Marketingmaterial übersichtlich und organisiert und ermöglicht ein einfaches Navigieren. So finden deine Empfänger*innen die Informationen, die sie interessieren, und beschäftigen sich wirklich mit deinen Inhalten.

Mailchimp bietet zwei Möglichkeiten zur Erstellung von Inhaltsverzeichnissen (TOC): das Merge-Tag *|MC:TOC|* und benutzerdefinierte Ankerlinks. Du kannst mithilfe des Merge-Tag *|MC:TOC|* ein Inhaltsverzeichnis mit Links zu einzelnen Überschriften zu erstellen. Oder du verwendest Anker-Links, wenn du dein eigenes Inhaltsverzeichnis mit den von dir gewünschten Formulierungen, Link-Stilen und Formatierungen erstellen willst.

In diesem Artikel erfährst du, wie du im neuen Builder und im klassischen Builder ein Inhaltsverzeichnis hinzufügst.

Vor dem Start

Bevor du mit diesem Vorgang beginnst, solltest du einige Punkte beachten.

• Das Merge-Tag *|MC:TOC|* übernimmt den Linktextstil seines Abschnitts. Das bedeutet, dass es wie ein anderer Linktext aus dem Header-Abschnitt aussieht, wenn du es im Header-Abschnitt platzierst. Um das Format deines Inhaltsverzeichnisses zu ändern, verschiebst du das Tag in einen anderen Abschnitt oder verwendest Anker-Links im klassischen Builder.
• Du solltest alle E-Mails testen, bevor du sie versendest, da das Merge-Tag *|MC:TOC|* und die Anker-Links nicht in allen E-Mail-Clients funktionieren. In solchen Fällen sehen deine Abonnent*innen zwar das Inhaltsverzeichnis, jedoch lassen sich die Links nicht anklicken.

Ein Inhaltsverzeichnis in deine E-Mail bzw. Landingpage einfügen

Das Merge-Tag für Inhaltsverzeichnisse verwenden

Das Merge-Tag *|MC:TOC|* fügt ein Inhaltsverzeichnis mit Links zu den von dir gewählten Überschriften ein. Setze zunächst einen Titelcode in die Überschriften, die du in das Inhaltsverzeichnis aufnehmen möchtest. Setze anschließend das Merge-Tag *|MC:TOC|* an der Stelle, an der das Inhaltsverzeichnis angezeigt werden soll.

Wenn du deine E-Mail versendest, ersetzen wir das Merge-Tag durch ein Inhaltsverzeichnis, das die von dir gewählten Überschriften enthält.

Im neuen Builder das Merge-Tag für das Inhaltsverzeichnis hinzufügen

Im neuen Builder kannst du eine Überschrift in dein Inhaltsverzeichnis folgendermaßen einfügen:

Einen Inhaltsverzeichnistitelcode zu Überschriften hinzufügen

So verfährst du zum Einfügen einer Überschrift in dein Inhaltsverzeichnis:

1. Klicke auf einen Inhaltsblock des Typs Überschrift oder Absatz oder ziehe einen entsprechenden Block in dein Layout.
2. Markiere den Text, der im Inhaltsverzeichnis erscheinen soll, und prüfe mit dem Dropdown-Menü Textstil in der Bearbeitungssymbolleiste, ob der gewählte Text auch wirklich als Überschrift 1 oder Überschrift 2 formatiert ist.
   
   Überschriften müssen als Ebene 1 oder 2 formatiert sein und Text enthalten. Das Merge-Tag *|MC:TOC|* setzt keinen Link zu einer alleinstehenden Zahl.
3. Klicke auf den Tab Code .
   
4. Füge im HTML-Editor ein Leerzeichen zwischen dem Überschriften-Tag und der rechten spitzen Klammer (>) ein.
   
5. Der Klassentitel wird vor der rechten spitzen Klammer (>) eingegeben.
   
   class="mc-toc-title"
   
   
6. Wiederhole die Schritte 2 bis 5 für jede Überschrift, die du in dein Inhaltsverzeichnis aufnehmen möchtest.

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

Nachdem du den Code für den Inhaltsverzeichnistitel eingegeben hast, kannst du zur Platzierung des Inhaltsverzeichnisses das Merge-Tag *|MC:TOC|* zu einem beliebigen Überschrift- oder Absatz-Inhaltsblock hinzufügen.

Zum Setzen des Merge-Tags *|MC:TOC|* verfährst du folgendermaßen.

1. Klicke auf einen Inhaltsblock des Typs Überschrift oder Absatz oder ziehe einen entsprechenden Block in dein Layout.
2. Wenn du möchtest, gib einen Titel für dein Inhaltsverzeichnis, wie z. B. „In dieser E-Mail“, ein.
3. Gib das Merge-Tag *|MC:TOC|* ein. Platziere es unter dem Titel für das Inhaltsverzeichnis, sofern du eines eingefügt hast.
   
4. Wenn du auf Vorschau klickst, siehst du, wie das Inhaltsverzeichnis den Abonnent*innen angezeigt wird. Gegebenenfalls solltest du den Titel deines Inhaltsverzeichnisses linksbündig ausrichten, um es an die Aufzählungspunkte der Überschriften anzugleichen.

Gut gemacht! Du hast erfolgreich ein Inhaltsverzeichnis zu deiner E-Mail hinzugefügt.

Im klassischen Builder das Merge-Tag für das Inhaltsverzeichnis hinzufügen

Das Merge-Tag *|MC:TOC|* fügt ein Inhaltsverzeichnis mit Links zu den von dir gewählten Überschriften ein. Formatiere zunächst den Überschriftentext, den du in dein Inhaltsverzeichnis aufnehmen willst. Dann füge das Merge-Tag *|MC:TOC|* dort ein, wo das Inhaltsverzeichnis angezeigt werden soll.

Wenn du deine E-Mail versendest oder deine Landingpage veröffentlichst, ersetzen wir das Merge-Tag durch ein Inhaltsverzeichnis, das die von dir gewählten Überschriften enthält.

Formatieren von Inhaltsverzeichnisüberschriften und Titeln

So formatierst du Text als Inhaltsverzeichnisüberschrift oder Inhaltsverzeichnistitel:

1. Klicke auf einen Inhaltsblock, der Text enthält — z. B. die Blöcke Text, Textkasten oder Bild + Text – oder klicke auf einen davon und ziehe diesen in dein Layout.
2. Markiere im Bearbeitungsbereich den Text, den du als Inhaltsverzeichnisüberschrift formatieren möchtest. Deine Überschrift muss aus Text bestehen. Das Merge-Tag *|MC:TOC|* generiert keinen Link zu einer alleinstehenden Zahl.
   
3. Klicke in der Editor-Symbolleiste auf das Dropdown-Menü Stile und wähle Inhaltsverzeichnisüberschrift 1 oder Inhaltsverzeichnisüberschrift 2. Wähle Inhaltsverzeichnistitel , wenn du zusätzliche Stile für die Überschrift anwenden möchtest.
   
4. Klicke auf Speichern & schließen.
5. Wiederhole die Schritte 2 bis 4 für jede Überschrift, die du in dein Inhaltsverzeichnis aufnehmen möchtest.

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

Nachdem du deine Inhaltsverzeichnisüberschriften formatiert hast, setze das Merge-Tag *|MC:TOC|* in einem beliebigen Text-Inhaltsblock hinzu, sodass das Inhaltsverzeichnis eingefügt werden kann. Der Text- und Linkstil des Inhaltsverzeichnisses entspricht dem Abschnitt, in dem es sich befindet. Wenn du ihn anpassen musst, versuche es stattdessen mit Hyperlinks.

Zum Setzen des Merge-Tags *|MC:TOC|* verfährst du folgendermaßen.

1. Klicke auf den Inhaltsblock, zu dem du dein Inhaltsverzeichnis hinzufügen möchtest. Du kannst einen Inhaltsblock für Text, Textkasten, Bildkarte oder Bild + Text verwenden.
2. Klicke im Bearbeitungsbereich auf das Dropdown-Menü Merge-Tags und wähle Inhaltsverzeichnis aus.
   
   Oder gib *|MC:TOC|* direkt in das Inhaltsverzeichnis ein.
3. Klicke auf Speichern & schließen.
4. Wenn du auf Vorschau klickst, wird angezeigt, wie deine E-Mail oder Landingpage für deine Empfänger*innen aussehen wird.

Gut gemacht! Du hast erfolgreich ein Inhaltsverzeichnis zu deiner E-Mail bzw. Landingpage hinzugefügt.

In diesen Artikeln wird beschrieben, wie du dir deine E-Mail in der Vorschau anzeigen lassen und sie testen sowie im klassischen Builder Abschnitte bearbeiten kannst.

Vorschau und Test deiner E-Mail
Das Abschnittsdesign in E-Mails und auf Landingpages 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, du diese aber benötigst, versuche es stattdessen mit den Tags <span>.

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

Hier bearbeitest du Vorlagen-Code

Anker-Links im klassischen Builder verwenden

Anker-Links verwenden

Durch die Erstellung von Anker-Links zu den Inhalten in deiner E-Mail oder Landingpage erreichst du mehr Flexibilität. Auf diese Weise kannst du Text und Link-Stil in deinem Inhaltsverzeichnis anpassen. Füge zunächst Anker-Links zu den Überschriften in deinem Inhalt hinzu. Gib anschließend den Text für das Inhaltsverzeichnis ein und verknüpfe jeden Eintrag mit dem entsprechenden Anker-Link.

Anker-Links im neuen Builder einfügen

Anker-Links hinzufügen

Zum Einfügen von Anker-Links in deinem Überschriftentext verfährst du folgendermaßen.

1. Klicke auf einen Inhaltsblock des Typs Überschrift oder ziehe einen entsprechenden Block in dein Layout.
2. Markiere den Überschrifttext und klicke dann in der Symbolleiste auf das Ankersymbol .
3. Gib im Pop-up-Dialogfenster Ankereigenschaften den Namen deines Ankers in das Feld Ankername ein. Wir empfehlen, dass du keine Leerzeichen oder Sonderzeichen für den Ankernamen verwendest.
4. Klicke auf Speichern.
5. Wiederhole diesen Vorgang für jede Überschrift, die du mit deinem Inhaltsverzeichnis verknüpfen möchtest.

Inhaltsverzeichnis formatieren

Nachdem du Anker-Links zu deinem Inhalt 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 Absatzinhaltsblock, in den du dein Inhaltsverzeichnis einfügen möchtest.
2. Füge im Bearbeitungsbereich den Text für das Inhaltsverzeichnis hinzu.
   
3. Markiere den ersten Eintrag und klicke in der Symbolleiste auf das Link-Symbol.
   
   Achte darauf, nur den zu verlinkenden Text zu markieren und Leerzeichen um den Eintrag herum zu vermeiden. Dies ist hilfreich, wenn du den Text später formatierst.
4. Klicke im Pop-up-Dialogfenster Text-Link auf das Dropdown-Menü Link zu und wähle Anker.
5. Klicke auf das Dropdown-Menü Zu verlinkenden Anker auswählen und wähle den Namen des Ankers aus.
6. Klicke auf Speichern.
7. Wiederhole die Schritte 3 bis 5 für jeden Eintrag in deinem Inhaltsverzeichnis.

Du kannst mithilfe der Symbole in der Symbolleiste den Stil und den Wortlaut deines Inhaltsverzeichnisses anpassen. Achte beim Bearbeiten deines Inhaltsverzeichnisses darauf, nur den Text zu markieren, den du ändern möchtest. Wenn du versehentlich einen vorhandenen Link löschst, füge ihn erneut ein. Um zu sehen, wie Anker-Links deinen Abonnent*innen angezeigt werden, kannst du dir deine E-Mail in der Vorschau anzeigen lassen und testen.

Anker-Links im klassischen Builder einfügen

Anker-Links hinzufügen

Zum Einfügen von Anker-Links in deinem Überschriftentext verfährst du im klassischen Builder folgendermaßen.

1. Klicke auf einen Inhaltsblock, der Text enthält – z. B. die Blöcke Text, Textkasten oder Bild + Text . Oder du klickst auf einen Textblock und ziehst ihn dann in dein Layout.
2. Füge den Text für das Inhaltsverzeichnis ein.
3. Markiere im Bearbeitungsbereich den Überschrifttext und klicke in der Symbolleiste auf das Ankersymbol .
   
4. Gib im Pop-up-Dialogfeld Ankereigenschaften den Namen deines Ankers in das Feld Ankername ein. Wir empfehlen, dass du keine Leerzeichen oder Sonderzeichen für deinen Ankernamen verwendest.
5. Klicke auf OK.
6. Wiederhole die Schritte 3 bis 5 für jede Überschrift, die du mit deinem Inhaltsverzeichnis verknüpfen möchtest.
7. Klicke auf Speichern & schließen.

Inhaltsverzeichnis formatieren

Nachdem du Anker-Links zu deinem Inhalt 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. Füge im Bearbeitungsbereich den Text für das Inhaltsverzeichnis hinzu.
   
3. Markiere den ersten Eintrag und klicke in der Symbolleiste auf das Link-Symbol.
   
   Achte darauf, nur den zu verlinkenden Text zu markieren und Leerzeichen um den Eintrag herum zu vermeiden. Dies ist hilfreich, wenn du den Text später formatierst.
4. Klicke im Pop-up-Dialogfenster Link einfügen oder bearbeiten auf das Dropdown-Menü Link zu und wähle Anker-Link.
5. Klicke auf das Dropdown-Menü Zu verlinkenden Anker auswählen und wähle den Namen des Ankers aus.
6. Klicke auf Erweiterte Optionen und deaktiviere das Kontrollkästchen neben In neuem Fenster öffnen.
7. Klicke auf Einfügen.
8. Wiederhole die Schritte 3 bis 7 für jeden Eintrag in deinem Inhaltsverzeichnis.

Du kannst mithilfe der Symbole in der Symbolleiste den Stil und den Wortlaut deines Inhaltsverzeichnisses anpassen. Achte beim Bearbeiten deines Inhaltsverzeichnisses darauf, nur den Text zu markieren, den du ändern möchtest. Wenn du versehentlich einen vorhandenen Link löschst, füge ihn erneut ein. Um zu sehen, wie Anker-Links deinen Abonnent*innen angezeigt werden, kannst du dir deine E-Mail in der Vorschau anzeigen lassen und testen.

Testen des Inhaltsverzeichnisses und Fehlerbehebung

Testen und Fehlerbehebung für das Inhaltsverzeichnis

Das Merge-Tag *|MC:TOC|* und Anker-Links werden nicht von allen E-Mail-Clients unterstützt und funktionieren eventuell mit bestimmten E-Mail-Clients nicht wie erwartet. Wir empfehlen dir daher, deine E-Mail als Vorschau anzuzeigen 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.

E-Mail-Anzeige auf Mobilgeräten
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 im klassischen Builder verwendet hast, vergewissere dich, dass dein Überschriftentext als Inhaltsverzeichnisüberschrift oder Inhaltsverzeichnistitel formatiert ist. Zum Überprüfen des Überschriftformats markierst du den Text und klickst dann auf das Dropdown-Menü Stile .
  

• Wenn du für die Gestaltung der E-Mail oder Landingpage HTML-Code importiert hast, fügen wir in den Code das Tag <base> ein, das deine Anker-Links beschädigen könnte. Um fehlerhafte Anker-Links 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 >