# Vorlagen erstellen und bearbeiten

> Erstellen Sie eine Vorlage, wählen Sie den Editor Dragit, Rich Text oder HTML, fügen Sie Variablen ein und verwalten Sie Vorlagen über die Vorlagenliste und die Vorlagenseite.

Diese Seite zeigt, wie Sie eine Vorlage in der Weboberfläche oder per API erstellen, wie jeder der drei Editoren funktioniert und wie Sie Vorlagen über die Vorlagenliste verwalten. Sie richtet sich an alle, die E-Mails gestalten, ob mit Code oder ohne.

## Vorlage erstellen

1. **Templates öffnen.** Öffnen Sie **Email Marketing → Templates** und wählen Sie **Add template**.

2. **Benennen.** Geben Sie einen **Name** ein, etwa `Welcome email`. Emailit füllt den **Alias** aus dem Namen aus, zum Beispiel `welcome-email`.

3. **Alias prüfen.** Über den Alias verweisen Ihr Code und Ihre Automatisierungen auf die Vorlage. Er darf Kleinbuchstaben, Ziffern, `_` und `-` enthalten und bis zu 191 Zeichen lang sein. Existiert der Alias bereits, zeigt der Dialog **Alias already exists**, und die neue Vorlage wird zu einer unveröffentlichten [Version](/de/docs/templates/versions/) der bestehenden.

4. **Editor wählen.** Wählen Sie **Dragit Editor** (Standard), **HTML Editor** oder **Rich Text Editor**. Eine bestehende Vorlage lässt sich in der Weboberfläche nicht auf einen anderen Editor umstellen. Wählen Sie daher den, bei dem Sie bleiben möchten.

5. **Standardwerte festlegen.** Geben Sie optional einen **Subject** ein, der Platzhalter aus [Temple](/de/docs/templates/temple/) enthalten kann, und eine **From**-Adresse wie `Acme <hello@acme.com>`. Beides sind Standardwerte, die ein Versand überschreiben kann.

6. **Erstellen und gestalten.** Wählen Sie **Create**. Die Vorlage öffnet sich in ihrem Editor. Gestalten Sie den Inhalt und speichern Sie.

Um eine Reply-To-Adresse oder einen separaten Nur-Text-Inhalt festzulegen, verwenden Sie die API.

### Vorlage per API erstellen

Rufen Sie [Vorlage erstellen](/de/docs/api-reference/templates/create/) mit einem Schlüssel mit **Full Access** auf. `editor` kann `dragit`, `tiptap` (Rich Text), `html` oder `text` sein; Standardwert ist `html`.

```bash
curl https://api.emailit.com/v2/templates \
  -H "Authorization: Bearer $EMAILIT_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Welcome email",
    "alias": "welcome-email",
    "editor": "html",
    "from": "Acme <hello@acme.com>",
    "reply_to": "support@acme.com",
    "subject": "Welcome to Acme, {{first_name|\"there\"}}",
    "html": "<p>Hi {{first_name|\"there\"}}, thanks for joining.</p>",
    "text": "Hi {{first_name|\"there\"}}, thanks for joining."
  }'
```

Die Antwort hat den Status `201` und enthält die Vorlage unter `data`. Ist der Alias neu, wird die Vorlage sofort veröffentlicht.

## Editor wählen

| Editor | Geeignet für | Was Sie erhalten |
| --- | --- | --- |
| **Dragit** | Gestaltete E-Mails mit Spalten, Bildern und Schaltflächen, ohne Code erstellt | Blöcke per Drag-and-drop, eine Bildverwaltung und ein Variablenmenü. Speichert HTML und das Dragit-Design als JSON. |
| **Rich Text** | Einfache, textorientierte E-Mails, die wie eine persönliche Nachricht wirken | Eine Werkzeugleiste wie in einer Textverarbeitung, ein Menü **Variables** und ein Feld **Preview text**. Speichert HTML. |
| **HTML** | Von Hand geschriebenes oder importiertes HTML, volle Kontrolle über das Markup | Ein Code-Editor mit Zeilennummern und einer Live-Vorschau für Desktop und Mobilgeräte. Speichert Ihr HTML so, wie Sie es geschrieben haben. |

### Dragit-Editor

Dragit ist ein Drag-and-drop-Editor für E-Mails, der sich im Vollbild öffnet.

- Ziehen Sie Blöcke wie Text, Bilder und Schaltflächen in das Layout und passen Sie Inhalt und Stile an.
- Laden Sie Bilder mit der integrierten Dateiverwaltung hoch. Sie werden in Ihrem Workspace gespeichert und über eine gehostete URL ausgeliefert.
- Fügen Sie Variablen über das Menü der Platzhalter ein: **First name**, **Last name**, **Email** und die [eigenen Felder](/de/docs/contacts/custom-fields/) Ihrer Kontakte unter **Custom fields**. Der Abmeldelink steht als spezieller Linktyp zur Verfügung.
- Ihre Arbeit wird beim Bearbeiten automatisch gespeichert. Schließen Sie den Editor, um zur Vorlagenseite zurückzukehren.

Dragit-Vorlagen speichern ihr Design sowohl als Dragit-JSON als auch als HTML. So können Sie das JSON exportieren und in einen anderen Workspace importieren. Siehe [Import und Export](/de/docs/templates/import-export/).

### Rich-Text-Editor

Der Rich-Text-Editor öffnet sich im Vollbild mit einer Formatierungsleiste: Rückgängig und Wiederholen, Überschriften 1 bis 3, Aufzählungen und nummerierte Listen, Blockzitate, Fett, Kursiv, Unterstrichen, Durchgestrichen, Links und Textausrichtung.

- Wählen Sie in der Werkzeugleiste die Schaltfläche **Variables** (das Symbol `@`), um an der Cursorposition eine Variable einzufügen.
- Geben Sie oben unter **Preview text** die Zeile ein, die Posteingänge nach dem Betreff anzeigen. Emailit fügt sie als versteckten Text am Anfang der E-Mail ein.
- Wählen Sie **Save**, um Ihre Änderungen zu speichern. Beim Speichern weist Emailit jedem Element eine serifenlose Schrift zu, damit die E-Mail in allen E-Mail-Clients einheitlich aussieht.

### HTML-Editor

Der HTML-Editor zeigt Ihren Code mit Zeilennummern und Syntaxhervorhebung zusammen mit einer Live-Vorschau. Schalten Sie die Vorschau zwischen **Desktop** und **Mobile** um. Unter der Vorschau listet **Available variables** die Platzhalter auf, die Sie in Ihr HTML tippen können. Wählen Sie **Save**, um Ihre Änderungen zu speichern.

Die Vorschau zeigt Platzhalter so, wie sie geschrieben sind. Sie wertet keine Bedingungen aus Temple aus und füllt keine Werte ein.

## Variablen in den Editoren

Alle drei Editoren bieten dieselben Variablen:

| Variable | Platzhalter |
| --- | --- |
| First name | `{{first_name}}` |
| Last name | `{{last_name}}` |
| Email | `{{email}}` |
| Unsubscribe URL | `{{unsubscribe_url}}` |
| Ein eigenes Feld des Kontakts | `{{cf.<key>}}`, zum Beispiel `{{cf.plan}}` |

Wer sie befüllt, hängt davon ab, wie die Vorlage gesendet wird:

- **Kampagnen** befüllen alle aus dem Kontaktdatensatz des Empfängers und `{{unsubscribe_url}}` mit seinem Abmeldelink. Siehe [Platzhalter in Kampagnen](/de/docs/campaigns/merge-tags/).
- **Versände per API** befüllen nur, was Sie in `variables` unter denselben Namen übergeben. Für `{{cf.plan}}` übergeben Sie `"variables": { "cf": { "plan": "Pro" } }`. Alles, was Sie nicht übergeben, bleibt leer.
- **Automatisierungen mit Kontakten** befüllen `{{first_name}}`, `{{last_name}}` und `{{email}}` aus dem Kontakt. Eigene Felder stehen als `{{custom_fields.<key>}}` zur Verfügung, und `{{unsubscribe_url}}` wird nicht befüllt.

Die vollständigen Regeln finden Sie unter [Temple](/de/docs/templates/temple/).

## Vorlagen verwalten

**Email Marketing → Templates** zeigt eine Karte pro Alias, mit Vorschau, Name, Alias, einem Badge für den Editor und der Anzahl der Versionen. Im Raster erscheint nur die veröffentlichte Version jedes Alias. Entwürfe finden Sie im Bereich **Versions** der Vorlagenseite.

- **Suchen** Sie nach Name oder Alias.
- **Sortieren** Sie nach **Newest first**, **Oldest first**, **Recently updated**, **Recently published**, **Name A-Z** oder **Name Z-A**.
- **Filtern** Sie nach Editor.
- Wählen Sie **Import**, um eine Vorlage aus einer Datei hinzuzufügen. Siehe [Import und Export](/de/docs/templates/import-export/).

Das Menü jeder Karte bietet diese Aktionen:

| Aktion | Was passiert |
| --- | --- |
| **View** | Öffnet die Vorlagenseite. |
| **Open Editor** | Öffnet die Vorlage in ihrem Editor. |
| **Duplicate Template** | Erstellt eine Kopie mit neuem Namen und Alias. Siehe [Vorlage duplizieren](/de/docs/templates/import-export/#duplicate-a-template). |
| **Export Dragit JSON** | Lädt das Dragit-Design herunter. Nur bei Dragit-Vorlagen angezeigt. |
| **Export HTML** | Lädt das HTML herunter. |
| **Export ZIP** | Lädt ein Paket mit HTML, Dragit-JSON und Bildern herunter. |
| **Delete** | Löscht diese Version endgültig. |

### Die Vorlagenseite

Wählen Sie eine Karte, um ihre Vorlagenseite zu öffnen. Sie zeigt den Status (**Published** oder **Draft**), Alias, Editor, Erstellungsdatum, Name, Betreff, From, Reply-To und ID, eine Vorschau sowie den Bereich **Versions**.

- **Publish** erscheint bei Entwurfsversionen und macht diese Version zur aktiven Version des Alias.
- **Open Editor** öffnet den Inhalt im Editor der Vorlage.
- Das Menü enthält **Edit** (Name, Alias, Betreff und From ändern), **Duplicate Template**, die Exportoptionen und **Delete**.
- **New Version** im Bereich **Versions** kopiert eine bestehende Version in einen neuen Entwurf. Siehe [Vorlagenversionen](/de/docs/templates/versions/).

## Siehe auch

- [Vorlagenversionen](/de/docs/templates/versions/)
- [Template-Sprache Temple](/de/docs/templates/temple/)
- [API-Referenz für Vorlagen](/de/docs/api-reference/templates/)
- [Eigene Felder](/de/docs/contacts/custom-fields/)

---
Quelle: https://emailit.com/de/docs/templates/editors/