Kreatiw
Dokùment, nie szablón
Cò napiszesz, to je drzéwò bloków z òpisónym schematã. Cò wëchôdô na zewnątrz, to je ten dokùment wërenderowóny do célu — e-mail, strona, fòrma, SMS, push abò drëk. Te dwa są celowno rozdzélóné, bo editor mòże bëc zaminiony, a renderowanié nie, ë ùdôwanié jinaczej je tim, jak marketingòwé nôrzãdë dostôwają szesc wersjów téj sami wiadłë, chtërné ju sã nie zgôdzają.
Szesc céłów, jedno zdrzédło
Kôżdi céll mòce ògraniczeniô, chtërné nie są sprawą smôkù, ë renderer je znô, żebë ti nie musiał.
E-mail znôczy tabele ë CSS w linijce, bez flex ë bez grid, bo Outlook nadal ùżiwô Worda do ùkłôdaniô pòcztë, wëgenerowóną dlô cie prostą tekstową alternatiwã, farwë, chtërné przetrwają wëwracanié w ciemnym modze, ë strzégą wiérë na òk. 102 KB, gdze Gmail zaczinô òdcinac.
Strona znôczy zwëkòwé nowoczesné responsywné HTML, òpisóné pòd slugã, na twòjim wlasnym domenie, jeżlë chcesz. Fòrma to strona plus wiazaniô pòl, walidacjô, honeypot ë limit czëstotë — ë to je jedinô droga do twòjich kontaktów, chtërnô mòże legalno wëtwòrzyc pòdstawã consent.
SMS lëczy segmentë w czasu pisaniô. Push to titel, treść, ikòna, akcëje ë deep link. Lišt to drëkòwanié CSS wërenderowóné do PDF, adresowóné ë pòsłané.
Sam dokùment je zapisóny jakno setup z òpisónym schematã, w dokùmentowi służbie ekosystemu, a nie schòwóny w priwatny tabeli. To znôczy, że tim dniu, chtërnë przëjdze lepszi editor, òn redaguje te same dokùmentë ë nic w gòrze sã nie zmieni.
- 1e-mailTabele, CSS w linijce, tekstowô alternatiwa, bezpiecznô w ciemnym modze, strzégô ~102 KB.
- 2stronaResponsywné HTML pòd slugã, na twòjim domenie.
- 3fòrmaStrona plus wiazaniô, walidacjô, honeypot, limit czëstotë.
- 4smsTekst z żiwim lëczbnikã segmentów GSM-7 / UCS-2.
- 5pushTitel, treść, ikòna, akcëje, deep link.
- 6lištDrëkòwanié CSS → PDF.
- iSzewEditor mòże bëc zaminiony; céle nie. Dlô tegò dokùment mòcô òpisóny schemat.
Wërenderowóné wëzënanie z cache per céll
Zmienne merge
Nieznana zmiennô failëje pòdczas òpisë, a nie cëchò w czasu wysëłaniô
Domëslné zachòwanié kôżdegò jãzika szablónów dlô brakùjącegò klucza je wërenderowanié niczegò. W pòszce to znôczy „Czëszc ,” posłané do czterdzesci tësąców lëdzy, ë nikt nie wëdô, aż zaczną przechôdzec òdpòwiescë. Dlô tegò dokùment je walidowóny przecë słowòwë zmiennych, zanim wògòle mòże bëc òpisóny.
Cò mòżesz interpolowac
E-mail, miono, telefon ë lokalizacjô kontaktu; attrs.*, chtërné je òtemkłé, bo atributë są twòje; miono twòjé òrganizacëji ë pòztowô adresa; linczi wëpisaniô ë preferencjów; ë wlasny titel ë preheader wiadłë.
Celowô lësta, a nie „còkolwiek z rekòrdu”. Wiersz kontaktu mòcô téż wewnątrzne identifikatorë, ë żôdny z nich nie nôléżi do wiadłë.
Fallback to nie je brakùjąca zmiennô
{{first_name | default:there}} to je znônô zmiennô, chtërną ten konkretny kontakt przëtrôfka nie mòcô — importowónô lësta, gdze pòłowô wierszów nié mòcô miona. To wërenderuje fallback ë je całownie w porządku.
Zdrzóné je {{frist_name}}: zmiennô, chtërna dlo nikòga nie òbstoji. Przy wësëłanim òbe są jinszë wyglądają tak samo. Przë publikowanim nie mògą bëc barżi różne — dlô tegòtam sã sprawdzają.
Ten sam słowizn dzejô w kążdym célu, tak że fraza napisónô dlô e-maila wëzdrzë w SMS-ie i na lądowny starnie bez przepisëwaniô. A first_name je wëwòdzony w czënie renderowaniô z całégò miona, a nie składowóny — bo składowóny pòdzélënk je zlim pòdzélënkã, chtëren czekô na òsobã, chtërnëm miono nie pasëje do założeniów.
Napisz to rôz. Przëchôdô òbleczoné dlô swòjégò kanału.
Zanim wëjdze
Sprôwdzeniô, chtërné dzejają, pòkąd jesz mòżesz co pòprôwiëc
Gmailowé ùcãcé
Ponad wëmiar kòlò 102 KB Gmail ùcãcé wiadło i chòwô resztã za lënkã, w chtërnégò nôwicy lëdzy nigdë nie klikają — w tim, na samim spòdku, twòjégò wëpisaniô. Renderer miérzë i òstrzégô w czënie publikowaniô.
Cãżkòsc òbrôzków
Fotografiô héro w czterech megabajtach rozbiwô budżet miarë i slëchò wëzdrzë na telefonie. Òbrôzczi są zmieniané i kònwertowóné przë wgrôwaniu — to je sprôwa dostarczalnoscë, a nie ùzdrzatkù.
Pòdzérk w skrzynce
Wiadło je renderowóné i òdfotografiowóné w szerokòscach desktopu i mobilnégò, tak że lësta pòkôzô, jak to naprawdã wëzdrzë, a nie jak sã zwie. Żédnô płatnô służba pòdzérkù nie je w tim zaangażowónô.
Naprawdny testowé wësëłanié
Wësëli to do sebie, przez ten sam renderer i tã samą wësëłającą identitotã, jaką dostôłbë naprawny adresat. Pòdzérk, chtëren idze jiną drodą kòdu, nié dokôzô nic ò wiadle, chtërné wëchôdô.
Wklejony HTML je czëszczony
Zmësł wklejony z innëch miejsc idze przez czëszczonk zanim je zapisóny, bo marketingowi e-mail nie je tim miejscã, gdze sã dowiédzô, co bëło w nieczim klipbòrdze.
Markdown, jeżlë wòlôsz
Pisz w Markdownie i niech to bãdze renderowóné. Wiele wiarogòdniéjé niż prosënié modelu ò e-mailowi HTML — i to je to, co robë z agenta piszącégò wiadło działającą ideã, a nie demonstracjã.
Zaczinając òd twòjégò wlasnégò website
Wklej URL przë pierszim rënkù. ClickSomo czëtô starnã dlô jegò logò, ikònów, manifestu i jegò zmérzonëch farwów — nie farwów, chtërné niechto wëzgôdł — i stôwi pierszi e-mail, chtëren ju wëzdrzë jak twòj. Òn téż wëkriwô platformã, co zwëkno wëstarczô, żebë pòdôc funkel, chtëren sã nôs: sklep dostôwô òpùszczony kòsz, wëdawca — pòwitanié w biuletynie.
Kążdé pòbranié URL-a, chtërnégò pòdôsz, idze przez strzégóny pòbirak: leno HTTP i HTTPS, lëterowé adresë sprôwdzóné bezpòśrednio, kążdô òdpòwiesc DNS mùszi bëc pùblicznô, i kążdi skok przekierowaniô je znowa sprôwdzóny. Pòbiranié przëpadnëch URL-ów w imionu klienta je jednym z nôłatwieszich fasonów zrobieniô dziurë we wlasny sécë — i to nie je rzecz, chtërną sã piszé dwë razy.
Szczerô cząstka: pierszi wzór wëgenerowóny z twòjégò website-a to dobri pòczątk, a nie skùńczony projekt. Òn dostôwô logò, farwë i fònt w przibliżeniu tak, że twòjé pierszé wësëłanié nie wëzdrzë jak demonstracjô — a pòtemù to pòprôwiôsz, co je wiele lëpszą robòtą niż gôdanié w pùsti płótno.