Dobrze zaprojektowany newsletter potrafi sprzedawać tak samo skutecznie jak reklama na Facebooku, tylko taniej i bez przepalania budżetu na zasięgi.
Problem w tym, że większość newsletterów w polskich skrzynkach wygląda dziś podobnie: kolorowy baner, ściana tekstu, trzy przyciski w różnych miejscach i jakoś to będzie. Ludzie otwierają takiego maila, przewijają w dwie sekundy i zamykają.
Klikalność spada, a Ty zastanawiasz się, czy to wina bazy czy oferty.
Najczęściej to ani jedno, ani drugie. Tu chodzi o wygląd…
W tym artykule pokazuję 5 wskazówek, które realnie wpływają na to, czy Twój newsletter zostanie przeczytany i kliknięty. Znajdziesz tu przykłady dopasowane do małych i średnich firm oraz sklepów internetowych, bo to właśnie one robią najwięcej błędów w wyglądzie wiadomości i najwięcej na tym tracą.
Przez ostatnie lata zmieniło się dwie ważne rzeczy.
Po pierwsze, ludzie mają w skrzynce po kilkadziesiąt maili dziennie.
Po drugie, otwierają je głównie na telefonie, w biegu, często między innymi sprawami.
Badania Litmus pokazują, że przeciętny odbiorca spędza na czytaniu jednego maila około 51 sekund. To nie jest czas na wczytywanie się w tekst. To czas na jeden szybki skan.
Jeśli Twój newsletter nie prowadzi wzroku w odpowiednie miejsce w ciągu pierwszych kilku sekund, po prostu przegrywa. Nie dlatego, że jest słaby merytorycznie, tylko dlatego, że odbiorca nie zdążył nawet dojść do treści. Wygląd to w tym przypadku nie dekoracja. To nawigacja. Dobrze zaprojektowana wiadomość mówi odbiorcy: „tu patrz, tu czytaj, tu kliknij”. Źle zaprojektowana mówi: „radź sobie sam”.
I jeszcze jedno, o czym rzadko się mówi. Wygląd newslettera wpływa też na zaufanie do marki. Estetyczny, spójny, dopasowany do brandu mail buduje wrażenie, że firma wie, co robi. Wiadomość, która wygląda jak sklejka z różnych szablonów, niestety sugeruje coś przeciwnego. A przy zakupach online zaufanie konwertuje lepiej niż rabat.
Wskazówka 1 – Projektuj dla telefonu, a dopiero potem dla komputera
To jest zasada numer jeden, od której musisz zacząć. Jeśli Twój newsletter wygląda świetnie na laptopie, ale na telefonie trzeba go scrollować w bok albo zooming, żeby przeczytać tekst, to nie masz newslettera. Masz problem. Większość Twoich odbiorców nawet nie zobaczy wersji desktopowej.
To nie jest przesada ani odklepana formułka.
Według raportu Mailgun 71,5% użytkowników otwiera maile głównie z telefonów. W Polsce, w małym i średnim biznesie, a zwłaszcza w sklepach internetowych, ten odsetek często bywa jeszcze wyższy, bo klienci ecommerce kupują z telefonu w drodze, wieczorem na kanapie, w pracy podczas przerwy.
Co to konkretnie oznacza przy projektowaniu?
Kilka twardych zasad, które warto wdrożyć od razu:
Szerokość maila trzymaj na poziomie maksymalnie 600 pikseli. To standard, który poprawnie wyświetla się w większości klientów pocztowych i nie zmusza odbiorcy na telefonie do skanowania wiadomości w poziomie.
Używaj układu jednokolumnowego. Dwie czy trzy kolumny obok siebie świetnie wyglądają w podglądzie na komputerze, ale na telefonie albo się spłaszczą, albo się rozjadą. Jedna kolumna to uczciwy wybór, który działa wszędzie. Więcej o responsywności znajdziesz w naszym osobnym poradniku o responsywnym newsletterze, jeśli chcesz wejść głębiej w temat.
Minimalny rozmiar czcionki dla tekstu ciągłego to 16 pikseli. Mniej to sygnał, że odbiorca ma wysilać wzrok. Nagłówki warto dać w 22–28 pikseli, żeby były wyraźnie większe od reszty i prowadziły wzrok.
Przyciski CTA projektuj tak, żeby miały minimum 44 piksele wysokości. To rekomendacja Apple dla elementów dotykowych i najprostszy sposób, żeby przycisk dało się kliknąć kciukiem za pierwszym razem, a nie trzema próbami.
Jak szybko sprawdzić, czy newsletter dobrze wygląda na telefonie?
Najlepszą metodą jest wysłanie sobie testowej wiadomości na swój prywatny telefon i rzeczywiste przejrzenie jej z palcem na ekranie, tak jak robi to odbiorca.
Podgląd w edytorze mailingowym to dobry punkt startu, ale to nie to samo co realny mail w aplikacji Gmail czy Apple Mail. Weź swój telefon, weź telefon kogoś z biura z innym systemem, zobacz jak wygląda w trybie ciemnym i jasnym. Pięć minut tej kontroli uratuje Ci całą kampanię.
Wskazówka 2 – Jeden newsletter, jeden główny cel, jedno CTA
To jest zasada, której prawie nikt w małych firmach nie przestrzega. Bo kusi, żeby w jednym mailu pokazać nowy produkt, promocję, informację o blogu, newsy z firmy, zaprosić na webinar i jeszcze wspomnieć o kodzie rabatowym na urodziny klienta. Efekt jest taki, że odbiorca nie klika w nic, bo nie wie, co jest najważniejsze.
Według badania Wordstream, maile z jednym CTA zbierają o 371% więcej kliknięć niż te z wieloma wezwaniami do działania. To nie jest mała różnica. To zmiana, która decyduje o tym, czy kampania ma sens finansowy.
Zasada jest prosta. Zanim zaczniesz projektować maila, odpowiedz sobie na jedno pytanie: co odbiorca ma zrobić po przeczytaniu tej wiadomości? Kliknąć w produkt? Przeczytać artykuł? Skorzystać z rabatu? Wybierz jedną rzecz. Cała reszta, łącznie z grafiką, tekstem i przyciskiem, ma prowadzić właśnie tam.
Jeśli masz naprawdę dużo do zakomunikowania, lepiej zrobić serię mniejszych wysyłek niż jeden kombajn. Każda z nich ma swój cel, swoje CTA, swoją historię. Łatwiej je też potem analizować, bo od razu widzisz, co zadziałało.
Jak zaprojektować przycisk, w który ludzie faktycznie klikną?
Kilka praktycznych rzeczy, które robią różnicę:
Kolor przycisku powinien wyraźnie kontrastować z tłem maila. Jeśli masz jasne tło, daj przycisk w mocnym, nasyconym kolorze. Brand ma być widoczny, ale CTA nie może się zlewać z resztą.
Tekst na przycisku niech będzie konkretny i odpowiada na pytanie „co się stanie, jak kliknę”. Zamiast „Kliknij tutaj” wpisz „Odbierz 15% rabatu”, „Zobacz nową kolekcję”, „Pobierz przewodnik”. Różnica w klikalności potrafi być dwucyfrowa.
Umieść CTA dwa razy. Raz na górze wiadomości, dla tych, którzy wiedzą, o co chodzi i od razu chcą kliknąć. Raz na dole, po treści, dla tych, którzy potrzebowali się najpierw przekonać. To nie jest „dwa różne CTA”. To to samo CTA w dwóch miejscach. Różnica jest zasadnicza.
Wskazówka 3 – Daj treści oddychać i zadbaj o czytelną hierarchię
Ściana tekstu to najszybsza droga do kosza. Odbiorca otwiera wiadomość, widzi blok liter bez żadnych punktów zaczepienia i zamyka. Nie dlatego, że jest leniwy. Dlatego, że jego mózg w ciągu tych 51 sekund nie widzi żadnego punktu, w którym mógłby rozpocząć czytanie.
Rozwiązanie polega na tym, żeby mail wyglądał jak dobrze złożona strona magazynu, a nie jak e-mail z biura. Krótkie akapity po dwie, trzy linijki. Wyraźne nagłówki. Przestrzeń między sekcjami. Jeden wyraźny obrazek albo grafika, która ma faktycznie coś do powiedzenia, a nie służy tylko wypełnieniu.
Sensowna proporcja tekstu do obrazków to w praktyce około 60 na 40, lekko na korzyść tekstu. Maile składające się w 90% z jednej dużej grafiki mają dwa problemy.
Pierwszy to filtry antyspamowe, które takie wiadomości lubią mniej.
Drugi to odbiorcy, którzy mają domyślnie wyłączone wyświetlanie obrazków, a to wcale nie jest margines. U takiej osoby Twój piękny mail pojawia się jako pusta plama z jednym linkiem „wyświetl w przeglądarce”.
Proste zasady typografii, które robią dużą różnicę
Nie komplikuj. Dwa kroje pisma w całym mailu wystarczą aż nadto. Jeden na nagłówki, drugi na treść. Najbezpieczniej trzymać się krojów systemowych, bo one wyświetlą się poprawnie we wszystkich skrzynkach. Arial, Helvetica, Georgia, Verdana, Tahoma to klasyki, które nigdy nie zawodzą.
Wysokość wiersza (line-height) ustaw na około 1,5. Tekst wtedy oddycha i jest dużo przyjemniejszy do czytania na telefonie. Unikaj justowania, bo na wąskich ekranach tworzy nieestetyczne przerwy między słowami. Lewe wyrównanie to bezpieczny wybór dla całego świata.
Kolor tekstu niech będzie ciemny, ale niekoniecznie czysto czarny na czysto białym tle. Ciemny grafit (#222 albo #333) na tle w okolicy #F9F9F9 czyta się znacznie łagodniej dla oka, szczególnie na ekranie telefonu wieczorem.
Wskazówka 4 – Niech newsletter wygląda jak Twoja marka, a nie jak losowy template
Szablon z edytora to świetny punkt startu. Problem pojawia się, kiedy jest jednocześnie punktem końcowym. Odbiorca dostaje wiadomość, która mogłaby być od dowolnej firmy w Polsce, bo nic w niej nie wskazuje na to, że jest od Ciebie. Nie ma Twoich kolorów, logo jest w standardowym miejscu, typografia generyczna.
Spójność wizualna z resztą komunikacji marki to jedna z tych rzeczy, które działają po cichu. Odbiorca nie pomyśli „o, jaka ładna stopka”. Ale jeśli mail wygląda dokładnie tak, jak Twoja strona internetowa, na której kupował, jego mózg automatycznie łączy te dwa doświadczenia. Zaufanie rośnie, zanim jeszcze zdąży dojść do oferty.
W e-commerce to szczególnie ważne. Klient, który dostaje ładnego maila z potwierdzeniem zamówienia, a potem jeszcze ładnego maila z poradnikiem jak korzystać z produktu, czuje, że trafił do dobrze prowadzonej marki. Klient, który dostaje automatyczny mail w kolorach, których nigdzie indziej nie widzi, tego poczucia nie ma.
Co warto ujednolicić w każdej wysyłce?
Logo w nagłówku zawsze w tym samym miejscu i w tym samym rozmiarze. Kolory dokładnie takie same jak w identyfikacji wizualnej firmy (skopiuj kody HEX, nie odtwarzaj z pamięci). Krój pisma zgodny z brandbookiem, jeśli masz, albo przynajmniej konsekwentny we wszystkich wysyłkach. Styl grafik i zdjęć spójny, a nie raz stocki, raz zdjęcia z telefonu, raz AI-owe obrazki.
Stopka też mówi o marce więcej, niż się wydaje.
Zamiast generycznego „Otrzymujesz tę wiadomość, ponieważ…” warto dodać krótkie zdanie w swoim tonie, link do socjali w formacie dopasowanym do reszty i wyraźny, ale nieagresywny link do rezygnacji. Ukrywanie opcji wypisu to krótkoterminowy trik, który uderza w dostarczalność, więc lepiej go nie stosować.
Wskazówka 5 – Testuj wygląd w różnych warunkach przed wysyłką
Mail, który wygląda świetnie w podglądzie edytora, wcale nie musi wyglądać świetnie w rzeczywistym Gmailu na Androidzie. Albo w Outlooku na firmowym laptopie. Albo w trybie ciemnym na iPhonie. Różnice potrafią być dramatyczne, bo każdy klient pocztowy renderuje HTML trochę po swojemu.
Szczególnie istotny jest tryb ciemny. Według danych Litmus, ponad 40% subskrybentów otwiera wiadomości w trybie ciemnym. To nie jest margines, który można zignorować. A niestety wiele maili projektowanych na białym tle, z ciemnym logo i czarnym tekstem, w trybie ciemnym wygląda dziwnie.
Niektóre klienty pocztowe robią pełną inwersję kolorów, inne tylko częściową, a niektóre nic nie zmieniają. Jeśli nie przetestujesz, nie masz pojęcia, co zobaczy odbiorca.
Co konkretnie sprawdzać przed wysłaniem kampanii?
Najważniejsze rzeczy do weryfikacji to wygląd wiadomości na telefonie w aplikacji Gmail i Apple Mail, wygląd w trybie ciemnym na telefonie, wygląd w przeglądarkowej wersji Gmaila na komputerze oraz wyświetlanie w Outlooku, jeśli masz odbiorców firmowych. Do tego warto sprawdzić jak mail wygląda z wyłączonymi obrazkami, klikalność wszystkich linków i czy tekst alt jest wstawiony do grafik.
A/B test wyglądu to osobny, bardzo wdzięczny temat. Często drobna zmiana koloru przycisku, inna grafika albo inna kolejność sekcji potrafi zmienić klikalność o kilkanaście procent. Nie trzeba robić tego przy każdej wysyłce. Raz w miesiącu, na większej kampanii, w zupełności wystarczy, żeby uczyć się tego, co działa u Twoich odbiorców.
Więcej praktycznych wskazówek na ten temat zebraliśmy w naszym artykule o najlepszych praktykach w e-mail marketingu.
Najczęstsze błędy, które rujnują nawet dobrze pomyślany newsletter
Przez lata testowania różnych narzędzi i analizowania kampanii w polskich firmach powtarza się kilka tych samych błędów, które potrafią zneutralizować każdą dobrą wskazówkę z góry.
Najczęstszy to wspomniana już wiadomość zbudowana w całości z jednej dużej grafiki. Niby szybciej się projektuje, bo zamiast układu wystarczy jeden banner, ale w praktyce odbiorca z wyłączonymi obrazkami nie widzi nic, filtry antyspamowe podejrzliwie patrzą, a responsywność leży. To podejście opłacało się może dziesięć lat temu. Dziś kosztuje więcej, niż daje.
Drugi to zbyt mały tekst. Rozmiar 12 albo 13 pikseli wygląda elegancko w podglądzie, ale na telefonie zmusza odbiorcę do zbliżania ekranu do oczu. A nikt nie zbliża. Po prostu zamyka.
Trzeci to chaos kolorystyczny. Firmowe logo w niebieskim, przycisk w zielonym, wyróżnienie tekstu w czerwonym, baner w różowym. Każdy kolor krzyczy, więc nic nie zostaje zauważone. Dobry newsletter ma zwykle jeden kolor akcentowy, którym sygnalizuje najważniejsze miejsca, i resztę w spokojnej, neutralnej palecie.
Czwarty to brak spójności między mailem a stroną docelową. Klikasz w przycisk „Zobacz ofertę” i trafiasz na generyczną stronę główną, na której trzeba szukać produktu, o którym był mail. Każde takie kliknięcie to rozczarowanie, a rozczarowany odbiorca drugi raz nie kliknie.
Piąty, bardziej subtelny, to brak widocznego nadawcy. Pole „Od” to pierwsza rzecz, którą widzi odbiorca jeszcze przed otwarciem wiadomości. „noreply@firma.pl” mówi „nie zależy nam na rozmowie”. „Marta z Brand.pl” albo „Zespół Brand.pl” mówi coś zupełnie innego i otwieralność od razu idzie w górę.
Jakie narzędzie wybrać, żeby łatwiej projektować dobre newslettery
Wszystkie powyższe wskazówki zakładają, że używasz edytora, który w ogóle pozwala Ci je wdrożyć. W praktyce narzędzia do e-mail marketingu różnią się nie tylko ceną, ale też tym, jak swobodnie można w nich projektować, jak wyglądają gotowe szablony i czy ich responsywność faktycznie działa.
Dla małych firm i sklepów internetowych w Polsce najczęściej sprawdzają się GetResponse, MailerLite, Brevo i Ecomail. Każde z nich ma darmowy plan albo testowy, który wystarczy na pierwsze kampanie.
GetResponse ma jedną z najobszerniejszych bibliotek szablonów i dobrze integruje się z polskimi platformami e-commerce.
MailerLite wygrywa prostotą i bardzo przyjemnym edytorem drag and drop.
Brevo ma nielimitowane kontakty nawet w niższych planach, co się opłaca, gdy baza szybko rośnie.
Ecomail ma polski interfejs, polskie wsparcie i integracje z rodzimymi platformami jak Shoper, IdoSell czy PrestaShop, więc dla małego polskiego sklepu jest to świetny wybór.
Jeśli stoisz przed wyborem narzędzia albo zastanawiasz się nad zmianą obecnego, pełne porównanie z aktualnymi cenami, limitami i praktycznymi wnioskami z testów znajdziesz w naszym rankingu najlepszych programów do mailingu.
Aktualizowany jest regularnie, bo rynek mocno się zmienia i narzędzie, które wygrywało pół roku temu, dziś nie musi być najlepszym wyborem.
Podsumowanie – dobry projekt newslettera to system, a nie talent plastyczny
Najważniejszy wniosek z tego całego artykułu jest taki: projektowanie skutecznego newslettera nie wymaga od Ciebie ani talentu graficznego, ani drogiego projektanta. Wymaga podejścia systemowego.
Jeden cel na wiadomość, jedno CTA, spójny wygląd, układ dopasowany do telefonu, czytelna hierarchia, testy przed wysyłką. Powtarzasz to w każdej kampanii i z miesiąca na miesiąc wyniki się poprawiają.
Jeśli robisz newsletter po raz pierwszy albo dopiero porządkujesz to, co już masz, zacznij od jednej zmiany. Wybierz najbliższą wysyłkę i zastosuj tylko zasadę numer jeden: projektuj dla telefonu. Zobacz, co to zmieni w klikalności. Potem dołóż zasadę drugą, potem trzecią. Po kilku kampaniach będziesz mieć system, który działa u Ciebie, a nie ogólne wytyczne z internetu.
I ostatnia rzecz. Wygląd to tylko jeden element skutecznego e-mail marketingu. Równie ważne są temat wiadomości, segmentacja, czas wysyłki i personalizacja.
O tym ostatnim pisaliśmy szerzej w artykule o personalizacji e-mail marketingu, więc jeśli masz już wygląd ogarnięty, to jest naturalny następny krok.
Powodzenia w kampaniach.
