Anleitung
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
-
Templates öffnen. Öffnen Sie Email MarketingTemplates und wählen Sie Add template.
-
Benennen. Geben Sie einen Name ein, etwa
Welcome email. Emailit füllt den Alias aus dem Namen aus, zum Beispielwelcome-email. -
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 der bestehenden. -
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.
-
Standardwerte festlegen. Geben Sie optional einen Subject ein, der Platzhalter aus Temple enthalten kann, und eine From-Adresse wie
Acme <hello@acme.com>. Beides sind Standardwerte, die ein Versand überschreiben kann. -
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 mit einem Schlüssel mit Full Access auf. editor kann dragit, tiptap (Rich Text), html oder text sein; Standardwert ist html.
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 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.
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}} |
|
| 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. - Versände per API befüllen nur, was Sie in
variablesunter 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.
Vorlagen verwalten
Email MarketingTemplates 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.
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. |
| 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.