Kreativ
En Dokument, keng Schabloun
Wat s du schreifs ass e Block-Bam mat engem publizéierte Schema. Wat erausgeet ass dat Dokument fir en Zil gerendert — E-Mail, Säit, Formulaire, SMS, Push oder Print. Déi zwee sinn bewosst getrennt, well den Editor ersetzbar ass an d'Rendering net, an et sou ze duerstellen ass wéi e Marketing-Tool mat sechs Versioune vun der selwechter Noriicht endet, déi sech net méi eenzeg sinn.
Sechs Ziler, eng Quell
All Zil huet Contrainten, déi keng Geschmauchsfrsinn sinn, an de Renderer kennt se, sou datt s de et net muss.
E-Mail heescht Tabellen an inlinéiert CSS, kee Flex a kee Grid, well Outlook nach ëmmer Word benotzt fir Mail ze layouten, eng Plain-Text-Alternativ, déi fir dech generéiert gëtt, Faarwen, déi en Dark-Mode-Client iwwerliewen, deen alles ëmdréit, an eng Gréisst-Waach bei ongeféier 102 KB, wou Gmail ufänkt ze clippen.
Säit heescht gewinnt modern responsiv HTML, publizéiert ënner engem Slug, op denger eegener Domain, wann s de eng wëlls. Formulaire ass eng Säit plus Feld-Bindungen, Validatioun, en Honeypot an e Rate-Limit — an et ass déi eenzeg Route an deng Kontakter, déi legitim eng consent-Grondlag produzéiere kann.
SMS zielt Segmenter, wéi s du tipps. Push ass en Titel, en Text, en Icon, Aktiounen an en Deep-Link. Brief ass Print-CSS, gerendert zu engem PDF, adresséiert a verschéckt.
D'Dokument selwer gëtt als Setup mat engem publizéierte Schema gespäichert, am Dokument-Déngscht vum Ökosystem, an net verstoppt an enger privater Tabell. Dat heescht: den Dag, wou e besseren Editor kënnt, editéiert hien déi selwecht Dokumenter, an näischt upstream ännert sech.
- 1E-MailTabellen, inlinéiert CSS, Text-Alternativ, Dark-Mode-sécher, ~102 KB-Waach.
- 2SäitResponsive HTML ënner engem Slug, op Är Domain.
- 3FormulaireSäit plus Bindungen, Validatioun, Honeypot, Rate-Limit.
- 4smsText mat engem live GSM-7 / UCS-2 Segment-Zähler.
- 5PushTitel, Text, Ikon, Aktiounen, Deep Link.
- 6BréifPrint-CSS → PDF.
- iD'NahtDen Editor ass ersetzbar; d'Ziler sinn et net. Dofir huet den Dokument e publizéierte Schema.
Gerenderten Output pro Zil ge cachéiert
Merge-Variabelen
Eng onbekannt Variabel schéitert beim Publizéieren, net roueg beim Senden
D'Standardverhalen vun all Templating-Sprooch fir e feelende Schlëssel ass, näischt ze rendern. An enger Mail heescht dat "Salut ," un dausende vu Leit, an et fënnt keen eraus bis d'Äntwerten ukommen. Do gëtt en Dokument géint de Variabel-Vokabular validéiert ier et iwwerhaapt publizéiert ka ginn.
Wat Dir interpoléiere kënnt
D'E-Mail, den Numm, d'Telefonnummer an d'Sprooch vum Kontakt; attrs.*, wat op ass well d'Attributer Är sinn; den Numm an d'Postadress vun Ärer Organisatioun; d'Links fir ofzemellen an fir d'Präferenzen; an de Sujet an de Preheader vun der Message selwer.
Bewosst eng Lëscht an net "alles wat et iwwer de Record gëtt". Eng Kontakt-Zeil huet och intern Identifikateuren, an déi gehéieren keng dovunner an eng Message.
E Fallback ass keng feelend Variabel
{{first_name | default:there}} ass eng bekannt Variabel, déi dëse bestëmmte Kontakt just net huet — eng importéiert Lëscht, wou d'Hallschent vun de Zeilen keen Numm hat. Dat rendert de Fallback an ass ganz normal.
Refuséiert gëtt {{frist_name}}: eng Variabel, déi fir kengen existéiert. Beim Senden gesinn déi zwee identesch aus. Beim Publizéiere kënne se net méi ënnerschiddlech sinn, dofir geschéit d'Prüfung do.
De selwechte Vokabular funktionnéiert iwwer all Ziler hinne, also eng Phras, déi fir eng E-Mail geschriwwe gouf, rendert am SMS an op der Landing Page ouni nei geschriwwen ze ginn. An first_name gëtt beim Renderen aus dem ganze Numm ofgeleet an net gespäichert — well eng gespäichert Opdeelung eng falsch Opdeelung ass, déi op de Mënsch waart, deem säin Numm net an d'Viraussetzung passt.
Schreift et eemol. Et kënnt ugekleedt fir de Kanal un.
Ier et erausgeet
D'Prüfungen, déi geschéien, wärend Dir nach ka fixen
De Gmail-Clip
Iwwer ronn 102 KB huet Gmail d'Message ofgeschnidden a verstoppt de Rescht hannert engem Link, deen déi meescht Leit ni drécken — dorënner, ganz ënnen, Är Ofmellung. De Renderer moosst a warnt beim Publizéieren.
Bildgewiicht
Eng Hero-Foto vu véier Megabyte sprengt de Gréisst-Budget a rendert op engem Telefon schlecht. Biller gi beim Upload resiséiert a konvertéiert, wat eng Deliverability-Fro ass an net e Luxus.
Inbox-Preview
D'Message gëtt gerendert a fotograféiert op Desktop- a Mobile-Breeten, also d'Lëscht-Ukuck weist wat d'Saach wierklech ausgesäit an net hiren Numm. Kee bezuelte Preview-Service am Spill.
E richtegen Test-Send
Schéckt en un Iech selwer, duerch de selwechte Renderer an déi selwecht Send-Identitéit, déi e richtege Empfänger kréie géif. Eng Preview, déi en anere Code-Wee hëlt, beweist näischt iwwer d'Message, déi erausgeet.
Agepechten HTML gëtt sanitiséiert
Inhalt, deen vun aneren agepecht gëtt, geet duerch e Sanitiser ier e gespäichert gëtt, well eng Marketing-E-Mail net de Plaz ass fir erauszefannen, wat an engem Clipboard war.
Markdown, wann Dir et léiwer hutt
Schreift a Markdown a loosst et rendern. Vill zouverlässeger wéi e Modell no E-Mail-HTML froen, an et ass dat, wat en Agent eng Message schreiwen loossen zu enger brauchbarer Idée mécht an net just zu enger Demo.
Vun Ärer eegener Websäit aus ufänken
Pecht eng URL an Ärem éischte Run an. ClickSomo liest d'Säit no hirem Logo, hiren Ikonen, hirem Manifest an hiren gemoossenen Faarwen — net Faarwen, déi een gerode hat — a baut eng éischt E-Mail, déi schonn ausgesäit wéi Är. Et erkennt och d'Plattform, wat meeschtens duergeet fir en Funnel ze proposéieren, deen sech lount: e Shop kritt en verloossene Kuerf, e Verlag kritt eng Newsletter-Begréissung.
All Fetch vun enger URL, déi Dir ugitt, geet duerch e gesécherten Fetcher: nëmmen HTTP an HTTPS, literal Adressen direkt gepréift, all DNS-Antwert muss ëffentlech sinn, an all Redirect-Hop gëtt nei validéiert. Zoufälleg URLen am Numm vun engem Client ze huelen ass eng vun den einfachste Weeër fir e Lach an Ärem eegene Netz ze bauen, an et ass net eppes, dat een zweemol schreift.
D'éierlech Saach: eng éischt Template, déi aus Ärer Websäit generéiert gouf, ass e gudden Ufank, keen fäerdegen Design. Se kritt de Logo, d'Faarwen an d'Schrëft zimmlech richteg, sou datt Äre éischte Send net wéi eng Demo ausgesäit — an dann editéiert Dir se, wat eng vill besser Aarbecht ass wéi op eng eidel Leinwand ze kucken.