Optymalizacja Preheadera (Tekstu Zapowiedzi)
Preheader (nazywany też tekstem zapowiedzi) to krótki fragment tekstu, który pojawia się w skrzynce odbiorczej tuż za tematem wiadomości, zwłaszcza w mobilnych klientach poczty. To Twoja druga szansa, aby zachęcić odbiorcę do otwarcia e-maila.
Dlaczego Preheader jest Ważny?
Uzupełnia temat: Daje dodatkowy kontekst i rozwija główną myśl.
Może zwiększyć wskaźnik otwarć: Dobrze zoptymalizowany może zawierać kluczową korzyść lub wezwanie do działania, które przekona odbiorcę.
Zapobiega chaosowi: Chroni przed wyświetlaniem przez klienta poczty przypadkowego tekstu z początku e-maila, takiego jak "Nie widzisz obrazków? Kliknij tutaj" czy "Zobacz wiadomość w przeglądarce".
Jak Optymalizować Preheader?
Bądź Zwięzły Długość wyświetlanego preheadera różni się w zależności od klienta poczty (zwykle to 40-100 znaków). Skup najważniejszy przekaz na samym początku.
Uzupełniaj, Nie Powtarzaj Preheader powinien być rozwinięciem tematu, a nie jego kopią. Wspólnie mają tworzyć spójny, intrygujący komunikat.
Podkreśl Korzyść lub Dodaj CTA Jasno wskaż, co odbiorca zyska, lub użyj subtelnego wezwania do działania (CTA).
Przykład korzyści:
Sprawdź nowości i odbierz darmową dostawę.
Przykład CTA:
Zobacz, co dla Ciebie przygotowaliśmy...
Testuj Różne Wersje Podobnie jak w przypadku tematów, sprawdzaj różne warianty preheaderów w testach A/B, aby zobaczyć, które kombinacje generują najlepsze wyniki.
Przykłady Dobrej Współpracy Tematu i Preheadera
Dobrze:
Temat:
Twoja rezerwacja została potwierdzona!
Preheader:
Szczegóły Twojego pobytu w Hotelu Gemini.
Dobrze:
Temat:
⏰ Ostatnie godziny darmowej dostawy
Preheader:
Nie przegap okazji, zamów teraz!
Źle (powtórzenie):
Temat:
Letnia wyprzedaż do -50%
Preheader:
Letnia wyprzedaż do -50% w naszym sklepie.
Implementacja Techniczna: Jak Ukryć Preheader w Treści Maila
Jeśli nie chcesz, aby tekst preheadera był widoczny na górze Twojej wiadomości, możesz użyć poniższego kodu. Wklej go zaraz po otwierającym tagu <body>
w swoim szablonie HTML.
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; mso-hide:all;">
Tutaj wpisz treść swojego preheadera. Będzie on widoczny tylko w podglądzie skrzynki odbiorczej.
</div>
Jak to działa?
Style CSS wewnątrz tego <div>
sprawiają, że jest on niewidoczny dla oka w treści e-maila, ale programy pocztowe wciąż go odczytują i wyświetlają jako tekst zapowiedzi.
Last updated