Kreacyjo
Dokumynt, niy wzōr
Co piszesz, to drzewo blokōw z ôpublikowanym schematym. Co wychodzi, to tyn dokumynt zrenderowany dlŏ cela — e-mail, strōna, formularz, SMS, push abo druk. Ôba sōm rozdzielone celem, bo edytor idzie ôdstōmpić, a renderowanie niy, i udowaniy inakszy to tak, jak narzyńdzie marketingowe kōńczy z sześciōma wersyjami tyj samej wiadōmości, kere sie już niy zgŏdzajōm.
Sześciŏ celōw, jedno zdrzōdło
Każdy cel mo ôgraniczynia, kere niy sōm kwestyjōm gustu, a renderer je znŏ, coby ty niy musioł.
E-mail to tabele i inline'owany CSS, żodnego flexa ani gridu, bo Outlook dali używŏ Worda do układaniŏ maili, alternatiwa w plackim tekście wygenerowanŏ dlŏ cebie, farby, kere wytrzymujōm inwersyjŏ we ciemnym trybie, i ÔGuard rozmiaru na ôk. 102 KB, kaj Gmail zaczynŏ uciynŏć.
Strōna to zwyczajny nowoczesny responsywny HTML, ôpublikowany pod slugiem, na włŏsnyj dōmenie, jak chcesz. Formularz to strōna plus binndynia polōw, walidacyjŏ, honeypot i limit żōndywek — i to jōdno droga do twojich kōntaktōw, kera może prawlitywie dać podstawã consent.
SMS lygcyje segmyny jak piszesz. Push to tytuł, treść, ikōna, akcyje i głymboki link. List to drukowŏny CSS renderowany do PDF-a, zaadresowany i wypōstanŏ.
Dokumynt sam je zapisany jako setup z ôblyżonym schematym, w serwisie dokumyntōw ekosystemu, a nie schowany w prywatnyj tablicy. To znaczy, że jak przidzie lepszy edytor, to edytuje te same dokumynty i nic wyżej sie niy zmiynio.
- 1emailTabele, wkludzōny CSS, tekstowo alternatywa, bezpieczne we ciemnym modzie, ôchrōna ~102 KB.
- 2strōnaResponsywny HTML pod slugym, na twojej dōmynie.
- 3formularzStrōna plus wiōzania, walidacyjo, honeypot, limit zapytań.
- 4smsTekst z żywym licznym segmentōw GSM-7 / UCS-2.
- 5pushTytuł, treść, ikōna, akcyje, deep link.
- 6listCSS do druku → PDF.
- aSzrajfEdytor idzie zminić; cele niy. Dlo tego dokument mo opublikowany schemat.
Wyrenderowany wynik zkeszowany po celu
Zmiynne do sklejaniŏ
Niynoznōmŏ zmiynnŏ wywŏle feler przi publikacyji, a niy cichto przi wysyłaniu
Domyślne zachowanie kożdygo jynzyka szablonōw dlŏ brakujōncyj klucza je renderować nic. We mailu to znaczy „Hi ,” posłane czterdziestu tysiyncōm ludzi, a nikt sie niy dowie, ażeby zaczły przichodzić ôdpowiedzi. Tedy dokument je walidowany pod wzglyndym słownika zmiynnych, coby go w ogōle szło opublikować.
Co możesz interpolować
E-mail, miano, telefon i lokalizacyjo kontaktu; attrs.*, co je ôtwarte, bo atrybuty sōm twoje; miano twojij ôrganizacyje i adres pocztowy; linki do wypisaniŏ sie i preferyncji; a tyż wŏsny temat i preheader wiadomości.
Świadōmie lista, a niy „wszystko, co je we rekordzie”. Wiersz kontaktu nosi tyż wewnętrzne identyfikatory, a żaden z nich niy nŏleży do wiadomości.
Fallback to niy je brakujōncŏ zmiynnŏ
{{first_name | default:there}} to je znōmŏ zmiynnŏ, keryj tyj konkretnyj ôsoby przypodrobie niy mo — importowanŏ lista, we keryj połowa wierszōw niy miała miana. To renderuje fallback i je cołkim w porzōndku.
Ôdrzucane je {{frist_name}}: zmiynnŏ, kera niy istnieje dlŏ nikogo. We czasie wysyłki oba wyglŏdajōm identycznie. We czasie publikacyje niy mogōm być barzij rożne — dlo tego ta kontrola robi sie tam.
Ten sam słōwnek działa we kożdym celu, tedy fraza napisanŏ dlŏ maila wyrenderuje sie we SMS-ie i na landing page bez przepisowaniŏ. A first_name je wyprowadzane we czasie renderu z cołkego miana, a niy składowane — bo składowany podział to podział, co czeko na ôsobã, kerej miano niy pasuje do założyniŏ.
Napisz to roz. Przichodzi ubrane pod kanał.
Zanim wyjdzie
Kontrole, kere robiōm sie, jak jeszcze idzie wszystko poprawić
Przycięcie we Gmailu
Ponad wjyrchnie 102 KB Gmail ućnŏ wiadomość i chowo resztã za linkym, na kery wiynkszość ludzi niy klikŏ — w tym, na samym dole, twoje wypisanie sie. Renderer mierzy i ôstrzega przi publikacyji.
Wŏga ôbrazōw
Hero-fotografijŏ na sztery megabajty przebiŏ budżet wielości i renderuje sie źle na telefonie. Ôbrazy sōm skalowane i kōnwertowane przi uplodzie, co je sprawōm dostarczalności, a niy bajeru.
Podglōd we skrzynce
Wiadomość je renderowanŏ i sfotografowanŏ we szerokości desktopu i mobilu, tedy lista pokazuje, jak ta rzecz naprawdã wyglŏdŏ, a niy jake miano mo. Żŏdny płatny serwis podglōdu niy ma we grze.
Naprawdã testowŏ wysyłka
Poślij to samym sobie, tym samym rendererem i tōm samōm tożsamościōm wysyłkowōm, jakõ dostŏłby prawdziwy ôdbiorca. Podglōd, kery idzie inkszym szlakiem kōdu, niy dowodzi nic ô wiadomości, kera wyjdzie.
Wklejony HTML je sanitizowany
Zawartość wklejonŏ z inkszych placōw idzie bez sanitizera, zanim bydzie składowanŏ, bo mail marketingowy to niy je plac, coby dowiedzieć sie, co byłô w czyjim schowku.
Markdown, jak wolisz
Pisz we Markdownie i niech sie wyrenderuje. Barzij zawodne jak proszynie modelu ô mailowy HTML, i to je to, co robi z agenta piszōncego wiadomość działajōncy pōmysł, a niy demo.
Zaczynajōnc ôd twojij strony
Wklej URL przy piyrszym uruchōmieniu. ClickSomo czytŏ strōnã dlŏ logo, ikōn, manifestu i jej zmierzōnych farbōw — niy farbōw, kere ktoś zgŏdnōł — i stawio piyrszy mail, kery już wyglŏdŏ jak twōj. Tyż wykrywŏ platformã, co zwykle starczy, coby zaproponować funkel, kery sie opłacŏ: sklep dostŏwŏ porzucony koszyk, wydawca — powitanie newslettera.
Kożde pobranie URL-a, kery podasz, idzie bez strzeżonego fetchera: ino HTTP i HTTPS, dosłowne adresy sprawdzane bezpostrzednio, kożdŏ ôdpowiedź DNS musibyć publicznŏ, i kożdy skok przekierowaniŏ rewalidowany. Pobieranie dowolnych URL-ōw w imiyniu klienta to je jedyn z nojprostszych sposobōw, coby zbudować dziurã we wŏsnyj sieci, i to niy je rzecz, kero sie pisze dwa razy.
Uczciwŏ czōnka: piyrszy szablon wygenerowany z twojij strony to dobry start, a niy skōńczony projekt. Dostŏwŏ logo, farby i krój pisma wjyrchnie dobrze, coby twojŏ piyrszŏ wysyłka niy wyglŏdała jak demo — a potym to edytujesz, co je barzij lepszym fachu jak gapiynie sie we pusty płōtno.