HTML-Vorlagen

Eine Vorlage enthält alles, was Frontmail braucht, um aus einer Reihe von Parametern eine fertige E-Mail zu machen. Sie bearbeiten sie im Dashboard unter Vorlagen; jedes Speichern erzeugt eine neue Version.

Was eine Vorlage enthält

Teil	Hinweise
Name, Beschreibung, Standardsprache	Jede Sprache (en, de, hu, pt-BR, …). Die Sprache, in der eine E-Mail versendet wird, bestimmt die Ausgabe von formatDate, formatNumber und formatMoney.
Sprachvarianten	Optionale Übersetzungen von Betreff, HTML, Text und Absendername – siehe Übersetzungen von Vorlagen.
Betreff	Darf Parameter enthalten: Bestellung {{order_id}} bestätigt.
An, CC, BCC	Durch Kommas getrennte Adressen. Parameter nur mit Dynamischen Empfänger erlauben (siehe unten). Insgesamt höchstens 50 Empfänger.
Absendername, Absenderadresse	Die Absenderadresse muss vom verbundenen Dienst erlaubt sein (verifizierte Domain oder verifizierter Absender).
Reply-To	Meist {{email}}, damit Sie dem Besucher direkt antworten können.
HTML-Body	Ein vollständiges HTML-Dokument inklusive <head> und <style>.
Textversion	Wird automatisch aus dem HTML erzeugt; schalten Sie die Automatik ab, um sie selbst zu bearbeiten.
Parameter	Das typisierte Schema – siehe Parameter und Typen.
Dienst & Ersatzdienst	Welcher Dienst die E-Mail sendet und welcher bei einem Ausfall übernimmt.
Sicherheit	CAPTCHA verlangen (standardmäßig an, wenn Ihre Organisation Turnstile-Schlüssel hinterlegt hat, sonst aus; ein explizites false in einer importierten Datei bleibt erhalten), Dynamischen Empfänger erlauben (standardmäßig aus).
Anhänge	Feste Dateien, dynamische Anhänge an/aus, eingebettete Bilder – siehe Anhänge.
Automatische Antwort, Kontakte sammeln	Siehe Automatische Antwort und Kontakte sammeln.

Der Editor

Der Editor ist zweigeteilt:

• Links: HTML-Code-Editor mit Handlebars-Hervorhebung und Autovervollständigung für Ihre Parameter (tippen Sie {{, um sie zu sehen). Für einfache Vorlagen gibt es einen visuellen Editor; Sie können jederzeit zum HTML wechseln.
• Rechts: Live-Vorschau in einem abgeschotteten iframe. Umschaltbar zwischen Desktop- und Mobilbreite, hellem und dunklem Hintergrund sowie HTML- und Textversion. Die Vorschau wird beim Tippen neu gerendert.

Unter der Vorschau liegt das Parameter-Panel – ein aus dem Schema erzeugtes Formular, in dem Sie die Beispielwerte für die Vorschau und für Testversände bearbeiten.

CSS inline setzen

Viele E-Mail-Programme (vor allem Gmail auf manchen Plattformen und Outlook) ignorieren <style>-Blöcke. Mit CSS beim Speichern inline setzen kopiert Frontmail Ihre Regeln beim Speichern in style=""-Attribute und behält Media Queries für Programme, die sie unterstützen, in <style>.

Prüfungen der Vorlage

Die Prüfungen laufen bei jeder Änderung und warnen vor:

• fehlenden Parametern – in der Vorlage verwendet, aber nicht im Schema definiert,
• ungenutzten Parametern – definiert, aber nie verwendet,
• ungültigem Handlebars – nicht geschlossene Blöcke, unbekannte Helper (verfügbar sind nur die eingebauten Helper),
• Bildern ohne alt – schlecht für die Barrierefreiheit und für Programme, die Bilder blockieren,
• einer Größe über ca. 100 kB – Gmail kürzt Nachrichten ab etwa 102 kB und versteckt den Rest hinter „Gesamte Nachricht anzeigen“.

Warnungen verhindern das Speichern nie, aber eine Vorlage, die sich nicht kompilieren lässt, kann nicht gesendet werden.

Dynamische Empfänger

Standardmäßig müssen An, CC und BCC feste Adressen sein. Enthält ein Empfängerfeld einen Parameter (z. B. An: {{email}}), werden Sendungen mit dynamic_recipient_not_allowed abgelehnt, es sei denn, Sie aktivieren bei der Vorlage Dynamischen Empfänger erlauben.

Warum das standardmäßig aus ist

Eine Vorlage mit dynamischem Empfänger und öffentlichem Schlüssel könnte missbraucht werden, um beliebige E-Mails an beliebige Adressen zu senden. Aktivieren Sie die Option nur zusammen mit erlaubten Domains, Turnstile und sinnvollen Rate Limits – oder senden Sie solche Vorlagen nur von Ihrem Server mit einem privaten Schlüssel.

Mit dem öffentlichen Schlüssel wird eine Vorlage mit dynamischem Empfänger nur mit gesperrtem Inhalt gesendet: CAPTCHA verlangt, feste Absenderfelder, keine HTML-Parameter, Texte bis 500 Zeichen, Links nur auf erlaubte Domains und höchstens 5 E-Mails pro Empfänger und Tag.

Für den häufigen Fall „dem Besucher danken“ verwenden Sie stattdessen eine automatische Antwort.

Parameter in Attributen

Ein Parameter vom Typ HTML, der innerhalb eines Tags (<a href="{{bio}}">, <img alt="{{bio}}">) oder in <style> verwendet wird, wird dort als einfacher, maskierter Text eingefügt, damit sein Markup nicht aus dem Attribut ausbrechen kann. Der Editor warnt unter Prüfungen davor.

Fußzeile im Free-Tarif

E-Mails, die im Free-Tarif gesendet werden, erhalten eine kleine Fußzeile „Gesendet mit Frontmail“ – in der Sprache der E-Mail, wenn es eine der acht Sprachen des Dashboards ist, sonst auf Englisch. Bezahlte Tarife haben keine Fußzeile.

Import und Export

• Importieren: Fügen Sie HTML ein oder laden Sie eine .html-Datei hoch; Frontmail erkennt Parameter anhand der {{…}}-Platzhalter.
• Exportieren: Laden Sie die Vorlage (HTML, Text, Einstellungen, Parameterschema und Sprachvarianten) als JSON herunter, z. B. um sie in eine andere Organisation zu übertragen.