Individuelle E-Mail-Vorlage einrichten

Unterstützte Pläne für diese Funktion: Growth Scale

Wir stellen Standardvorlagen bereit, du kannst jede Vorlage jedoch nach deinen Wünschen anpassen.

1. Klone eine vorhandene Vorlage

2. Erstelle eine neue Vorlage von Grund auf

Neue Vorlage erstellen

1. Öffne die Vorlagengruppe, indem du auf den Namen klickst.

2. Klicke auf den Namen der Vorlage, die du anpassen möchtest.

3. Gib einen Namen für die interne Verwendung sowie den Betreff für die E-Mail ein.

4. Klicke auf das Stiftsymbol, um die neu erstellte Vorlage zu bearbeiten.
   

Die verschiedenen Reiter und ihre Verwendung

Die Oberfläche besteht aus vier Reitern:

1. Editor: Eine Drag-and-Drop-Oberfläche, mit der du Komponenten zu deiner Vorlage hinzufügen kannst.

2. Text: Ein Texteditor, der dem Kunden angezeigt/gesendet wird, wenn HTML vom E-Mail-Client nicht unterstützt wird.

3. JSON: Eine Oberfläche, über die du deine JSON-Datei hochladen und die JSON-Datei der Vorlage herunterladen kannst.

4. HTML: Hier siehst du die HTML-Ausgabe deiner Vorlage und kannst sie kopieren.

Reiter „Editor“: Deine Vorlage erstellen

Verfügbare Komponenten

Ziehe eine beliebige Komponente in deine Vorlage, um sie hinzuzufügen.

Die meisten Komponenten teilen sich diese Einstellungen:

1. Display Conditions: Komponenten je nach Datenverfügbarkeit ein- oder ausblenden.

   Eine ausführliche Anleitung findest du hier.

2. Links: Lege die Linkfarbe fest und ob der Link unterstrichen sein soll.

3. Allgemein (Abstand): Lege den Abstand um den Container fest.

4. Responsives Design: Steuere die Sichtbarkeit auf Desktop- und Mobilgeräten über den Desktop/Mobil-Umschalter oben.

Body-Einstellungen

Lege das globale Styling für deine gesamte Vorlage fest:

Dynamische Inhalte hinzufügen

Persönliche und relevante E-Mails erstellst du, indem du dynamische Daten aus deinem System einfügst. Wir bieten dir drei Funktionen.

1. Merge Tags

Was sind Merge Tags?

Merge Tags fügen automatisch kundenspezifische Informationen in deine E-Mails ein.

Wann du sie verwendest:

• Begrüßungen personalisieren (z. B. „Hallo {{customer.name}}“)

• Kundenspezifische Daten anzeigen (E-Mail, Unternehmen, Abonnementdetails)

• Rechnungs- oder Bestellinformationen anzeigen

So fügst du einen Merge Tag hinzu:

1. Setze deinen Cursor an die Stelle, an der die Daten erscheinen sollen.

2. Klicke auf Merge Tags.
   

3. Wähle Add a regular merge tag.

4. Wähle den Datenbereich aus (z. B. Customer).

5. Wähle das Feld aus (z. B. Name).

6. Überprüfe die Vorschau und klicke auf Insert.

7. Klicke auf Confirm.

2. Merge Tag Rules

Was sind Merge Tag Rules?

Mit Regeln kannst du sich wiederholende Informationen anzeigen, zum Beispiel jede Position einer Rechnung. Merge Tag Rules werden für jeden Block einzeln definiert.

Wann du sie verwendest:

• Alle Rechnungspositionen auflisten

• Mehrere Abonnementprodukte anzeigen

• Sich wiederholende Datensätze anzeigen

So fügst du eine Merge Tag Rule hinzu:

1. Klicke auf Merge Tags.

   

2. Wähle den Datenbereich aus (z. B. Invoice).

3. Wähle das sich wiederholende Element aus (z. B. Orderlines).

4. Klicke auf das Vorschaufeld der Regel und dann auf Insert.

5. Setze deinen Cursor zwischen die öffnenden und schließenden Tags.

6. Füge innerhalb der Regel Merge Tags hinzu (wähle Add a merge tag based on a merge tag rule).

7. Wähle die Felder aus, die für jedes Element angezeigt werden sollen.

8. Klicke auf Confirm.

Beispiel:

{{#invoice.orderlines}}
- {{ordertext}}: {{amount}}
{{/invoice.orderlines}}

Dadurch wird jede Rechnungsposition mit Beschreibung und Betrag angezeigt.

3. Checkout-Konfiguration in Merge-Tags für Zahlungslinks überschreiben

Der {{subscription.payment_info_link}} Merge Tag (verwendet in Mahn- und Signup-Vorlagen) kann um einen Query-Parameter erweitert werden, um anstelle der Standardkonfiguration des Kunden eine bestimmte Checkout-Konfiguration zu erzwingen.

Wann du es verwendest:

• Um einen Kunden aus einer Mahn- oder Signup-E-Mail zu einer bestimmten gebrandeten oder kampagnenspezifischen Checkout-Konfiguration zu leiten

So verwendest du es:

1. Füge den Merge Tag {{subscription.payment_info_link}} wie gewohnt ein.

2. Füge direkt nach der schließenden }} ?configuration=<dein-konfigurationsname> an.

3. Ändere nichts innerhalb der {{ }}-Klammern, sonst funktioniert der Link nicht mehr.

Beispiel:

{{subscription.payment_info_link}}?configuration=colorful-configuration-w-priority

Dadurch wird die Standard-Checkout-Konfiguration des Kunden durch die angegebene Konfiguration ersetzt, sobald er auf den Link klickt.

Hinweis

Dies unterscheidet sich vom Tag invoice.paylink, der einen Zahlungslink für eine einzelne fällige Rechnung erzeugt und dem Kunden nur die verfügbaren Einmalzahlungsmethoden anzeigt; die hier gezeigte Konfigurationsüberschreibung wird dabei nicht unterstützt.

4. Anzeigebedingungen

Was sind Anzeigebedingungen?

Bedingungen blenden Inhalte ein oder aus, je nachdem, ob bestimmte Daten vorhanden sind oder bestimmte Kriterien erfüllen.

Wann du sie verwendest:

• Zeiträume ausblenden, wenn sie nicht zutreffen

• Inhalte nur für bestimmte Kundentypen anzeigen

• Informationen abhängig von der Datenverfügbarkeit anzeigen

So fügst du eine Anzeigebedingung hinzu:

1. Wähle den Text aus, der bedingt angezeigt werden soll.

2. Klicke auf Display conditions.

3. Wähle den Datenbereich und das Feld aus.

4. Wähle den Bedingungstyp aus:

   • Exists – zeigt den Inhalt an, wenn das Feld Daten enthält

   • Contains – zeigt den Inhalt an, wenn er mit einem bestimmten Text übereinstimmt

   • Equals – zeigt den Inhalt an, wenn er einem anderen Wert entspricht

5. Aktiviere bei Bedarf Negate condition (um auszublenden statt anzuzeigen).

6. Klicke auf Confirm.

Praktisches Beispiel: Rechnungs-E-Mail

Kombinieren wir alle drei Funktionen:

Subject: Invoice {{invoice.id}} for {{customer.name}}

Hello {{customer.name}},

Your invoice is ready:

{{#invoice.orderlines}}
- {{ordertext}}
{{#period_from.date_medium}}Period: {{period_from.date_medium}} - {{period_to.date_medium}}{{/period_from.date_medium}}
  Amount: {{amount}}
{{/invoice.orderlines}}

Total: {{invoice.amount}}

Dieses Beispiel verwendet:

• Merge Tags: {{customer.name}}, {{invoice.id}}

• Merge Tag Rule: {{#invoice.orderlines}}...{{/invoice.orderlines}}

• Anzeigebedingung: {{#period_from.date_medium}}...{{/period_from.date_medium}} (zeigt die Zeitraumdaten nur an, wenn sie vorhanden sind)