Wszystkie newslettery zbudowane w naszym edytorze Drag & drop oraz Prostym edytorze są automatycznie responsywne. Oznacza to, że Twój newsletter automatycznie dostosuje się do wszystkich urządzeń, w tym desktopowych i mobilnych.
Możesz również stworzyć własny szablon i wgrać jego kod HTML za pomocą naszego Niestandardowego edytora HTML. Pamiętaj, że Twój kod HTML powinien zawierać kodowanie responsywne, aby Twój newsletter dostosowywał swoją wielkość do urządzeń odbiorców.
Responsywny szablon kampanii e-mail marketingowej, jest bardzo istotnym elementem w kreacji skutecznej komunikacji, ze względu na to, że czytelnik powinien mieć jak najlepsze wrażenia z lektury Twojego newslettera.
| Klienci pocztowi | IOS | Android |
| Natywny klient | ||
| Aplikacja Gmail | ||
| Aplikacja Inbox by Gmail | ||
| Aplikacja Yahoo Mail | ||
| Aplikacja Outlook | ||
| Aplikacja Mail.Ru | ||
| Aplikacja Yandex.Mail |
Podgląd w wersji mobilnej
Możliwy jest podgląd widoku mobilnego Twojego newslettera zarówno w naszym edytorze Drag & drop jak i Prostym edytorze.
Aby sprawdzić, jak Twój newsletter będzie się wyświetlał na urządzeniach mobilnych, kliknij na przycisk Podgląd i Test w górnym nagłówku edytora drag & drop, a następnie kliknij Tryb Podglądu.
Tryb ciemny
Tryb ciemny to ustawienie wyświetlania, które odwraca tradycyjną paletę kolorów, wyświetlając jasny tekst i inne elementy graficzne na ciemnym tle.
Ponieważ niektórzy subskrybenci preferują ten styl wyświetlania, optymalizacja pod kątem trybu ciemnego ma kluczowe znaczenie dla uniknięcia błędów w wyświetlaniu elementów graficznych, niewidocznego tekstu oraz spadku zaangażowania subskrybentów.
Obsługa w różnych klientach poczty
Poniżsi klienci poczty i aplikacje oferują obecnie tryb ciemny – poprzez ręczną zmianę ustawień lub automatyczne wykrywanie preferowanej przez użytkownika kolorystyki:
Klienci w wersji desktopowej: Apple Mail, Outlook 2021 (Mac OS i Windows), Office 365 (Mac OS i Windows), Windows Mail
Aplikacje mobilne: Mail na iPhone’a, Mail na iPada, aplikacja Gmail (Android i iOS), aplikacja Outlook (Android)
Klienci webowi: Outlook.com
Informacja: Chociaż te programy pocztowe obsługują tryb ciemny, sposób, w jaki radzą sobie ze zmianami, jest różny. Na przykład niektóre odwracają kolory czystej bieli i czerni, a inne automatycznie rozjaśniają lub przyciemniają tekst. Ważne jest, aby przetestować swoje kampanie, aby zapewnić ich czytelność.
Najlepsze praktyki projektowania e-maili w trybie ciemnym
Zadbaj o wysoki kontrast. Upewnij się, że tekst wyraźnie wyróżnia się na tle zarówno w trybie jasnym, jak i ciemnym.
Projektuj z wykorzystaniem odcieni średnich. Stosuj głównie paletę odcieni średnich, aby treść była dobrze widoczna zarówno na jasnym, jak i ciemnym tle.
Unikaj cienkich czcionek. Jasny tekst na ciemnym tle może negatywnie wpływać na czytelność, a użycie cienkiej czcionki może utrudnić subskrybentom czytanie wiadomości.
Zoptymalizuj swoje logo i inne obrazy. W przypadku przezroczystych plików PNG z ciemnym tekstem dodaj półprzezroczysty kontur, aby zachować ich czytelność.
Dostosuj styl za pomocą kodu. Aby uzyskać większą kontrolę, programiści mogą użyć zapytania CSS @media (prefers-color-scheme: dark) w celu utworzenia konkretnych stylów dla trybu ciemnego.
Przetestuj swoje e-maile w różnych środowiskach. Przed wysłaniem wyświetl podgląd wiadomości w wielu konfiguracjach. Możesz skorzystać z Litmus, aby sprawdzić, jak Twoja wiadomość wyświetla się w ponad 100 klientach pocztowych i na różnych urządzeniach.
https://www.mailerlite.com/pl/blog/guide-to-responsive-email-design
💡 Więcej wskazówek znajdziesz na naszym blogu. Sprawdź: 10 sposobów na maksymalne wykorzystanie responsywnego projektu wiadomości e-mail