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.
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:
- Ziehe im linken Bereich des Editors unter Content > Blocks (Inhalt > Blöcke) den Inhaltsblock Navigation und lege ihn ab.
- Klicke auf den Inhaltsblock Navigation, um seine Einstellungen aufzurufen und auszuwählen, wie viele Links du verankern möchtest.
- 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.
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.
- Wähle deinen Text für die Überschrift aus und klicke auf 🔗 Add link (Link hinzufügen) in der oberen Symbolleiste.
- Wähle in der Dropdown-Liste für die Art des Links die Option Anchor for relative links (Anker für relative Links).
- 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.
- Klicke auf Insert (Einfügen).
- 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:
- Klicke auf den Text, dem du einen relativen Link hinzufügen möchtest, und wähle ihn aus.
-
Klicke auf 🔗 Add link(Link hinzufügen) in der oberen Symbolleiste.
- In der Dropdown-Liste für die Art des Links wählst du Relative link (to anchor) (Relativer Link (zum Anker)).
- 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.
-
Klicke auf Insert (Einfügen).
- Wiederhole diese Schritte für jeden Anker, den du erstellen möchtest.
- Klicke auf das Bild und öffne den Bereich Link settings (Link-Einstellungen) im linken Fenster.
- In der Dropdown-Liste für die Art des Links wählst du Relative link (to anchor) (Relativer Link (zum Anker)).
-
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. Der Link wird automatisch gespeichert.
- Wiederhole diese Schritte für jeden Anker, den du erstellen möchtest.
-
(Optional) Blende Bilder auf mobilen Geräten aus, damit sie nicht den ganzen Platz auf den Bildschirmen deiner Empfänger:innen einnehmen. Weitere Informationen findest du in unserem Artikel Inhalte in deinen E-Mails anzeigen oder ausblenden (Sichtbarkeit des Inhalts).
❗️ WichtigWenn du Bilder auf mobilen Geräten ausblendest, stelle sicher, dass du ein Textinhaltsverzeichnis hinzufügst, das dasjenige mit Bildern ersetzt.
(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
- Inhalt in deiner E-Mail anzeigen oder ausblenden (Sichtbarkeit des Inhalts)
- Optimierung deines E-Mail-Designs für Mobilgeräte (mobile-responsive)
- Bereich des Drag & Drop-E-Mail-Editors
🤔 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.