Workflow Transactional EmailWorkflow Transactional Email

Betreffzeile und Vorschautext

Bevor jemand deine E-Mail öffnet, sieht er drei Dinge im Posteingang: von wem sie stammt, den Betreff und den Vorschautext. Zwei davon werden im Layout festgelegt.

Acme Store
Your order #1024 has shipped
Track your parcel - arriving Thursday, no signature needed

Die dritte Zeile ist der Vorschautext. Die meisten Händler lassen ihn leer, und der E-Mail-Client greift dann auf den Text zurück, der zufällig als Erstes in der E-Mail steht - oft "Im Browser anzeigen", der Alt-Text eines Bildes oder eine Abbestellzeile.

Betreff

Wird in jedem Layout festgelegt, ist erforderlich. Unterstützt {{ variables.xxx }} und {{ secrets.xxx }}, sodass du die Bestellnummer oder den Namen des Kunden einfügen kannst:

Your order {{ variables.orderName }} has shipped

Gib optionalen Werten einen Fallback-Wert, damit nie ein leerer Text bei einem Kunden landet:

Hi {{ variables.firstName | default: "there" }}, your order is on its way

Halte ihn, wenn möglich, unter etwa 50 Zeichen - mobile Clients schneiden ihn darüber hinaus ab.

Vorschautext

Das Feld Vorschautext befindet sich direkt unter dem Betreff, sowohl im Tab Allgemein des visuellen Editors als auch im Rich-Text-/HTML-Editor.

Es unterstützt genau das gleiche Liquid wie der Betreff und kann daher dynamische Details enthalten:

Arriving Thursday - track parcel {{ variables.trackingNumber }}

Ziele auf 40-100 Zeichen. Clients zeigen unterschiedlich viel davon an; das Feld ist auf 200 Zeichen begrenzt.

Wo er erscheint

Der Vorschautext wird der E-Mail als versteckter Block ganz oben im Body hinzugefügt. Empfänger sehen ihn in der Posteingangsliste, er ist jedoch unsichtbar, wenn sie die Nachricht öffnen - er erscheint also nie doppelt und stört dein Design nicht.

Hinter diesem versteckten Block fügt die App unsichtbare Auffüllzeichen ein. Ohne sie würden Clients den ersten echten Text deiner E-Mail direkt nach der Vorschauzeile anzeigen, und Händler würden am Ende Posteingangseinträge wie "Sendung verfolgen Im Browser anzeigen Abbestellen" erhalten.

Einen guten Vorschautext schreiben

Betreff und Vorschautext werden zusammen gelesen, wiederhole dich also nicht.

Betreff Vorschautext
Schwach Ihre Bestellung wurde versandt Ihre Bestellung wurde versandt
Besser Ihre Bestellung wurde versandt Ankunft am Donnerstag - keine Unterschrift erforderlich

Füge das Detail hinzu, das jemanden zum Öffnen bewegt: das Lieferdatum, den Betrag, den nächsten Schritt.

Der Vorschautext ist nicht die Beschreibung

Das führt oft zu Verwechslungen, daher lohnt es sich, hier genau zu sein.

Feld Wer sieht es Wofür es gedacht ist
Betreff Der Empfänger Die Betreffzeile der E-Mail
Vorschautext Der Empfänger Die Zeile im Posteingang nach dem Betreff
Beschreibung Nur du, in dieser App Eine interne Notiz, um Layouts in deiner Liste zu unterscheiden

Die Beschreibung verlässt die App nie. Wenn du dort bisher kundenseitige Texte geschrieben hast, verschiebe sie in den Vorschautext.

Überprüfen

Die Vorschau auf der Seite zeigt keinen Posteingangstext, da dies vom E-Mail-Client und nicht von der E-Mail selbst gerendert wird. So überprüfst du es:

  1. Nutze Test-E-Mail senden im Layout.
  2. Sieh dir die Listenansicht deines Posteingangs an - öffne die Nachricht nicht.
  3. Prüfe, ob die Zeile nach dem Betreff so lautet, wie du es beabsichtigt hast.

Prüfe auf dem Smartphone sowohl die Benachrichtigung als auch die Liste, da diese unterschiedlich abgeschnitten werden.

Wenn dein Vorschautext eine Variable enthält, denke daran, dass ein Test-Versand deine Testvariablen verwendet, nicht die von Flow. Siehe Daten aus Shopify Flow übergeben.

Weiterführende Themen