Jak sprawić, aby e-mail z Emailify był responsywny na urządzeniach mobilnych?
Emailify automatycznie eksportuje responsywny HTML, a zachowanie na urządzeniach mobilnych możesz dopracować za pomocą ustawień nadpisań mobilnych w poszczególnych warstwach Emailify. Zacznij od desktopowej ramki e-maila, a potem przed eksportem sprawdź wersję mobilną w podglądzie wtyczki.
Gdzie ustawić nadpisania mobilne?
Zaznacz warstwę Emailify, którą chcesz dopasować, kliknij przycisk Settings w nagłówku wtyczki, a następnie użyj opcji nadpisań mobilnych dla tej warstwy. Warstwy Text, Column, Row, Hero, Wrapper, warstwy obrazów i przycisków mogą udostępniać różne opcje mobilne w zależności od typu zaznaczonej warstwy.
Dlaczego układ mobilny zaczyna się przy innej szerokości?
Emailify używa jednego responsywnego breakpointu, zależnego od szerokości desktopowej ramki Emailify w Figmie. Jeśli ramka Emailify ma 600px szerokości, style mobilne zaczynają działać od 599px w dół. Jeśli ramka jest szersza, breakpoint mobilny również będzie szerszy.
Aby dodać nadpisania stylów mobilnych, kliknij dowolną warstwę Emailify w projekcie, następnie kliknij przycisk Settings w nagłówku wtyczki i zastosuj potrzebne nadpisania stylów mobilnych dla zaznaczonej warstwy.
Na przykład po kliknięciu warstwy Text w e-mailu możesz nadpisać dla wersji mobilnej rozmiar fontu, interlinię, odstępy między literami, odstępy między akapitami, wypełnienie i wyrównanie. Z kolei po kliknięciu warstwy Row możesz nadpisać jej wypełnienie, odstęp między kolumnami, to, czy kolumny mają się układać jedna pod drugą na urządzeniach mobilnych (czy nie), a gdy kilka kolumn nadal dzieli jeden rząd mobilny – ich wyrównanie w pionie na urządzeniach mobilnych.
Nadpisania mobilne możesz podejrzeć za pomocą funkcji podglądu we wtyczce Emailify.
Breakpoint mobilny e-maili. E-maile HTML eksportowane z Emailify mają jeden „breakpoint”, ustawiany automatycznie według szerokości ramki desktopowej w Figmie. Na przykład jeśli ramka Emailify ma 600px, style i nadpisania mobilne zaczną działać od szerokości 599px w dół.
Zwykle zaleca się szerokość e-maila od 600px do 640px, ponieważ panele czytnika w niektórych klientach poczty lub aplikacjach mogą mieć mniej niż 700px szerokości i wyświetlać style mobilne zamiast układu desktopowego.
Możesz masowo zastosować ustawienia: otwórz Settings, a potem zaznacz w Figmie kilka warstw Emailify tego samego typu. Każde zmienione ustawienie zostanie zastosowane do wszystkich zaznaczonych warstw.