---
title: "Individuelle E-Mail-Vorlage einrichten"
slug: "set-up-a-custome-email-template"
updated: 2026-08-06T13:37:58Z
published: 2026-08-06T13:37:58Z
canonical: "help.frisbii.com/set-up-a-custome-email-template"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.frisbii.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 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

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-YB75SOV3.png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)

---

## 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. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-C3STZ3ED.png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)

### 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.

| UX | Komponente | Verwendung für | Hauptfunktionen |
| --- | --- | --- | --- |
| ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-PB4NHTR1.png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D) | Spalten | Layoutstruktur | 1-4 Spalten-Verteilungen, responsives Design |
| Überschrift | Abschnittstitel | KI-gestützte Smart-Überschrift |
| Text | Textinhalt | KI-gestützter Smart-Text |
| Image | Visuelle Elemente | KI-Generierung, Stockfotos, Effekte |
| Button | Call-to-Action | KI-gestützte Smart-Buttons |
| Trennlinie | Visuelle Trennung | Anpassbare Linienstile |
| Menu | Navigationslinks, zum Beispiel: Link zur Kundensupport-E-Mail-Adresse, Startseite, LinkedIn usw. | Mehrere Elemente mit Trennzeichen |
| HTML | Individueller Code | Direktes Einfügen von HTML |

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](/frisbii/docs/set-up-a-custome-email-template#display-conditions).
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:

| ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-5VOPR9OU.png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D) | **Allgemein** - Textfarbe und Hintergrundfarbe - Vorlagenbreite (in Pixel) - Inhaltsausrichtung (links oder zentriert) - Schriftart und -stärke **E-Mail-Einstellungen** - Füge einen Preheader-Text hinzu **Links** - Standard-Linkfarbe und Unterstreichungseinstellungen |
| --- | --- |

### 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**. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-57YCKVZS.png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)
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**.

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/2025-11-27_11h50_27.gif?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)

#### 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**.

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image-53R7CRJY.png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)
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:**

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

Dadurch wird jede Rechnungsposition mit Beschreibung und Betrag angezeigt.

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/2025-11-27_12h01_20.gif?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)

#### 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:**

```plaintext
{{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.

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image (148).png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)

![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/image (147).png?sv=2026-02-06&spr=https&st=2026-10-26T15%3A20%3A12Z&se=2026-10-26T16%3A20%3A12Z&sr=c&sp=r&sig=C2QP76lU3lKqRxzhlyj5c4Mf5P3vojx%2BGrXw6MAoaRE%3D)

#### 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:

```plaintext
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)