Benutzerdefinierte E-Mail-Vorlagen einrichten
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, 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. |
{{ _name }} | Innerhalb von _fields der aktuelle Feldname… |
{{ _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:
{{# 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 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, um sicherzustellen, dass du den Business-Tarif hast.