# Benutzerdefinierte E-Mail-Vorlagen einrichten

> Formspree Docs · Erweiterte Funktionen · 28. Februar 2026

#### Verfügbar in: Business-Tarif

Wenn deine E-Mails einer bestimmten Marke entsprechen sollen oder du den Text der E-Mails steuern möchtest, kannst du dies mit benutzerdefinierten E-Mail-Vorlagen erreichen.

## Die Vorlage erstellen

Benutzerdefinierte Vorlagen sind an ein Projekt gebunden und können für alle Formulare innerhalb des Projekts verwendet werden. Wenn du ein Formular hast, das sich nicht in einem Projekt befindet, kannst du keine benutzerdefinierten Vorlagen verwenden. Klicke auf der Einstellungsseite deines Projekts auf den Tab **Templates**. Wähle **+New Template**, gib deiner Vorlage einen Namen und wähle den passenden Vorlagentyp aus. Vorlagen können entweder für Übermittlungsbenachrichtigungen oder für Autoresponder gestaltet werden.

## Den Vorlagen-Code bearbeiten

Mit einem integrierten Code-Editor kannst du deine E-Mail-Vorlage vollständig gestalten. Das Layout und der Text der E-Mail können im HTML-Tab bearbeitet werden, während das Styling über den CSS-Tab erfolgen sollte.

Die meisten E-Mail-Browser unterstützen `<script>`-Tags nicht und ignorieren sie. Füge keine `<style>`-Tags im HTML-Tab ein, verwende stattdessen den CSS-Tab. Wenn du schon einmal HTML-E-Mails versendet hast, musstest du das CSS möglicherweise inline einbinden. Formspree erledigt dies für dich basierend auf deinem eingebundenen HTML und CSS, sodass du dein CSS nicht inline einbinden musst.

Formspree verwendet [Mustache-Vorlagen](https://mustache.github.io/mustache.5.html), daher erkennen wir je nach Vorlagentyp bestimmte spezielle Variablen.

#### Variablen für Übermittlungsbenachrichtigungen

| Variable | Beschreibung |
| --- | --- |
| `{{ _time }}` | Datum und Uhrzeit der Übermittlung |
| `{{ _host }}` | Die URL des Formulars (ohne "https://") |
| `{{ <fieldname> }}` | Jeder benannte Eingabewert in deinem Formular |
| `{{# _fields }}` | Beginnt eine Liste aller Felder. |
| &nbsp;&nbsp;&nbsp;&nbsp;`{{ _name }}` | Innerhalb von _fields der aktuelle Feldname… |
| &nbsp;&nbsp;&nbsp;&nbsp;`{{ _value }}` | … und Feldwert. |
| `{{/ _fields }}` | Schließt den _fields-Block |
| `{{ _unsubscribe }}` | Der Abmeldelink |

Um Spam zu vermeiden, MUSS die Vorlage `{{_unsubscribe}}` enthalten

#### Autoresponder-Variablen

| Variable | Beschreibung |
| --- | --- |
| `{{ _time }}` | Datum und Uhrzeit der Übermittlung |
| `{{ submission_message }}` | In den Plugin-Einstellungen definierte Nachricht. |

Aus Spam-Gründen kannst du derzeit keine Übermittlungsfelder in die Autoresponder-Nachricht aufnehmen.

### Datei-Uploads handhaben

Da Formspree es deinen Benutzern ermöglicht, mehrere Datei-Uploads über ein einzelnes Eingabefeld zu senden, werden Datei-Upload-Felder als Liste von Datei-Upload-URLs gesendet, im Format: `['URL 1', 'URL 2', ...]`.

Wenn du die URLs aufteilen möchtest, kannst du dies mit der Listen-Iterations-Syntax für das jeweilige Formularfeld tun. Wenn du zum Beispiel ein Datei-Eingabefeld mit dem Namen `image_upload` hast, fügst du Folgendes zu deiner Vorlage hinzu, um alle Bilder im E-Mail-Text anzuzeigen:

```html
        {{# image_upload }}
        <tr><td><a href="{{ . }}"><img src="{{ . }}" />{{ . }}</a></td></tr>
        {{/ image_upload }}
```

## Den Absendernamen und den Betreff festlegen

Bei Übermittlungsbenachrichtigungen kannst du den Absendernamen und den Betreff in der Vorlage bearbeiten. Beachte, dass jeder von dir festgelegte Betreff das `subject`-Feld überschreibt, das du in deinem Formular festgelegt hast. Wenn du möchtest, kannst du auch beliebige Feldnamen mit demselben Mustache-Kontext wie oben einbinden. Bei Autorespondern können diese Informationen in den Plugin-Einstellungen festgelegt werden.

## Vorschau und Speichern

Klicke am unteren Rand der Seite auf **Preview**, um zu sehen, wie deine Vorlage in einer Beispiel-E-Mail aussehen würde. Sobald du bereit bist, deine Änderungen live zu schalten, klicke auf **Deploy**. Wenn du es dir vor dem Deployen anders überlegst, kannst du auf **Revert** klicken.

## Die Vorlage anwenden

Bei Vorlagen für Übermittlungsbenachrichtigungen kannst du die Vorlage im Einstellungs-Tab des Formulars festlegen. Bei Autorespondern kannst du die Vorlage in den Einstellungen des Autoresponder-Plugins festlegen.

Diese Funktion ist nur für Formulare verfügbar, die sich in einem Projekt befinden. Wenn bei deinem Formular keine Option für benutzerdefinierte Vorlagen angezeigt wird, kannst du deine [Formularliste](https://formspree.io/forms) aufrufen, um sicherzustellen, dass sich das Formular im richtigen Projekt befindet. Falls nicht, kannst du das Formular im Einstellungs-Tab des Formulars in ein Projekt verschieben. Wenn die Vorlagen-Option weiterhin nicht angezeigt wird, überprüfe deine [Abrechnungsdetails](https://formspree.io/account/billing), um sicherzustellen, dass du den Business-Tarif hast.