Workflow Transactional EmailWorkflow Transactional Email

Inhaltsblöcke: Produkt, Rabatt, Countdown, Sendungsverfolgung und mehr

Mit Version 1.17 werden dem visuellen Builder dreizehn Inhaltsblöcke und zwei Layoutblöcke hinzugefügt. Jedes Textfeld in diesen Blöcken unterstützt Liquid, sodass ein Produkttitel oder eine Sendungsnummer über {{ variables.xxx }} aus dem Workflow übernommen werden kann und die Arbeitsfläche jeden Block mit Ihren Testvariablen gerendert anzeigt.

Bausteine aus Einzelteilen

Die Produktkarte, das Rabattfeld, die Kundenbewertung, die Signatur, das Video und der Block zur Verfolgung von Bestellungen bestehen** aus den Ihnen bereits bekannten Grundbausteinen** - genau wie der Block „Bild + Text“. Öffnen Sie einen davon, und im Einstellungsbereich werden dessen Bestandteile aufgelistet: ein Bild, eine Überschrift, ein Text, ein Preis und eine Schaltfläche. Klicken Sie auf ein Element, um es mit den vollständigen Einstellungen dieses Bausteins zu bearbeiten (Bildbreite und -ausrichtung, Überschriftenebene, Rich-Text-Formatierung, Schaltflächenstil und Eckenradius); verwenden Sie das Augensymbol, um ein nicht benötigtes Element auszublenden. Unterhalb der Elemente befinden sich die Einstellungen des Bausteins selbst, wie beispielsweise das Kartenlayout oder der Rahmenstil.

Produkt

Eine Produktkarte. Bestandteile: Bild (Hochladen oder ein Link wie z. B. {{ variables.product_image }}), Titel, Beschreibung (verborgen, bis Sie diese aktivieren), Preis mit einem optionalen, durchgestrichenen Vergleichspreis sowie eine Schaltfläche. Der Link umfasst das Bild und den Titel; die Schaltfläche verfügt über einen eigenen Link. Über das Layout können Sie festlegen, ob das Bild über dem Text oder daneben platziert wird, wobei die Bildbreite und die vertikale Ausrichtung der Zeile festgelegt werden. Verwenden Sie diese Option für ein vorgestelltes Produkt in einer E-Mail für Bestellungen oder zur Rückgewinnung.

Preis

Eine eigenständige Preiszeile: der fettgedruckte Preis, davor optional ein durchgestrichener Vergleichspreis, Größe, Farbe und Ausrichtung. Es handelt sich um den Preisabschnitt der Produktkarte, der überall verfügbar ist.

Produktraster

Zwei oder drei Karten pro Zeile aus einer Liste in Ihren Variablen - genau wie bei der Tabelle mit den Artikeln. Verweisen Sie „List“ auf die Variable (beispielsweise variables.products) und benennen Sie anschließend die Eigenschaft, die das jeweilige Feld enthält: title, price, compare_at_price, image, url. Jeder Eintrag wird zu einer Karte mit einer Schaltfläche in dem von Ihnen gewählten Stil und mit dem von Ihnen gewählten Eckenradius; ein fehlendes Bild oder ein fehlender Link wird einfach weggelassen. Füllen Sie die Liste aus Shopify Flow mit einem „Code ausführen“-Schritt oder den Artikeln der Bestellung.

Rabattcode

Ein Codefeld, bestehend aus einer Überschrift, einer Beschreibung und einer Schaltfläche, umrahmt von einem gestrichelten, durchgezogenen oder einfachen Rahmen. Zwei Möglichkeiten, es auszufüllen:

  • Ein bereits vorhandener Code: Geben Sie diesen (oder eine Variable) ein. Die Schaltfläche verweist auf Ihren Shop, wobei der Code am Checkout angewendet wird, sofern Sie ihr keinen eigenen Link zuweisen.
  • Erstellen Sie für jede E-Mail einen eindeutigen Code: Die App generiert beim Versenden der E-Mail in Ihrem Shop einen einmalig einlösbaren Rabattcode mit dem Namen PREFIX-XXXXXX, der den von Ihnen festgelegten Prozentsatz oder Betrag, die Gültigkeitsdauer in Tagen, den Mindestbestellwert sowie die Regel „einmal pro Kunde“ enthält. Der Code wird im Verlauf zusammen mit dem Versand angezeigt, und unter „Erneut senden“ der E-Mail wird derselbe Code angezeigt. Pro Empfänger einer Marketing-E-Mail wird jeweils ein Code vergeben.

Zum Erstellen von Codes ist die Berechtigung „Rabatte“ erforderlich, um die der Block direkt abfragt und die Sie auf der Seite „Berechtigungen“ (Berechtigungen: Welche Daten die App aus Ihrem Shop auslesen darf) erteilen können. Die App erstellt lediglich Codes; sie liest, ändert oder löscht niemals andere Rabatte. In einer Test-E-Mail wird anstelle eines Codes ein Platzhalter angezeigt.

Countdown

Ein Live-Countdown bis zu einem bestimmten Datum und einer bestimmten Uhrzeit. In der E-Mail handelt es sich um ein animiertes Bild, das die App beim Öffnen der E-Mail rendert, sodass der Countdown bereits im Posteingang läuft; ein Client, der Bilder blockiert, zeigt den Text daneben an. „Ends at“ akzeptiert ein Datum mit Zeitzone (2026-12-24T23:59:00+01:00) oder eine Variable. Vier Stile: Kästchen, Umblätterkarten, minimalistisch und Text; drei Größen; eigene Beschriftungen und Farben; sowie ein Text, der den Countdown ersetzt, sobald die Zeit abgelaufen ist.

Sendungsverfolgung

Spediteur und Sendungsnummer, ein Fortschrittsbalken sowie zwei Elemente: eine Schaltfläche „Verfolgen“ (diese öffnet den Tracking-Link, sofern Sie keinen anderen angeben) und eine Notiz, beispielsweise zur voraussichtlichen Lieferzeit, die so lange ausgeblendet bleibt, bis Sie sie benötigen. Der Sendungsstatus übernimmt den Status von Shopify aus Shopify Flow (IN_TRANSIT, OUT_FOR_DELIVERY, DELIVERED und die anderen) oder eine Schrittnummer und hebt die bis dahin zurückgelegten Schritte hervor. Die Schrittbezeichnungen legen Sie selbst fest; es können zwei bis sechs sein.

Sternebewertung

Sterne, basierend auf einer Zahl ({{ variables.rating }}), auf ganze Sterne gerundet, wobei der Rest ausgegraut ist, mit einem Text daneben und einem optionalen Link, beispielsweise zu Ihrer Bewertungsseite. Kombinieren Sie dies mit einer E-Mail zur Aufforderung zur Abgabe einer Bewertung.

Kundenstimme

Ein Zitat und eine Autorenzeile als Textelemente sowie ein optionales Foto - als Karte, mit einem farbigen Akzentstreifen oder schlicht.

Soziale Netzwerke

Eine Reihe von Netzwerk-Symbolen (Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest und weitere) mit festgelegter Größe und Abständen. Es handelt sich um dieselben Symbole, die auch in der Fußzeile verwendet werden.

Video

Da E-Mails keine Videos abspielen können, zeigt dieser Block das Vorschaubild mit einer Wiedergabetaste, die mit der Videoseite verlinkt ist, sowie optional darunter eine Bildunterschrift an. Wiedergabetaste in dunkler, heller oder markenspezifischer Farbe; Höhe und Breite des Vorschaubilds. In Outlook für Windows wird das Vorschaubild nicht hinter der Wiedergabetaste angezeigt; der Link funktioniert dennoch.

Unterschrift

Ein Foto, ein Name (eine Überschrift) und die Angaben (ein Text: Berufsbezeichnung, Unternehmen, Telefonnummer, E-Mail-Adresse, Website), wobei das Foto rund oder quadratisch ist und links oder oben platziert wird. Als Standardwerte werden {{ shop.name }} und {{ shop.email }} verwendet.

Tabelle

Eine kleine Datentabelle für Daten zu Bestellungen oder Spezifikationen. Jede Zelle enthält eine Variable; die erste Zeile kann als Kopfzeile dienen, und die Zeilen können abwechselnd angeordnet sein.

Im Browser anzeigen

Die übliche Zeile „Diese E-Mail im Browser anzeigen“. Der Link öffnet eine Webversion genau dieser E-Mail, die anhand des Layouts und der Daten der gesendeten E-Mail erstellt wurde und 30 Tage lang verfügbar ist. Eine Test-E-Mail enthält einen Link zum Layout mit den entsprechenden Testvariablen.

Spalten

Zwei, drei oder vier gleich große Spalten, jede mit eigenen Blöcken: drei Produktkarten nebeneinander oder Symbole mit jeweils einer Textzeile darunter.

Anzeigen, wenn

Ein Abschnitt, der nur dann gesendet wird, wenn eine Bedingung für Ihre Variablen wahr ist. Geben Sie die Bedingung so ein, wie Liquid sie liest: variables.total > 100, language == "de", variables.tags contains "vip". Die Arbeitsfläche wertet sie anhand Ihrer Testvariablen aus und blendet den Abschnitt aus, wenn er ausgelassen werden würde. Fügen Sie die Blöcke darin so ein, wie Sie es in einer Spalte tun würden.

Verwandte Themen