Szablon newslettera: co powinien zawierać i jak go zbudować
Dobry szablon newslettera to jedna kolumna o szerokości maksymalnie 600 pikseli, z logo u góry, wyraźną hierarchią nagłówków i tekstu, jednym głównym przyciskiem, tekstami alternatywnymi przy każdym obrazie, wersją tekstową, linkiem rezygnacji i adresem nadawcy na dole. Kto utrwali te osiem elementów w szablonie wielokrotnego użytku, przy każdym wydaniu wymienia już tylko treść.
Ta strona jest zarazem poradnikiem i stroną produktową. Najpierw o tym, co powinno znaleźć się w każdym szablonie i gdzie coś się psuje w trybie ciemnym, na telefonie i w Outlooku. Potem o tym, jak zbudować taki szablon w kreatorze drag & drop od 2Mail i przetestować go przed wysyłką.
Wzorzec, szablon, układ czy format?
Tych czterech słów używa się zamiennie i w praktyce oznaczają one to samo: stałą oprawę, w którą wlewają Państwo każde wydanie. „Szablon” i „wzorzec” odnoszą się do pliku wielokrotnego użytku, a „układ” i „format” raczej do jego podziału. Gdy wybierają Państwo układ, w praktyce wracają trzy przykłady.
Jeden temat
Logo, jeden główny nagłówek, obraz, trzy akapity i jeden przycisk. Najprostszy układ i najlepszy wybór przy ogłoszeniu, zaproszeniu albo ofercie. Da się go szybko zrobić i zostawia czytelnikowi mało miejsca na rozproszenie.
Nagłówek plus bloki
Jeden główny temat u góry, a pod nim dwa albo trzy krótsze bloki, każdy z własnym nagłówkiem i linkiem. Ten format pasuje do comiesięcznego newslettera, w którym jedna rzecz jest w centrum, a reszta czyta się przy okazji.
Przegląd
Od czterech do sześciu równorzędnych pozycji jedna pod drugą, każda z nagłówkiem, dwoma zdaniami i linkiem. Przydatne przy przeglądzie wiadomości albo podsumowaniu bloga, ale warto trzymać się krótko: im dłuższa lista, tym mniej kliknięć.
Niezależnie od wybranego układu, poniższe osiem elementów należy do wszystkich trzech. Układ decyduje o kolejności i rytmie newslettera, a nie o tym, co obowiązkowo musi się w nim znaleźć.
Osiem elementów dobrego szablonu
To nie preferencje projektowe, lecz elementy, z których każdy zapobiega konkretnemu problemowi: nieczytelności, filtrom antyspamowym, skargom albo zapomnianemu obowiązkowi prawnemu.
Jedna kolumna, 600 pikseli szerokości
Jedna kolumna czyta się wszędzie tak samo, od szerokiego ekranu po telefon. 600 pikseli to szerokość, którą praktycznie każdy klient pocztowy pokazuje bez poziomego paska przewijania.
Logo u góry
Odbiorca musi od razu widzieć, od kogo pochodzi wiadomość. Logo linkuje do Państwa strony i stoi w nagłówku, nad pierwszym tytułem — a nie jako wielki baner spychający treść w dół.
Wyraźna hierarchia
Jeden główny nagłówek, śródtytuły przy każdym temacie i krótkie akapity. Kto skanuje wzrokiem, musi w pięć sekund wiedzieć, o czym jest wiadomość. Prosimy używać rozmiarów pisma czytelnych także na małym ekranie.
Jeden główny przycisk
Każdy newsletter ma jedną rzecz, którą chcą Państwo, aby czytelnik zrobił: zamówił, zapisał się, przeczytał. Prosimy nadać temu działaniu przycisk zbudowany z tekstu, a nie z obrazu, aby pozostał widoczny również bez obrazów.
Teksty alternatywne przy każdym obrazie
Różne skrzynki pokazują obrazy dopiero po kliknięciu. Wtedy tekst alternatywny jest tym, co widzi czytelnik. Bez tekstów alternatywnych z bogatego graficznie newslettera zostaje sama pustka.
Wersja tekstowa
Obok wersji HTML wysyłają Państwo wersję czystotekstową. Patrzą na nią filtry antyspamowe, a część odbiorców czyta wyłącznie ją. Kreator tworzy ją razem z resztą; prosimy jednak sprawdzić, czy jest czytelna.
Link rezygnacji
Obowiązkowy i w Państwa własnym interesie: kto nie może się wypisać, klika „spam”, a to waży więcej niż wypisanie się. Prosimy umieścić link widocznie na dole, zwykłym językiem.
Adres nadawcy
Nazwa firmy i adres pocztowy na dole każdego newslettera. To obowiązek prawny, a zarazem sygnał zaufania: prawdziwa firma pod prawdziwym adresem.
Tryb ciemny, telefon i Outlook
Szablon, który dobrze wygląda w Państwa przeglądarce, nie jest jeszcze gotowy. Trzy środowiska dostarczają najwięcej niespodzianek.
Tryb ciemny
Klienty pocztowe w trybie ciemnym odwracają Państwa kolory albo je dostosowują. Ciemne logo na przezroczystym tle znika; biały tekst w kolorowym przycisku staje się nieczytelny. Prosimy używać logotypów z własnym tłem i testować w trybie ciemnym przed wysyłką.
Telefon
Duża część Państwa odbiorców czyta na telefonie. Jedna kolumna skaluje się sama, ale przyciski muszą być na tyle duże, aby dało się w nie trafić kciukiem, a rozmiary pisma poniżej 14 pikseli są na telefonie powiększane albo ignorowane.
Outlook
Wersja Outlooka na komputery używa własnego silnika renderującego, który nie zna wielu nowoczesnych rozwiązań CSS: obrazy tła, zaokrąglone rogi i część odstępów wypadają. Prosimy budować szablon na tabelach, trzymać skład prosty i wysłać test na konto Outlook.
Wysyłka testowa nie jest więc formalnością. Prosimy wysłać swój szablon do co najmniej trzech prawdziwych skrzynek: webmaila, telefonu i Outlooka na komputerze. To, co dobrze wygląda tam, wygląda dobrze niemal wszędzie.
Kreator szablonów 2Mail
Nie muszą Państwo pisać HTML-a. Kreator szablonów drag & drop w panelu zamienia powyższe osiem elementów w bloki, które Państwo przeciągają, wypełniają i zapisują.
Przeciąganie bloków
Tekst, obraz, przycisk, linia oddzielająca i kolumny: przeciągają Państwo bloki w wybranej kolejności i wypełniają je. Kreator pilnuje szerokości i struktury, aby wynik utrzymał się w każdym kliencie pocztowym.
Szablony wielokrotnego użytku
Prosimy zapisać swój układ jako szablon i używać go przy każdym wydaniu. Logo, kolory, stopka i link rezygnacji są stałe; wymieniają Państwo tylko treść. Dzięki temu każdy newsletter pozostaje rozpoznawalny i nie zapomną Państwo o obowiązkowym elemencie.
Wysyłka testowa
Prosimy wysłać test do siebie i współpracowników, zanim wyślą Państwo kampanię na swoją listę. Zobaczą Państwo wiadomość tak, jak widzą ją odbiorcy, z prawdziwym tematem, w prawdziwej skrzynce, na prawdziwym urządzeniu.
Budowa szablonu w pięciu krokach
Prosimy liczyć na pół dnia przy pierwszej wersji. Potem nowe wydanie kosztuje już tylko czas potrzebny na napisanie treści.
Prosimy wybrać strukturę
Prosimy zacząć od jednej kolumny o szerokości 600 pikseli i ustalić kolejność: logo, główny nagłówek, wstęp, dwa albo trzy tematy, przycisk, stopka. Prosimy naszkicować to na papierze przed otwarciem kreatora; idzie to szybciej niż przeciąganie tam i z powrotem.
Prosimy umieścić stałe elementy
Prosimy ustawić w kreatorze bloki wracające przy każdym wydaniu: logo, kolory, stopkę z nazwą firmy i adresem pocztowym oraz link rezygnacji. To ta część, której już nigdy Państwo nie ruszają.
Prosimy uzupełnić treść i główny przycisk
Prosimy napisać przy każdym temacie nagłówek i dwa do trzech zdań, dodać obraz z tekstem alternatywnym i umieścić jeden wyraźny przycisk. Prosimy sprawdzić, czy wersja tekstowa tworzona przez kreator jest czytelna.
Prosimy przetestować w prawdziwych skrzynkach
Prosimy wysłać wiadomość testową do webmaila, na telefon i na konto Outlook oraz obejrzeć ją także w trybie ciemnym. Prosimy poprawić to, co się przesuwa albo znika, i przetestować ponownie.
Prosimy zapisać go jako szablon
Prosimy zapisać przetestowany układ jako szablon wielokrotnego użytku. Kolejne wydanie zaczynają Państwo od tego szablonu i wymieniają tylko treść, dzięki czemu projekt i obowiązkowe elementy pozostają nienaruszone.
Lista kontrolna przed wysyłką
Prosimy przejść te sześć punktów przy każdym wydaniu. Zajmują dwie minuty i zapobiegają błędom, których nie da się już cofnąć, gdy kampania wyruszy.