Szablon
newslettera
Mail, który na Twoim komputerze wygląda dobrze, u klienta na telefonie potrafi się rozjechać, zgubić obrazki albo zrobić się nieczytelny w ciemnym trybie. Projektuję szablon newslettera, przygotowuję go w platformie albo w kodzie HTML i testuję w programach pocztowych, z których korzystają Twoi klienci.
Bezpłatnie: 30 minut rozmowy, plan działań i widełki cenowe na piśmie.
Szablon HTML email,
który przechodzi testy
Projekt maila
Układ nagłówka, treści, produktów i stopki w kolorach i krojach Twojej marki, zaprojektowany najpierw na telefon.
Moduły
Zestaw bloków do składania kolejnych wydań: tekst, zdjęcie z opisem, siatka produktów, przycisk, cytat, stopka.
Kod lub edytor
Szablon w edytorze platformy, żebyś mógł go edytować sam, albo w kodzie HTML, gdy potrzebny jest pełny wpływ na wygląd.
Ciemny tryb
Logo, tła i teksty dobrane tak, żeby mail był czytelny także wtedy, gdy program pocztowy odwraca kolory.
Testy
Gmail, Outlook, Apple Mail i popularne polskie skrzynki, na telefonie i na komputerze, przed pierwszą wysyłką.
Instrukcja
Krótki opis, jak składać nowe wydanie z modułów, żeby nie popsuć szablonu przy pierwszej zmianie.
Seria wiadomości,
która pracuje za Ciebie
Po zapisie klient dostaje kolejne wiadomości we właściwym momencie, a Ty widzisz, co otworzył i kliknął.
- Powitanie i porady
- Oferta we właściwym dniu
- Przypomnienie o kolejnym terminie
Jak powstaje
szablon newslettera
Brief
Co wysyłasz, jak często, na jakiej platformie, jakie materiały marki już masz
Projekt
Makieta mobilna i desktopowa do akceptacji, w trzech etapach poprawek
Wykonanie
Szablon w edytorze platformy albo w kodzie HTML, z modułami do kolejnych wydań
Testy
Sprawdzenie w programach pocztowych, w ciemnym trybie i bez pobranych obrazków
Przekazanie
Szablon na Twoim koncie, instrukcja i pierwsze wydanie wysłane razem
Ile kosztuje
szablon newslettera
Szablon wyceniam indywidualnie, bo zależy od liczby modułów, platformy i tego, czy powstaje w edytorze, czy w kodzie. Moje ceny są końcowe, bo nie jestem płatnikiem VAT.
Projekt, wykonanie, testy i przekazanie, z jednym wydaniem przygotowanym razem.
- Projekt mobilny i desktopowy
- Moduły do kolejnych wydań
- Ciemny tryb i testy
- Trzy etapy poprawek
- Instrukcja edycji
Wspólny wygląd dla powitania, koszyka, potwierdzeń i przypomnień.
- Spójny wygląd wszystkich automatów
- Teksty sekwencji
- Testy na platformie
Gdy masz szablon i chcesz wiedzieć, dlaczego się rozjeżdża.
- Przegląd szablonu i wyników testów
- Lista poprawek
- Pierwsze 30 minut bezpłatnie
Szablon newslettera to nie grafika, tylko mały program
Strona internetowa wyświetla się w kilku przeglądarkach, które działają podobnie. Mail wyświetla się w dziesiątkach programów pocztowych, z których każdy ma własne zasady: co pokazać, co wyciąć, jak potraktować kolory. Dlatego projekt maila, który pięknie wygląda w programie graficznym, nie jest jeszcze szablonem. Szablon zaczyna się wtedy, gdy ten projekt przejdzie przez Gmaila w telefonie, klasycznego Outlooka na komputerze w pracy i Apple Mail w ciemnym trybie.
Większość Twoich klientów otworzy mail na telefonie. Dlatego projektuję najpierw wersję mobilną: jedna kolumna, duży tekst, przyciski, w które łatwo trafić kciukiem, i zdjęcia, które nie każą przewijać trzech ekranów do pierwszego zdania. Wersja na komputer jest szersza, ale ma tę samą kolejność treści.
Projekt maila: kolejność ma znaczenie
Na górze nazwa firmy i jedno zdanie, które mówi, o czym jest ten mail. Potem główna treść z jednym przyciskiem, który prowadzi tam, gdzie chcesz: do rezerwacji, produktu, artykułu. Niżej treści dodatkowe, jeśli są. Na dole stopka z adresem firmy, danymi kontaktowymi i widocznym linkiem do wypisania. Wypisanie ma być łatwe, bo osoba, która nie znajdzie linku, kliknie „spam”, a to szkodzi wszystkim kolejnym wysyłkom.
Szablon składa się z modułów, czyli gotowych bloków, z których buduje się kolejne wydania. Dla salonu to zwykle blok z zabiegiem i przyciskiem rezerwacji, dla sklepu siatka produktów z ceną, dla firmy usługowej blok z poradą i krótkim tekstem. Moduły pilnują spójności: każde wydanie wygląda jak część tej samej serii, nawet gdy składa je ktoś inny niż ja.
Szablon HTML email: Gmail, Outlook i ciemny tryb
Gmail obcina wiadomości, których kod przekracza około 102 KB, i w miejscu reszty pokazuje link „wyświetl całą wiadomość”. Razem z resztą może zniknąć stopka z linkiem do wypisania i niewidoczny piksel, przez który platforma liczy otwarcia. Dlatego pilnuję wagi kodu i nie wklejam do maila treści skopiowanych z edytorów tekstu, które dokładają zbędne style.
Klasyczny Outlook na Windowsie wyświetla maile własnym silnikiem, który nie rozumie wielu współczesnych stylów. Szablon musi mieć dla niego prostszą wersję elementów, na przykład przycisków. Ciemny tryb to osobny temat: część programów odwraca kolory, część tylko je przyciemnia, część nie robi nic. Czarne logo na przezroczystym tle potrafi zniknąć na ciemnym tle, więc przygotowuję wersję logo z obrysem albo jasnym podkładem. Wszystko to sprawdzam w testach na wielu programach, zanim szablon trafi do Twojej bazy.
Osobno sprawdzam mail z wyłączonymi obrazkami. Tak go widzi część osób w firmowych skrzynkach i wtedy liczy się tylko tekst, kolory tła i opisy alternatywne. Jeśli w takiej wersji nie wiadomo, od kogo jest mail i co proponuje, szablon wraca do poprawki. To samo dotyczy czytników ekranu: tekst w kodzie, logiczna kolejność i opisy obrazków sprawiają, że mail da się przeczytać także osobie, która nie widzi ekranu.
Szablon w edytorze czy w kodzie
Klaviyo, GetResponse i Mailchimp mają edytory przeciągnij i upuść. Szablon zbudowany w edytorze możesz potem edytować sam, a platforma sama dba o poprawny kod. Ograniczeniem jest to, co edytor pozwala zrobić. Szablon w kodzie HTML daje pełną kontrolę nad wyglądem i wagą maila, ale każda zmiana wymaga ostrożności. Dla większości małych firm wybieram edytor z dobrze przygotowanymi modułami, a kod zostawiam dla firm z rozbudowaną marką albo nietypowym układem. Która platforma pasuje do Twojej firmy, opisuję na stronie o Klaviyo, GetResponse i Mailchimpie.
Treść w szablonie
Najlepszy szablon nie uratuje słabego tekstu. Teksty do newslettera piszę sam, po polsku, ukraińsku albo rosyjsku, jeśli prowadzę dla Ciebie newsletter, a gdy piszesz sam, dostajesz razem z szablonem prostą instrukcję: ile tekstu zmieści się w module, jak pisać temat maila i jak opisywać zdjęcia. Jeśli chcesz, żeby teksty przygotował ktoś, kto zna marketing i sprzedaż, zobacz stronę o copywritingu. Szablon razem z tekstem i dobrze ustawioną wysyłką to dopiero cały mail, a nie trzy osobne kawałki.
Powiązane strony
Pytania o szablon maila
Czy mogę sam edytować szablon newslettera?
Tak, jeśli szablon powstaje w edytorze platformy, czyli w Klaviyo, GetResponse albo Mailchimpie. Wtedy składasz kolejne wydania z gotowych modułów, zmieniasz teksty i zdjęcia, a układ i kolory zostają takie, jak trzeba. Szablon w czystym kodzie HTML daje więcej możliwości, ale jego edycja wymaga ostrożności, więc wtedy zwykle przygotowuję też kolejne wydania.
Dlaczego mój newsletter wygląda inaczej w Outlooku?
Bo klasyczny Outlook na komputerze wyświetla maile inaczej niż przeglądarka i ignoruje część stylów, na których opierają się nowoczesne szablony. Zaokrąglone przyciski robią się kwadratowe, odstępy się zmieniają, tła znikają. Szablon trzeba budować tak, żeby w Outlooku wyglądał poprawnie, nawet jeśli nieco skromniej. Sprawdzam to w testach przed wysyłką.
Czy newsletter może być jednym dużym obrazkiem?
Może, ale nie powinien. Część programów pocztowych domyślnie nie pobiera obrazków, więc klient zobaczy pusty prostokąt. Filtry antyspamowe gorzej oceniają maile bez tekstu, a czytniki ekranu nie przeczytają treści z grafiki. Tekst piszę jako tekst, a obrazki traktuję jako dodatek, z opisem alternatywnym, który widać, gdy obrazek się nie wczyta.
Czy szablon będzie pasował do mojej strony i marki?
Tak, projektuję go na bazie Twojego logo, kolorów i krojów pisma ze strony. W mailu nie wszystkie kroje są dostępne, więc dobieram zamiennik systemowy, który wygląda podobnie, i ustawiam go tak, żeby tekst był czytelny także bez fontu marki. Jeśli marka nie ma jeszcze spójnej identyfikacji, mogę ją uporządkować przy okazji.
Pokaż mi swój
ostatni mail
Prześlij ostatnie wydanie albo zrzut ekranu z telefonu. Powiem, co poprawić, i podam wycenę nowego szablonu. Odpowiem w ciągu dnia roboczego, a jeśli wolisz rozmowę, umów bezpłatną konsultację na 30 minut.