Informacje o optymalnej szerokości szablonu e-maila
Czego się dowiesz?
Dowiedz się, dlaczego domyślna szerokość szablonów e-maili wynosi 600 px, dlaczego jest to dziś standard branżowy w marketingowych e-mailach oraz jak zadbać o to, aby e-maile wyglądały spójnie na różnych urządzeniach.
Szerokość szablonu e-mail
Domyślna szerokość w edytorze e-maili Klaviyo z funkcją przeciągania i upuszczania wynosi 600px. Aby dostosować szerokość:
- W edytorze e-maili wybierz Edytuj style.
- Wpisz wartość w pikselach w polu Szerokość.
- Zamknij panel Edytuj style, aby zapisać zmiany.
Klaviyo nie zaleca zwiększania szerokości szablonu, chyba że jest to wymagane do bardziej zaawansowanego układu. Jeśli dostosujesz szerokość do wartości powyżej 600px, zalecamy też przetestowanie, jak Twój e-mail będzie wyglądać w różnych klientach poczty i na różnych urządzeniach.
Zrozumienie szerokości wiadomości e-mail
Gdy projektujesz wiadomość e-mail w Klaviyo, ustalona szerokość szablonu tworzy ramę dla treści e-maila. Każda treść dodana do szablonu powinna mieścić się w tej ramie.
Szerokość e-maila 600 px stała się standardem branżowym w marketingu e-mailowym, ponieważ historycznie średni rozmiar rzutni we wszystkich popularnych komputerowych klientach poczty e-mail wynosił 500–600 px. Rzutnia to obramowany obszar na ekranie, w którym odbiorca będzie czytać e-mail. Ustawiając szerokość e-maila na 600 px, możesz mieć pewność, że przy przeciętnym rozmiarze rzutni odbiorcy nie będą musieli dużo przewijać w poziomie, aby zobaczyć całą treść.
Standard wiadomości e-mail o szerokości 600 px utrzymał się i nadal jest dziś powszechny, nawet gdy coraz ważniejsze staje się optymalizowanie wiadomości e-mail pod kątem różnych urządzeń (np. mobilnych). Klaviyo zaleca projektowanie wiadomości e-mail o szerokości 600 px dla klientów pocztowych na komputerach. W edytorze wiadomości e-mail typu „przeciągnij i upuść” włącz Optymalizuj pod kątem urządzeń mobilnych w Edytuj style > Optymalizacja mobilna, aby zastosować responsywne dostosowania dla mniejszych ekranów, a następnie zamknij panel, aby zapisać zmiany. Klienci pocztowi różnią się pod względem obsługi optymalizacji mobilnej, więc przetestuj wiadomość e-mail w różnych klientach i na różnych urządzeniach.
Pamiętaj jednak, że trzymanie się szerokości 600 px pomoże zoptymalizować e-maile utworzone w Klaviyo pod kątem wyświetlania na urządzeniach mobilnych. E-maile zaprojektowane jako znacznie szersze mają większe ryzyko, że będą wyglądać na zniekształcone po przeskalowaniu na urządzeniu mobilnym, chyba że wiadomość została pod to starannie zaprojektowana i zoptymalizowana. Dlatego zachęcamy, aby nie zwiększać szerokości szablonu powyżej 600 px, chyba że masz projektanta i/lub inne dedykowane zasoby do optymalizacji układu w różnych klientach/urządzeniach.
Dowiedz się więcej o opcjach optymalizacji mobilnej w Klaviyo.
Zawartość szablonu i ustawienie szerokości wiadomości e-mail
Ustalona szerokość twojego szablonu tworzy ramę dla treści e-maila. Wypełnienie i obramowania zmniejszają przestrzeń dostępną na treść w tej ramie.
Klaviyo automatycznie skaluje obrazy w blokach obrazów w dół, aby dopasować je do dostępnego miejsca, z zachowaniem proporcji. Bloki tabel wykorzystują dostępną szerokość dla swoich kolumn. Te ustawienia pomagają utrzymać układ w ramach szerokości e-maila szablonu, ale nie gwarantują, że niestandardowy kod HTML będzie pasować.
Jeśli dodajesz niestandardowy kod do bloków szablonu, utrzymuj jego szerokości w granicach miejsca dostępnego w Twoim układzie. Sprawdź ustawienie Szerokość szablonu w sekcji Edytuj style. Niestandardowy kod HTML ze stałymi szerokościami większymi niż dostępna przestrzeń może wychodzić poza obszar lub renderować się inaczej w różnych klientach poczty e-mail. Przetestuj swoje treści niestandardowe na komputerze i urządzeniu mobilnym przed wysłaniem.