Data ostatniej aktualizacji: 6 czerwca 2025
Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:
-
Marketing Hub
Professional, Enterprise
- Wcześniejsze konto Marketing Hub Basic
Wiele klientów poczty e-mail ma ustawiony tryb ciemny, co może prowadzić do niespójności z wyglądem marketingowych wiadomości e-mail w klientach z włączonym jasnym wyglądem.
Przełączanie podglądu w trybie ciemnym w edytorze wiadomości e-mail
Aby przełączyć podgląd wiadomości e-mail na tryb ciemny podczas jej projektowania:
- Na koncie HubSpot przejdź do Marketing > E-mail.
- Kliknij nazwę projektowanej wiadomości e-mail.
- W górnej części edytora wiadomości e-mail kliknij opcję Opcje wyświetlania, a następnie włącz podgląd w trybie ciemnym.
Podgląd wyglądu wiadomości e-mail w określonych trybach ciemnych klienta
Aby zobaczyć, jak wiadomość e-mail będzie wyglądać, gdy kontakt otworzy ją w przeglądarce lub kliencie z włączonym trybem ciemnym:
- Na koncie HubSpot przejdź do Marketing > E-mail.
- Kliknij nazwę istniejącej wersji roboczej wiadomości e-mail.
- W prawym górnym rogu edytora wiadomości e-mail kliknij opcję Podgląd i test, a następnie wybierz opcję Podgląd w skrzynce odbiorczej.
- W górnej części ekranu podglądu kliknij opcję Klienci.
- W sekcji Tryb ciemny zaznacz pole wyboru obok dowolnego klienta, którego podgląd chcesz wyświetlić.
- W prawym górnym rogu kliknij Testuj teraz moją wiadomość e-mail.
Najlepsze praktyki podczas projektowania wiadomości e-mail dla trybu ciemnego
Podczas wyświetlania podglądu wiadomości e-mail w różnych klientach trybu ciemnego należy pamiętać, że każdy klient może renderować wiadomość e-mail w inny sposób. Na przykład, jeśli kontakt otworzy wiadomość e-mail za pomocą Apple Mail, będzie ona wyglądać dokładnie tak samo, niezależnie od tego, czy włączył tryb ciemny, czy nie. Natomiast jeśli kontakt włączy tryb ciemny w aplikacjach takich jak Gmail lub Outlook w systemie Windows, możesz zauważyć bardziej drastyczne różnice w stylizacji wiadomości e-mail, takie jak odwrócone kolory tła.
Aby upewnić się, że stylizacja wiadomości e-mail jest spójna między klientami, dokonaj oceny poniższych wskazówek.
Używaj obrazów, które będą dobrze widoczne zarówno na jasnym, jak i ciemnym tle
Przed przesłaniem i dodaniem obrazów do wiadomości e-mail przekonwertuj je na pliki PNG, co pomoże zapewnić ich renderowanie w klientach poczty e-mail, które automatycznie odwracają kolor tła wiadomości e-mail w trybie ciemnym. Jeśli obraz zawiera tekst, taki jak logo, możesz również dodać półprzezroczysty kontur wokół tekstu, aby go wyróżnić.
Zgoda na kolory dostępne w Internecie
Zaprojektowanie treści wiadomości e-mail tak, aby były dostępne, jest ważne niezależnie od klienta poczty e-mail, z którego korzysta odbiorca. Przestrzeganie standardów dostępności, takich jak sprawdzanie kontrastu kolorów tekstu, pomoże również w prawidłowym renderowaniu wiadomości e-mail w trybie ciemnym. Dowiedz się więcej o kolorach dostępnych w sieci na blogu HubSpot.
Określ zapytanie o media dla stylizacji w trybie ciemnym w systemie iOS
Kilka klientów poczty e-mail, w tym Apple Mail i Outlook.com, oferuje ograniczoną obsługę wykrywania i dodawania niestandardowej stylizacji za pomocą zapytania o media. Jeśli korzystasz ze zaktualizowanego klasycznego edytora wiadomości e-mail i masz zasoby programistyczne do wprowadzania zmian w CSS w swoich wiadomościach e-mail, możesz dodać zapytanie o media za pomocą funkcji prefers-color-scheme media, aby skonfigurować wygląd obrazów i tekstu w trybie ciemnym i jasnym
