So fügst du Vorschautext in eine E-Mail ein
Übersicht
Erfahre, was Vorschautext ist, wo er standardmäßig in deinen E-Mails angezeigt wird und wie du ihn in den Text deiner E-Mails einfügst.
Informationen zur Textvorschau
Vorschautext ist eines der ersten Dinge, die Empfänger*innen sehen, wenn eine E-Mail in ihrem Posteingang ankommt. Er wird im Posteingang nach dem Betreff einer E-Mail angezeigt und wird normalerweise aus der ersten Textzeile im Inhalt einer E-Mail übernommen.
Es gibt zwei Hauptmöglichkeiten, wie du Vorschautext verwenden kannst, um deine E-Mails zu verbessern:
- Verwende Vorschautext, um die E-Mail zusammenzufassen.
- Nutze den Vorschautext, um deinen Betreff zu ergänzen.
Wenn du keinen Vorschautext einfügst, ziehen Posteingänge ihn automatisch aus der ersten Textzeile einer E-Mail – das bedeutet, dass ALT-Text, deine Navigationsleiste usw. als Vorschautext übernommen werden könnten. Daher ist es am besten, genau festzulegen, was dein Vorschautext anzeigen soll. Wenn du mehr darüber erfahren möchtest, wie du Vorschautext strategisch einsetzt, lies im Klaviyo Blog weiter.
Diese Funktion wird nur in den Drag-and-drop-Vorlagen von Klaviyo unterstützt. Bei benutzerdefinierten HTML-Vorlagen (einschließlich benutzerdefinierten HTML-Vorlagen mit Drag-and-drop-Unterstützung) sollte dein*e E-Mail-Designer*in den gewünschten Vorschautext am Anfang des Codes der E-Mail einfügen. Bei Nur-Text-E-Mails wird der Anfang deiner E-Mail als Vorschautext verwendet.
Füge einer Flow-E-Mail Vorschautext hinzu
So fügst du Vorschautext für eine Flow-E-Mail auf dem E-Mail-Vorschaubildschirm ein:
- Öffne den Flow, der die E-Mail enthält, die du bearbeiten möchtest.
- Klicke auf die Flow-Nachricht, um die Seitenleiste E-Mail-Details zu öffnen.
- Klicke unter Betreff und Absender in der Inhaltsseitenleiste auf Bearbeiten.
- Füge im Feld Vorschautext deinen gewünschten Vorschautext hinzu.
Vorschautext zu einer Kampagnen-E-Mail hinzufügen
So fügst du Vorschautext für eine Kampagne im E-Mail-Vorschaubildschirm ein:
- Öffne die Kampagne, die du bearbeiten möchtest.
- Klicke auf Weiter.
- Füge im Feld Vorschautext deinen gewünschten Vorschautext hinzu.
Vorschautext im Posteingang
Das Eingabefeld Vorschautext fügt automatisch Abstandhalter hinzu, sodass nur der eingegebene Vorschautext im Posteingang deiner Kund*innen angezeigt wird.
Verschiedene Geräte und E-Mail-Clients haben unterschiedliche Grenzwerte für die Anzahl der angezeigten Vorschautext-Zeichen, wobei auf kleineren Bildschirmen weniger Vorschauzeichen angezeigt werden. Behalte das im Hinterkopf und halte den Vorschautext kurz. Hier sind die Zeichenlimits nach E-Mail-Client aufgeschlüsselt:
Gmail kann Kommas innerhalb einer Zahlenreihe aus deinem Vorschautext entfernen. Zum Beispiel wird 10,000 in der Gmail-Vorschau in 10000 umgewandelt.
Vorschautext in deinen E-Mails anzeigen
In einigen Fällen möchtest du deinen Vorschautext vielleicht innerhalb des Textkörpers deiner Vorlage anzeigen. Mit folgendem Tag kannst auf jeden beliebigen Vorschautext verweisen, den du im E-Mail-Vorschaubildschirm festgelegt hast:
{% render_variable preview_text %} Füge das Tag in einen beliebigen Textblock in deiner Vorlage ein.
Vorschautext ausblenden
Wenn du den Vorschautext vollständig ausblenden möchtest und im Posteingang deiner Kund*innen nur dein Betreff angezeigt werden soll, füge das folgende Code-Fragment ganz oben in deiner E-Mail ein. Dieser Code schiebt deinen E-Mail-Inhalt über den Vorschautext-Anzeigebereich hinaus, sodass er leer angezeigt wird.
- Füge ganz oben in deiner E-Mail, über allen anderen Inhalten, einen HTML-Block hinzu.
- Füge das folgende Code-Fragment hinzu:
<div style="display: none; max-height: 0px; overflow: hidden;">͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­
͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌ ­
͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­
͏‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ‌ ­ ͏ ‌ ­ ͏ ‌
­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­ ͏ ‌ ­
͏‌ ­
</div> - Speichere den HTML-Block.
Wenn deine E-Mails im Posteingang landen, sehen Kund*innen nur deinen Betreff.
Weitere Ressourcen
- Templates and design glossary
Learn key terms related to email, SMS, and push templates in Klaviyo.