Templates & Variablen
Vorlagen bestehen aus HTML und CSS. Das CSS wird beim Veröffentlichen eingebettet (juice), damit Mailclients es akzeptieren.
Template-Engine (Eta)
Ausgabe mit {{= pfad }}, Bedingungen mit {{ if (bedingung) { }} … {{ } }}. Alter Stil {{? … }} ist ungültig und führt zu leerer oder falscher Ausgabe.
Organisation (Branding: Organisation + Farben)
{{ org.name }}
{{ org.slug }}
{{ org.brandPrimary }}
{{ org.brandText }}org.brandPrimary ist die Primärfarbe (Akzente, Links), org.brandText die Textfarbe aus dem Branding.
Firmenprofil (Branding: Firmenprofil + Logo + Social)
Entspricht den Feldern auf der Branding-Seite (ohne Organisationsname; der kommt unter org.name).
{{ company.legalName }}
{{ company.phone }} {{ company.phoneE164 }}
{{ company.email }}
{{ company.website }}
{{ company.vatId }}
{{ company.addressLine1 }} {{ company.addressLine2 }}
{{ company.postalCode }} {{ company.city }}
{{ company.country }}
{{ company.address }}
{{ company.legalFooter }}
{{ company.logoUrl }}Adresse: company.addressLine1 (Straße/Zeile 1), optional company.addressLine2; PLZ und Ort getrennt als company.postalCode und company.city. Die zusammengefasste Anschrift steht zusätzlich unter company.address.
Telefon E.164: company.phoneE164, employee.phoneE164 und employee.mobileE164 sind für Deutschland normalisiert (z. B. +49301234567) und für href="tel:…" geeignet.
Rechtlicher Zusatz (company.legalFooter): Der Wert ist Plaintext mit Escaping; echte Zeilenumbrüche aus der Textarea bleiben im HTML als \n erhalten, werden aber ohne CSS wie ein Leerzeichen dargestellt. Nutze ein Wrapper-Element mit white-space:pre-line, z. B.: <span style="white-space:pre-line;display:block">{{= company.legalFooter }}</span>.
{{ if (company.phoneE164) { }}
<a href="tel:{{= company.phoneE164 }}">{{= company.phoneE164 }}</a>
{{ } }}Social-Links aus dem JSON-Feld: {{= company.social.linkedin }} usw. (Schlüssel wie im Branding-JSON).
Mitarbeiter
{{ employee.firstName }} {{ employee.lastName }} {{ employee.fullName }}
{{ employee.email }} {{ employee.jobTitle }}
{{ employee.phone }} {{ employee.phoneE164 }}
{{ employee.mobile }} {{ employee.mobileE164 }}
{{ employee.department }} {{ employee.externalId }}{{ if (employee.phoneE164) { }}
<a href="tel:{{= employee.phoneE164 }}">{{= employee.phoneE164 }}</a>
{{ } }}
{{ if (employee.mobileE164) { }}
<a href="tel:{{= employee.mobileE164 }}">{{= employee.mobileE164 }}</a>
{{ } }}Bedingungen (Beispiel)
{{ if (company.addressLine1) { }}
{{= company.addressLine1 }}<br />
{{ } }}Strg+S / ⌘S
Auf den meisten Formularseiten löst die Tastenkombination das primäre „Speichern“-Formular aus (Markierung im Markup).
Versionierung
Jede Publish-Aktion erzeugt eine neue Version. Bereits verteilte Magic-Links bleiben an ihre Version gepinnt, damit sich Signaturen nicht unerwartet ändern.
Best Practices
- Bilder über die Asset-Bibliothek hochladen — Hotlinks zu Drittservern vermeiden.
- Keine externen Schriftarten, nur system- und websichere Fonts.
- Maximale Breite 520px für gute Darstellung in Outlook.