Kreativ
Ein Dokument, keine Vorlage
Was Sie schreiben, ist ein Blockbaum mit veröffentlichtem Schema. Was hinausgeht, ist dieses Dokument, gerendert für ein Ziel — E-Mail, Seite, Formular, SMS, Push oder Druck. Beides ist absichtlich getrennt, denn der Editor ist ersetzbar und das Rendering nicht, und so zu tun, als wäre es anders, ist der Weg, auf dem ein Marketingtool mit sechs Versionen derselben Nachricht endet, die nicht mehr übereinstimmen.
Sechs Ziele, eine Quelle
Jedes Ziel hat Einschränkungen, die keine Geschmacksfrage sind, und der Renderer kennt sie, damit Sie es nicht müssen.
E-Mail bedeutet Tabellen und inline CSS, kein Flex und kein Grid, weil Outlook Mail noch mit Word layoutet, eine für Sie erzeugte Plain-Text-Alternative, Farben, die eine Dunkelmodus-Umkehrung überstehen, und eine Größenwache bei etwa 102 KB, wo Gmail zu kürzen beginnt.
Seite bedeutet gewöhnliches modernes responsives HTML, veröffentlicht unter einem Slug, auf Ihrer eigenen Domain, wenn Sie eine möchten. Formular ist eine Seite plus Feldbindungen, Validierung, ein Honeypot und ein Ratenlimit — und es ist die eine Route zu Ihren Kontakten, die legitim eine consent-Grundlage erzeugen kann.
SMS zählt Segmente während Sie tippen. Push ist ein Titel, ein Text, ein Symbol, Aktionen und ein Deep Link. Brief ist Print-CSS, gerendert zu einem PDF, adressiert und aufgegeben.
Das Dokument selbst wird als Setup mit veröffentlichtem Schema gespeichert, im Dokumentdienst des Ökosystems statt versteckt in einer privaten Tabelle. Das heißt: Kommt eines Tages ein besserer Editor, bearbeitet er dieselben Dokumente und nichts vorgelagertes ändert sich.
- 1E-MailTabellen, inline CSS, Textalternative, dunkelmodussicher, ~102-KB-Wache.
- 2SeiteResponsives HTML unter einem Slug, auf Ihrer Domain.
- 3FormularSeite plus Bindungen, Validierung, Honeypot, Ratenlimit.
- 4smsText mit Live-Zähler für GSM-7-/UCS-2-Segmente.
- 5PushTitel, Text, Symbol, Aktionen, Deep-Link.
- 6BriefDruck-CSS → PDF.
- iDie NahtstelleDer Editor ist austauschbar; die Ziele sind es nicht. Deshalb hat das Dokument ein veröffentlichtes Schema.
Gerenderte Ausgabe pro Ziel zwischengespeichert
Merge-Variablen
Eine unbekannte Variable scheitert bei der Veröffentlichung, nicht still beim Versand
Das Standardverhalten jeder Template-Sprache bei einem fehlenden Schlüssel ist, nichts zu rendern. In einer Mail bedeutet das „Hi ,“ an vierzigtausend Empfänger, und niemand merkt es, bis die Antworten eintrudeln. Deshalb wird ein Dokument vor der Veröffentlichung gegen den Variablenwortschatz validiert.
Was Sie interpolieren können
E-Mail, Name, Telefon und Locale des Kontakts; attrs.*, das offen ist, weil die Attribute Ihnen gehören; Name und Postadresse Ihrer Organisation; die Abmelde- und Einstellungs-Links; sowie Betreff und Preheader der Nachricht selbst.
Bewusst eine Liste statt „alles aus dem Datensatz“. Eine Kontaktzeile trägt auch interne Kennungen, und keine davon gehört in eine Nachricht.
Ein Fallback ist keine fehlende Variable
{{first_name | default:there}} ist eine bekannte Variable, die dieser bestimmte Kontakt zufällig nicht hat — eine importierte Liste, in der die Hälfte der Zeilen keinen Namen hatte. Das rendert den Fallback und ist völlig in Ordnung.
Abgelehnt wird {{frist_name}}: eine Variable, die für niemanden existiert. Beim Versand sehen beide identisch aus. Bei der Veröffentlichung könnten sie nicht unterschiedlicher sein — deshalb findet die Prüfung dort statt.
Derselbe Wortschatz gilt für jedes Ziel, sodass eine für eine E-Mail geschriebene Formulierung in der SMS und auf der Landingpage gerendert wird, ohne neu geschrieben zu werden. Und first_name wird beim Rendern aus dem ganzen Namen abgeleitet statt gespeichert — denn eine gespeicherte Aufteilung ist eine falsche Aufteilung, die auf den Menschen wartet, dessen Name nicht in die Annahme passt.
Einmal schreiben. Es kommt kanalgerecht an.
Bevor es rausgeht
Die Prüfungen, die stattfinden, solange Sie noch etwas korrigieren können
Das Gmail-Abschneiden
Ab etwa 102 KB schneidet Gmail die Nachricht ab und versteckt den Rest hinter einem Link, den die meisten nie anklicken — ganz unten auch Ihre Abmeldemöglichkeit. Der Renderer misst und warnt bei der Veröffentlichung.
Bildgewicht
Ein Hero-Foto mit vier Megabyte sprengt das Größenbudget und rendert auf dem Handy schlecht. Bilder werden beim Upload verkleinert und konvertiert — eine Frage der Zustellbarkeit, nicht der Schönheit.
Posteingangs-Vorschau
Die Nachricht wird in Desktop- und Mobilbreite gerendert und fotografiert, sodass die Listenansicht zeigt, wie das Ding wirklich aussieht, nicht wie es heißt. Kein bezahlter Vorschau-Dienst im Spiel.
Ein echter Testversand
Senden Sie sie an sich selbst, über denselben Renderer und dieselbe Absende-Identität, die ein echter Empfänger bekäme. Eine Vorschau, die einen anderen Codepfad nimmt, beweist nichts über die Nachricht, die verschickt wird.
Eingefügtes HTML wird bereinigt
Anderswo eingefügter Inhalt durchläuft vor dem Speichern einen Sanitiser, denn eine Marketing-E-Mail ist nicht der Ort, um herauszufinden, was in jemandes Zwischenablage war.
Markdown, wenn Sie es bevorzugen
Schreiben Sie in Markdown und lassen Sie es rendern. Deutlich zuverlässiger, als ein Modell um E-Mail-HTML zu bitten — und genau das macht es zu einer brauchbaren Idee statt einer Demo, wenn ein Agent eine Nachricht schreibt.
Starten von Ihrer eigenen Website
Fügen Sie beim ersten Start eine URL ein. ClickSomo liest die Seite nach Logo, Icons, Manifest und ihren gemessenen Farben aus — nicht nach Farben, die jemand geraten hat — und baut eine erste E-Mail, die bereits wie Ihre aussieht. Es erkennt auch die Plattform, was meist reicht, um einen sinnvollen Funnel vorzuschlagen: ein Shop bekommt eine Warenkorb-Rückholung, ein Verlag eine Newsletter-Begrüßung.
Jeder Abruf einer von Ihnen angegebenen URL läuft über einen abgesicherten Fetcher: nur HTTP und HTTPS, literale Adressen werden direkt geprüft, jede DNS-Antwort muss öffentlich sein, und jeder Redirect-Sprung wird neu validiert. Das Abrufen beliebiger URLs im Auftrag eines Kunden ist einer der einfachsten Wege, ein Loch ins eigene Netz zu reißen — und etwas, das man nicht zweimal schreibt.
Das Ehrliche: Eine erste, von Ihrer Website generierte Vorlage ist ein guter Anfang, kein fertiges Design. Sie trifft Logo, Farben und Schriftart ungefähr, damit Ihr erster Versand nicht wie eine Demo aussieht — und dann bearbeiten Sie sie, was ein weit besserer Job ist, als auf eine leere Leinwand zu starren.