E-Mails aus Shopify Flow mit einem eigenen SMTP-Server versenden

Überblick

Mit Workflow Transactional Email kannst du transaktionale E-Mails aus Shopify Flow über deinen eigenen SMTP-Server versenden. In diesem Beispiel erhält ein Kunde das Tag VIP, Shopify Flow führt den Workflow aus, und der Workflow sendet eine gebrandete E-Mail über deinen gespeicherten SMTP-Server und dein gespeichertes E-Mail-Layout.

Dieses Setup besteht aus drei Teilen:

1. Erstelle eine SMTP-Verbindung unter E-Mail-Absender
2. Gestalte die E-Mail unter E-Mail-Layouts
3. Verwende die Aktion Transaktions-E-Mail senden in Shopify Flow und übergebe Kundendaten an das Layout

Jeder Anbieter, der SMTP unterstützt, funktioniert - darunter Gmail, SendGrid, Mailgun, Amazon SES und dein eigener Mailserver.

Video-Anleitung

Das vollständige Setup - SMTP-Server, E-Mail-Layout und der Shopify-Flow-Workflow. Das Video hat keinen Ton, passe die Wiedergabegeschwindigkeit also nach Belieben an.

Bevor du beginnst

• Installiere Workflow Transactional Email in deinem Shopify-Store.
• Halte Host, Port, Benutzername und Passwort deines SMTP-Anbieters bereit.
• Entscheide, von welcher Absenderadresse die VIP-E-Mails kommen sollen.

Szenario: eine VIP-Willkommens-E-Mail

Der Workflow macht Folgendes:

1. Ein Kunde wird mit VIP getaggt
2. Shopify Flow startet den Workflow
3. Der Workflow führt die Aktion Transaktions-E-Mail senden aus
4. Die Aktion verwendet deinen gespeicherten SMTP-Server
5. Die Aktion sendet dein gespeichertes E-Mail-Layout mit den ausgefüllten Kundendaten

Schritt 1: Konfiguriere deinen SMTP-Server

Öffne in der App E-Mail-Absender und gehe zum SMTP-Bereich. Hier speicherst du den Mailserver, der deine Transaktions-E-Mails versendet.

Gib den SMTP-Host, Port, Benutzernamen und das Passwort deines Anbieters ein und klicke dann auf Verbindung testen.

Wenn die Zugangsdaten korrekt sind, siehst du eine Erfolgsmeldung.

Wähle die Adresse aus, von der die Nachricht kommen soll. Lege auch einen Anzeigenamen fest, damit Empfänger deinen Store-Namen statt einer nackten Adresse sehen.

Speichere die Konfiguration, damit sie später von deiner Shopify-Flow-Aktion ausgewählt werden kann.

Schritt 2: Gestalte die E-Mail

Gehe zu E-Mail-Layouts. Hier erstellst du den E-Mail-Inhalt, den Shopify Flow versenden wird.

Erstelle ein Layout für dein VIP-Szenario mit einer Betreffzeile und einem Textkörper. Der Betreff kann Variablen verwenden, die aus Shopify Flow übergeben werden. Dieses Beispiel verwendet firstName mit Liquids default-Filter als Fallback:

Hi {{ variables.firstName | default: "Customer" }} Welcome to VIP Club

Füge Blöcke hinzu, um ein zu deiner Marke passendes Design zu erstellen.

Dieses Beispiel verwendet einen Überschriften-Block, einen Bild-Block und einen Text-Block. Der Text-Block verweist auf die Variable firstName, die von Shopify Flow bereitgestellt wird.

Verwende den Bereich Testvariablen, um Beispielwerte einzugeben und zu prüfen, ob das Design wie erwartet dargestellt wird.

Speichere das Layout, damit es innerhalb der Shopify-Flow-Aktion ausgewählt werden kann.

Die vollständige Block-Referenz findest du unter Ein E-Mail-Layout erstellen.

Schritt 3: Erstelle den Workflow in Shopify Flow

Öffne Shopify Flow und erstelle einen Workflow für deinen VIP-Prozess. Verwende den Trigger für Kunden-Tagging, damit der Workflow ausgeführt wird, wenn ein Kunde das Tag VIP erhält.

Klicke auf Ereignisse aufzeichnen und füge dann in einem neuen Tab das Tag zu einem Kunden hinzu. Wähle links den Trigger aus, dann siehst du die echten Trigger-Daten - das erleichtert die Auswahl der richtigen Variablen erheblich.

Füge die Aktion Transaktions-E-Mail senden hinzu. Verwende bei An E-Mail(s) die E-Mail-Variable des Kunden. Klicke dann auf E-Mail konfigurieren.

Wähle im Konfigurationsbildschirm das von dir erstellte E-Mail-Layout und den SMTP-Server aus, über den diese E-Mail gesendet werden soll. Klicke auf Speichern und dann auf Beenden, um zum Workflow zurückzukehren.

Übergib in der Aktion die Daten, die dein Layout benötigt, im Feld Variablen (JSON):

{
  "firstName": "{{ customer.firstName }}"
}

Aktiviere den Workflow, sobald du bestätigt hast, dass Trigger, Bedingung, Layout und Variablen alle korrekt sind.

Wie die Teile zusammenspielen

Wenn der Kunde das Tag VIP erhält, führt Shopify Flow den Workflow aus und ruft die E-Mail-Aktion auf. Diese Aktion kombiniert:

• deine gespeicherten Servereinstellungen aus E-Mail-Absender
• dein gespeichertes Design aus E-Mail-Layouts
• die Kundenwerte, die aus dem Flow-Schritt als JSON-Variablen übergeben werden

Diese Trennung macht das Layout wiederverwendbar - du sendest dasselbe Design an jeden Kunden, ohne jedes Mal HTML bearbeiten zu müssen.

Teste es Ende-zu-Ende

1. Weise einem Testkunden das Tag VIP zu
2. Bestätige, dass der Workflow in Shopify Flow ausgeführt wird
3. Prüfe, ob der Kunde die E-Mail erhält
4. Überprüfe, ob die Betreffzeile und das HTML korrekt dargestellt werden
5. Stelle sicher, dass Absendername und -adresse zu deiner Marke passen

Wenn die Nachricht nicht ankommt, öffne Verlauf in der App, um das Ausführungsergebnis und den genauen Fehler zu sehen. Siehe Verlauf und Fehlerbehebung.

Hier ist die zugestellte E-Mail, unter Verwendung des SMTP-Servers und Designs aus dieser Anleitung:

Verwandte Artikel

• E-Mails aus Shopify Flow mit Microsoft 365 versenden - verwende ein Microsoft-365-Postfach anstelle von SMTP.
• E-Mails aus Shopify Flow mit Google versenden - verwende ein Google-Postfach anstelle von SMTP.
• Variablen und Liquid - die vollständige Variablen- und Liquid-Referenz.