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 abgerufen 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 der 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. Das Layout platziert das Bild über dem Text oder daneben, wobei die Bildbreite und die vertikale Ausrichtung der Zeile festgelegt werden. Verwenden Sie dies für ein vorgestelltes Produkt in einer Bestellung oder bei einer Rückgewinnungs-E-Mail.

Preis

Eine eigenständige Preiszeile: der fettgedruckte Preis, davor optional ein durchgestrichener Vergleichspreis, Größe, Farbe und Ausrichtung. Es handelt sich um den Preisbereich 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 keinen eigenen Link angeben.
• 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 für Bestellungen

Spediteur und Sendungsnummer, ein Fortschrittsbalken sowie zwei Elemente: eine Schaltfläche „Verfolgen“ (die den Tracking-Link öffnet, 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 stammen von Ihnen; es können zwei bis sechs sein.

Sternebewertung

Sterne in einer bestimmten Anzahl ({{ variables.rating }}), auf ganze Sterne gerundet, wobei die übrigen ausgegraut sind, 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 Abstand. 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 auf die Videoseite verweist, sowie einen optionalen Beschriftungsbereich darunter an. Die Wiedergabetaste kann dunkel, hell oder in den Markenfarben gestaltet werden; Höhe und Breite des Vorschaubilds sind anpassbar. In Outlook für Windows wird das Vorschaubild nicht hinter der Wiedergabetaste angezeigt; der Link funktioniert jedoch weiterhin.

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 sein kann und links oder oben platziert wird. Als Standardwerte werden {{ shop.name }} und {{ shop.email }} verwendet.

Tabelle

Eine kleine Datentabelle für Daten zur Bestellung 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 auf der Grundlage 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 weggelassen werden würde. Fügen Sie die Blöcke darin genauso ein wie in einer Spalte.

Verwandte Themen

• Erstellen Sie ein E-Mail-Layout - den Builder und jeden anderen Block.
• Daten aus Shopify Flow übergeben - die Werte anzugeben.
• Berechtigungen: Welche Daten die App aus Ihrem Shop auslesen darf - die Berechtigung „Rabatte“.