Wie füge ich eine Textvorschau in eine E-Mail ein?

Du wirst lernen

Hier erfährst du, was Vorschautext ist, wo er standardmäßig in deiner E-Mail erscheint und wie du ihn in den Text deiner E-Mail einfügst. 

Über den Vorschautext

Der Vorschautext ist eines der ersten Dinge, die die Empfänger sehen, wenn eine E-Mail in ihrem Posteingang ankommt. Sie wird im Posteingang nach dem Betreff einer E-Mail angezeigt und wird normalerweise aus der ersten Textzeile im Textkörper einer E-Mail gezogen.

Es gibt 2 Möglichkeiten, wie du den Vorschautext verwenden kannst, um deine E-Mail zu verbessern:

1. Verwende den Vorschautext, um die E-Mail zusammenzufassen.
2. Verwende einen Vorschautext, um dein Betreff zu ergänzen.

Wenn du den Vorschautext nicht ausdrücklich einfügst, zieht der Posteingang ihn automatisch aus der ersten Textzeile einer E-Mail - das bedeutet, dass ALT-Text, deine Navigationsleiste usw. als Vorschautext verwendet werden könnten. Es ist also am besten, wenn du genau festlegst, was dein Vorschautext anzeigen soll. Mehr über den strategischen Einsatz von Vorschautexten erfährst du auf dem Klaviyo Blog.

Vorschautext zu einer Flow E-Mail hinzufügen 

So fügst du auf dem E-Mail-Vorschaubildschirm Vorschautext für eine Flow E-Mail ein:

1. Öffne den Fluss, der die E-Mail enthält, die du bearbeiten möchtest
2. Klicke auf die Flow-Meldung, um die Inhalts-Seitenleiste zu öffnen
3. Klicke auf Bearbeiten in der Seitenleiste des Inhalts
4. Füge im Feld Vorschautext den gewünschten Vorschautext hinzu
   

Vorschautext zu einer Kampagnen-E-Mail hinzufügen

So fügst du einen Vorschautext für eine Kampagne auf dem E-Mail-Vorschaubildschirm ein:

1. Öffne die Kampagne, die du bearbeiten möchtest
2. Klicke auf Weiter zum Inhalt
3. Füge im Feld Vorschautext den gewünschten Vorschautext hinzu
   

Textvorschau im Posteingang

Die Eingabe des Vorschautextes fügt automatisch Abstandshalter hinzu, sodass nur der von dir eingegebene Vorschautext in den Posteingängen deiner Kunden angezeigt wird. 

Verschiedene Geräte und E-Mail-Clients haben unterschiedliche Beschränkungen für die Anzahl der angezeigten Vorschautextzeichen, wobei kleinere Bildschirme weniger Vorschautextzeichen anzeigen. Behalte dies im Hinterkopf und halte den Vorschautext kurz und bündig. Hier sind die Zeichenbeschränkungen nach E-Mail-Client aufgeschlüsselt: 

Bild via E-Mail on Acid 

Vorschautext in deiner E-Mail anzeigen

In manchen Fällen möchtest du deinen Vorschautext im Textkörper deiner Vorlage anzeigen. Du kannst jeden Vorschautext, den du auf dem E-Mail-Vorschaubildschirm eingestellt hast, mit dem folgenden Tag referenzieren:

{% render_variable preview_text %}

Füge den Tag in einen beliebigen Textblock in deiner Vorlage ein. 

Vorschautext ausblenden

Wenn du den Vorschautext komplett ausblenden möchtest und nur dein Betreff in den Posteingängen deiner Kunden erscheinen soll, füge das folgende Code-Fragment ganz oben in deiner E-Mail ein. Dieser Code schiebt den Inhalt deiner E-Mail über den Vorschaubereich hinaus, sodass er leer erscheint. 

1. Füge einen HTML-Block ganz oben in deiner E-Mail ein, über allen anderen Inhalten. 
2. Füge das folgende Code-Fragment hinzu: 
   

   <div style="display: none; max-height: 0px; overflow: hidden;"> ͏ ‌
        ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­
       ͏‌   ­ ͏ ‌   ­ ͏ ‌   ­ ‌   ­ ͏ ‌  
      &schüchtern; ͏ ‌   &schüchtern; ͏ ‌ nbsp; ­ ‌   ­ ͏ ‌   ­ ͏ ‌
        &scheu; ͏ ‌   &scheu; ‌   &scheu; ͏ ‌   &scheu; ͏ ‌   &scheu;
       ͏‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌  
      &schüchtern; ‌ nbsp; ­ ͏ ‌   ­ ‌   ­ ͏ ‌   ­ ͏ ‌
        &scheu; ͏ ‌   &scheu; ͏ ‌   &scheu; ͏ ‌   &scheu; ‌   &scheu;
       ͏‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌ nbsp;
      ­ ͏ ‌   ­ ͏ ‌   ­ ‌   ­ ͏ ‌   ­ ͏ ‌
        ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­ ͏ ‌   ­
       ͏‌   &schüchtern;
   </div>

3. Speichere den HTML-Block. 

Wenn deine E-Mail im Posteingang ankommt, sieht der Kunde nur deinen Betreff.

Zusätzliche Ressourcen

• Hinweis zur Personalisierung der Nachricht
• Vorlage und Design-Glossar