Workflow Transactional EmailWorkflow Transactional Email
Betreffzeile und Vorschautext

Betreffzeile und Vorschautext

Seite kopieren

Betreffzeile und Vorschautext mit Liquid-Variablen aus Shopify Flow befüllen, inklusive Standardwerten für leere Felder.

Bevor jemand Ihre E-Mail öffnet, sieht er in seinem Posteingang drei Dinge: den Absender, den Betreff und den Vorschautext. Zwei davon werden durch das Layout vorgegeben.

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 dieses Feld leer, woraufhin der E-Mail-Client den Text übernimmt, der zufällig an erster Stelle in der E-Mail steht - häufig „Im Browser anzeigen“, den Alt-Text eines Bildes oder eine Zeile zum Abbestellen des Newsletters.

Betreff

Muss in jedem Layout festgelegt werden. Unterstützt {{ variables.xxx }} und {{ secrets.xxx }}, sodass Sie die Bestellnummer oder den Namen des Kunden einfügen können:

Your order {{ variables.orderName }} has shipped

Legen Sie für optionale Werte einen Standardwert fest, damit der Kunde niemals ein leeres Feld erhält:

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

Bitte halten Sie die Zeichenanzahl nach Möglichkeit unter etwa 50 - mobile Clients kürzen den Text ab, sobald diese Grenze überschritten wird.

Vorschau-Text

Das Textfeld „Vorschau“ befindet sich sowohl auf der Registerkarte „Allgemein“ des visuellen Builders als auch im Rich-Text-/HTML-Editor direkt unter dem Betreff.

Es unterstützt genau dasselbe Liquid wie das Original, sodass es dynamische Details wiedergeben kann:

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

Streben Sie 40 bis 100 Zeichen an. Je nach Kunde wird eine unterschiedliche Anzahl angezeigt; die maximale Zeichenanzahl beträgt 200.

Wo dies auftritt

Der Vorschautext wird der E-Mail als versteckter Block ganz oben im Textkörper hinzugefügt. Die Empfänger sehen ihn in der Liste ihres Posteingangs, doch wenn sie die Nachricht öffnen, ist er nicht sichtbar - somit erscheint er niemals zweimal und beeinträchtigt Ihr Design nicht.

Hinter diesem verborgenen Block fügt die App unsichtbare Füllzeichen ein. Ohne diese Zeichen ziehen Clients den ersten eigentlichen Text Ihrer E-Mail erst nach Ihrer Vorschauzeile ein, sodass bei den Händlern Einträge im Posteingang erscheinen, die wie folgt lauten_: „Verfolgen Sie Ihr Paket - Im Browser anzeigen - Abmelden_“.

Wie man einen guten Text verfasst

Der Betreff und der Vorschautext werden zusammen gelesen; wiederholen Sie sich daher bitte nicht.

Betreff Vorschau-Text
Schwach Ihre Bestellung wurde versandt Ihre Bestellung wurde versandt
Besser Ihre Bestellung wurde versandt Zustellung am Donnerstag - keine Unterschrift erforderlich

Fügen Sie die Angaben hinzu, die den Empfänger dazu bewegen, die Sendung zu öffnen: das Lieferdatum, den Betrag und die nächsten Schritte.

Der Vorschautext ist nicht die Beschreibung

Dieser Punkt führt oft zu Missverständnissen, daher lohnt es sich, dies ausdrücklich zu betonen.

Feld Wer sieht das? Wozu dient es?
Betreff Der Empfänger Die Betreffzeile der E-Mail
Vorschau-Text Der Empfänger Die Zeile im Posteingang nach der Betreffzeile
Beschreibung Nur Sie in dieser App Ein interner Vermerk, um die Layouts in Ihrer Liste voneinander zu unterscheiden

Die Beschreibung bleibt stets in der App. Falls Sie dort Texte für Kunden verfasst haben, verschieben Sie diese bitte in den Vorschautext.

Dies überprüfen

In der Vorschau auf der Seite wird der Text im Posteingang nicht angezeigt, da es sich dabei um die Darstellung des E-Mail-Clients und nicht um die der E-Mail selbst handelt. So können Sie dies überprüfen:

  1. Wählen Sie im Layout die Option „Test-E-Mail senden“ aus.
  2. Sehen Sie sich die Listenansicht Ihres Posteingangs an - öffnen Sie die Nachricht nicht.
  3. Bitte überprüfen Sie, ob der Satz, der auf die Betreffzeile folgt, so lautet, wie Sie es beabsichtigt haben.

Überprüfen Sie auf einem Smartphone sowohl die Benachrichtigung als auch die Liste, da diese unterschiedlich gekürzt werden.

Falls Ihr Vorschautext eine Variable enthält, beachten Sie bitte, dass bei einem Testversand Ihre Testvariablen verwendet werden und nicht die von Shopify Flow. Siehe Daten aus Shopify Flow übergeben.

Verwandte Themen