Jeśli z jakiegokolwiek powodu musisz dodać do e-maila bardzo konkretny, własny kod CSS albo kod HTML w znaczniku <head></head>, możesz to zrobić we wtyczce Emailify: zaznacz nadrzędną ramkę kontenera e-maila w Figmie, kliknij przycisk Settings i dodaj kod, który ma zostać wstawiony.

Pole Add Mobile CSS Rules dodaje te reguły CSS w znaczniku @media dla stylów mobilnych – będą one stosowane na ekranach węższych niż szerokość ramki w Figmie (w regułach CSS w tym polu musisz używać !important).

Pole Add Inline CSS Rules automatycznie wstawia właściwości CSS jako style inline do wskazanego selektora HTML (na przykład dodanie p { color: blue } wstawi style="color: blue;" do każdego znacznika <p> w kodzie wyeksportowanego e-maila HTML).

Pole Add Head Tag HTML automatycznie wstawia wpisany tu kod HTML do znacznika <head></head> wyeksportowanego e-maila HTML. Przydaje się to, gdy Twoja platforma do e-mail marketingu pozwala dodać specjalne znaczniki śledzące lub inne znaczniki HTML, które muszą się znaleźć w znaczniku <head></head>.

Emailify automatycznie minifikuje eksporty HTML, aby maksymalnie zmniejszyć rozmiar pliku. Jeśli jednak dodajesz własny kod, w którym klasy CSS nie mogą zostać zmienione, bo interaktywność opiera się na pseudoklasach, możesz pominąć minifikację: upewnij się, że Twój CSS zawiera co najmniej jedną regułę #interactive:checked (na przykład #interactive:checked ~ .content { display: block; }), a wtyczka automatycznie wyłączy minifikację dla tego e-maila.

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.