Hinzufügen eines Inhaltsverzeichnis und von Ankerlinks in deiner E-Mail

Im Drag-and-Drop-E-Mail-Editor kannst du durch Hinzufügen eines Inhaltsverzeichnisses die Aufmerksamkeit der Leser:innen auf bestimmte Bereiche in deiner E-Mail lenken. Ein Inhaltsverzeichnis macht es den Empfänger:innen leicht, in langen Newslettern oder detaillierten Updates zu navigieren, indem sie auf die Titel der Bereiche klicken, anstatt zu scrollen. Wenn deine E-Mail beispielsweise mehrere Themen umfasst, wie neue Artikel, bevorstehende Ereignisse und Sonderangebote, können die Leser:innen mit einem Inhaltsverzeichnis direkt zu dem Teil springen, der sie am meisten interessiert.

dde_table-of-contents-email_en-us.gif

Erste Schritte

Stelle sicher, dass dein E-Mail-Design, das du mit dem Drag-and-Drop-Editor erstellt hast, fertig ist und versendet werden kann. Alle Bereiche, die du verlinken möchtest, sollten bereits in deinem Layout vorhanden sein.

Schritt 1: Erstellen eines Inhaltsverzeichnisses 

Um deine Empfänger:innen zu bestimmten Bereichen innerhalb deiner E-Mail weiterzuleiten, musst du zunächst ein Inhaltsverzeichnis erstellen. Es dient als Navigationsbereich, in dem jeder Link auf einen anderen Teil deiner E-Mail verweist:

  1. Ziehe im linken Bereich des Editors unter Content > Blocks (Inhalt > Blöcke) den Inhaltsblock Navigation und lege ihn ab. 
  2. Klicke auf den Inhaltsblock Navigation, um seine Einstellungen aufzurufen und auszuwählen, wie viele Links du verankern möchtest.
  3. Ersetze jeden Link durch einen kurzen Titel, der den Bereich oder den Inhalt wiedergibt, zu dem du deine Empfänger:innen weiterleiten möchtest. Wir empfehlen dir, maximal zwei Wörter für deinen Titel zu verwenden, um dein Inhaltsverzeichnis nicht zu unübersichtlich werden zu lassen und sicherzustellen, dass es klar und leicht lesbar bleibt.
DEE_navigation-content-block_en-us.gif

Schritt 2: Erstellen von Ankern für deine E-Mail-Bereiche

Nachdem du nun dein Inhaltsverzeichnis erstellt hast, ist es an der Zeit, Anker für jeden Bereich der E-Mail zu erstellen, an die du die Empfänger:innen weiterleiten möchtest. In diesem Fall wollen wir zu jeder Überschrift 2 weiterleiten, da sie jeweils einen Bereich unserer E-Mail darstellen. 

  1. Wähle deinen Text für die Überschrift aus und klicke auf 🔗 Add link (Link hinzufügen) in der oberen Symbolleiste. 
    dde_add-link-text_en-us.png
  2. Wähle in der Dropdown-Liste für die Art des Links die Option Anchor for relative links (Anker für relative Links)
  3. Gib im Feld Anchor name (Ankername) einen neuen Namen für deinen Anker ein. Gib einen kurzen Namen ein, ohne Leer- oder Sonderzeichen. Für diesen Anwendungsfall werden wir YogaPose verwenden. 
  4. Klicke auf Insert (Einfügen)
    dde_create-anchor-text_en-us.png
  5. Wiederhole diese Schritte für jede Überschrift, zu der du einen Anker hinzufügen möchtest.

Schritt 3: Verbinden deines Inhaltsverzeichnisses mithilfe relativer Links mit den einzelnen Bereichen

Sobald du deine Anker erstellt hast, ist es an der Zeit, sie mit deinem Inhaltsverzeichnis zu verknüpfen, damit deine Empfänger:innen zum richtigen Bereich deiner E-Mail weitergeleitet werden. Du kannst relative Links zu Texten oder Bildern hinzufügen:

📝 Text 🏞️ Bild
  1. Klicke auf den Text, dem du einen relativen Link hinzufügen möchtest, und wähle ihn aus.
  2. Klicke auf 🔗 Add link(Link hinzufügen) in der oberen Symbolleiste. 
    dde_add-link_en-us.png
  3. In der Dropdown-Liste für die Art des Links wählst du Relative link (to anchor) (Relativer Link (zum Anker))
  4. Wähle in der Dropdown-Liste Target anchor (Zielanker) den Namen des Ankers aus, der diesem Element deines Inhaltsverzeichnisses entspricht. Für diesen Anwendungsfall ist es YogaPose
  5. Klicke auf Insert (Einfügen)
    dde_add-relative-link-text_en-us.png
  6. Wiederhole diese Schritte für jeden Anker, den du erstellen möchtest.

(Optional) Schritt 4: Testen deiner E-Mail 

Um sicherzustellen, dass dein Inhaltsverzeichnis auf die richtigen Bereiche weiterleitet und dein Design wie erwartet ist, versende eine Test-E-Mail. 

➡️ Weitere Informationen findest du in unserem Artikel Anzeigen der Vorschau und Test deiner E-Mail.

⏭️ Nächste Schritte

🤔 Sie haben eine Frage?

Wenden Sie sich bei Fragen an unser Support-Team: Erstellen Sie einfach ein Ticket über Ihr Konto. Wenn Sie noch kein Konto haben, können Sie uns hier kontaktieren.

Wenn Sie Unterstützung bei einem Projekt mit Brevo suchen, können wir Sie mit der richtigen zertifizierten Brevo-Partneragentur verbinden.

💬 War dieser Beitrag hilfreich?

1 von 3 fanden dies hilfreich