Komplexes vereinfachen: Die Grundlagen von dynamischem Inhalt in Transaktions-E-Mails
Dyspatch ist eine E-Mail-Produktionsplattform, die großen Unternehmen hilft, Transaktions- und Trigger-E-Mails schneller zu erstellen und zu ändern.
Es lässt sich nicht leugnen, dass Transaktions-E-Mails kompliziert sind. Anders als bei einer Webseite, bei der sich die Anzahl der zu unterstützenden Browser meist an einer Hand abzählen lässt, kann das Coding einer E-Mail zum Albtraum werden – besonders angesichts der Vielzahl an E-Mail-Clients und Geräten, die berücksichtigt werden müssen. Kommt dann noch die Komplexität des Codings von dynamischem Inhalt hinzu, der individuell auf jeden Kunden und jede Transaktion zugeschnitten ist, wird schnell klar, dass dies Transaktions-E-Mails sehr, sehr schwer sein kann.
Diese Komplexität zu vereinfachen, ist oft leichter als gedacht. Zu oft glauben Entwicklungs- und Designteams, dass ein Prozess, der die Erstellung von Transaktions-E-Mails schnell und einfach macht, auf Kosten des dynamischen Inhalts geht, der für personalisierte E-Mails unerlässlich ist. Das muss nicht sein. Anstatt HTML-E-Mails von Grund auf neu zu coden, ermöglicht ein vorlagenbasierter Prozess mit einer Vorlagensprache umfangreiche Anpassungen und macht das Erstellen (oder Aktualisieren) von Transaktions-E-Mails schnell und einfach.
Ein guter Ausgangspunkt ist das Verständnis der grundlegenden Coding-Elemente, aus denen eine typische Transaktions-E-Mail besteht. Es gibt viele verschiedene E-Mail-Vorlagensprachen zur Auswahl, darunter unter anderem Django (Python), Twig (PHP) und Nunjucks (JavaScript). Zur Veranschaulichung verwenden wir hier jedoch Jinja und ein großartiges E-Mail-Beispiel von Sephora.
Variablenersetzung
Die Variablenersetzung wird verwendet, um individuelle Inhalte in eine E-Mail einzufügen. Zumindest sollten Sie den Kunden namentlich ansprechen, d. h.:
Hallo {{ first_name }} {{ last_name }},
Die namentliche Anrede des Kunden gehört einfach zum guten Ton. Es ist aber auch eine gute Möglichkeit, um zu vermeiden, dass Ihre Transaktionsnachrichten im Werbungsordner des Posteingangs des Kunden landen.
Die Variablenersetzung wird auch genutzt, um vertraulichere Informationen an einen Nutzer zu übermitteln, wie etwa Links zum Zurücksetzen von Passwörtern und Token für die Multifaktor-Authentifizierung (MFA).
Der E-Mail-Beleg von Sephora, den wir als Beispiel verwenden, beginnt mit der Variablenersetzung für den Namen des Kunden und das Kaufdatum:
Hallo {{ first_name }}, hier ist der Beleg für Ihren Besuch am {{ purchase_date }}
Schleifen
Schleifen, oder auch Iterationen, werden ähnlich verwendet, um individuelle Datenpunkte anzuzeigen – typischerweise jedoch mehr als einen und in einer „Schleife“. Das bedeutet im Grunde eine beliebige Wiederholung, anstatt nur ein Element wie bei der einfachen Variablenersetzung zu zeigen. Ein gutes Beispiel ist eine Bestellbestätigung oder ein Beleg, bei dem die Datenpunkte die Artikeldetails (Produkt, Preis, Menge usw.) sind und die Anzahl der Artikel praktisch unbegrenzt sein kann.
Hier ist ein einfaches Beispiel, das nur Artikelname und Preis verwendet.
{% for item in items %}rnt <span>{{ item.name }} - ${{ item.price }}</span>rn{% endfor %}rn
Und hier ist ein gerendertes Beispiel:
<span>Hair clips – $4.99</span>rn<span>Duotang – $2.99</span>rn<span>Shirt – $12.99</span>
Die Eingabezeichenfolge kann auch zusätzliche Details enthalten, wie z. B. {{ item.image }}, {{ item.quantity }} oder {{ item.description }}.
Iterationen können auch verwendet werden, um „gespeicherte Suchen“ der Kunden zu versenden, wie z. B. eine Liste von Immobilienangeboten oder favorisierten Urlaubspaketen aus kürzlichen Suchanfragen.
Der Abschnitt „Transaktionsdetails“ der E-Mail von Sephora ist eine Kombination aus einer Schleife (für die Artikelliste) und einer Variablenersetzung (für Zwischensumme, Steuern und Gesamtsumme).
Hier ist die Schleife zur Anzeige der gekauften Artikel (beachten Sie, dass die HTML-Ausgabe hier zur Veranschaulichung vereinfacht ist):
{% for item in items %}rn <span>{{ item.image }}</span> rn <span>{{ item.name }}</span> rn <span>{{ item.number }}</span> rn <span>Price: ${{ item.price }}</span> rn <span>Qty: {{ item.quantity }}</span> ttrn <span>C${{item.total}}</span> rn{% endfor %}
Zuzüglich der Variablenersetzung für Zwischensumme, Steuern und Gesamtsumme:
<span>Subtotal: ${{ order_subtotal }} </span> rn<span>BRITISH COLUMBIA PST (7%): ${{ tax_bcpst }}</span> rn<span>CANADA GST/TPS (5%): ${{ tax_gst }}</span> rn<span><b>Total: ${{ order_total }}</b></span>
Bedingungen
Bedingungen werden verwendet, um einem Kunden basierend auf einer Reihe von Variablen alternative oder zusätzliche Inhalte anzuzeigen. Ein paar einfache Beispiele wären:
- Die Anzeige eines bestimmten Angebots zum Geburtstag eines Nutzers:
{% if is_birthday %}rn<p>Happy Birthday! Use the coupon code BIRTHDAY10 to receive 10% off your next order.</p>rn{% endif %}
- Die Anzeige eines bestimmten Upsell-Angebots b
- asierend auf dem ursprünglichen Kauf eines Nutzers:
{% if subscription_plan == “standard” %}rnrn <p>Upgrade to Unlimited today and receive 20% off your first month.</p>rnrn{% endif %}rn
Bedingungen können bei A/X-Tests verwendet werden, um verschiedenen Zielgruppen unterschiedliche Inhalte anzuzeigen, um so herauszufinden, welche Angebote besser abschneiden.
Im Fall von Sephora wird eine Bedingung genutzt, um ein dynamisches Angebot anzuzeigen, das entweder für das Treueprogramm oder eine Kundenumfrage wirbt:
Hier ist die Bedingung, um das Angebot für ein Geburtstagsgeschenk anzuzeigen:
{% if loyalty_member == false %}rnrn <h1>THE 2019 BIRTHDAY GIFT</h1>rn <p>Celebrate by choosing a <b>FREE</b> gift of minis from… </p>rnrn{% else %}rnrn <h1>WANT a $250 SEPHORA GIFT CARD?</h1>rn <p>Tell us about your shopping experience and it could… </p>rnrn{% endif %}
Wenn der Status der Treuemitgliedschaft „true“ ist, wird die „else“-Option angezeigt:
Fazit
Diese Liste ist bei Weitem nicht vollständig, deckt aber die gängigsten Elemente einer hervorragenden Transaktions-E-Mail ab. Wenn Sie eine Vorlagensprache finden, die Ihren Anforderungen entspricht, und die Grundlagen von Variablenersetzung, Schleifen und Bedingungen beherrschen, sind Sie auf dem besten Weg, die Komplexität bei der Erstellung und Aktualisierung dieser geschäftskritischen Kommunikation zu vereinfachen.
Eine E-Mail-Produktionsplattform wie Dyspatch kann Ihnen dabei helfen, schnell großartige E-Mails mit intelligentem, dynamischem Inhalt zu erstellen. Dyspatch in Kombination mit der leistungsstarken Sendeinfrastruktur von Mailgun ermöglicht es Ihnen sicherzustellen, dass jeder Kunde zur richtigen Zeit die richtige E-Mail erhält.
