Kod HTML podpisu e-mail może mieć maksymalnie 10 000 znaków. Po eksporcie wtyczka ostrzeże Cię, jeśli podpis przekracza ten limit. Aby tego uniknąć, możesz skorzystać z gotowych komponentów Signature na karcie Footer we wtyczce Emailify.
Niestety responsywne nadpisania mobilne nie będą wyświetlane w żadnych eksportach „HTML Email Signature”, ponieważ klienty poczty usuwają znaczniki stylów CSS i zapytania @media (dlatego nie ma ich też w eksportowanym kodzie). Warto więc od początku zaprojektować podpis tak, aby dobrze wyglądał zarówno na desktopie, jak i na urządzeniach mobilnych.
Poradnik wideo: projektowanie i eksport podpisów e-mail HTML z Figmy
Ten film pokazuje, jak zaprojektować i wyeksportować z Figmy gotowy do produkcji, responsywny e-mail HTML za pomocą wtyczki Emailify.
Eksport podpisu HTML z Emailify
We wtyczce Emailify kliknij przycisk Export HTML, aby otworzyć panel eksportu, wybierz z listy rozwijanej opcję HTML Email Signature, a następnie kliknij przycisk Export to HTML Signature, aby wyeksportować zaznaczone w Figmie e-maile do HTML.
Gdy Emailify skończy przetwarzać e-mail(e), zobaczysz komunikat z potwierdzeniem. Kliknij przycisk Download your .zip file, aby pobrać plik .zip na komputer, a następnie rozpakuj go, aby zobaczyć wyeksportowane pliki.
Kopiowanie podpisu e-mail HTML do schowka
Po wyeksportowaniu podpisu e-mail HTML z Emailify i rozpakowaniu pliku .zip otwórz plik preview-and-install.html w przeglądarce Google Chrome (inne przeglądarki, np. Safari, mogą sprawiać problemy), a następnie kliknij na stronie podglądu przycisk Copy HTML Signature. Zawartość podpisu HTML zostanie automatycznie skopiowana do schowka.
Niektóre klienty poczty mogą wymagać „surowego” kodu HTML. W takim przypadku kliknij w pliku preview-and-install.html przycisk Copy HTML Signature (Raw Code), aby skopiować do schowka surowy kod HTML.
Po skopiowaniu HTML do schowka postępuj zgodnie z poniższymi instrukcjami (zaczerpniętymi ze świetnych przewodników SignatureHound), aby zainstalować podpis w swoim kliencie poczty.
Jak zainstalować podpis e-mail HTML w Yahoo! (Web Mail)
Niestety Yahoo! Mail na bieżąco modyfikuje obrazy w podpisie, a my nie mamy na to wpływu. Przeczytaj wszystkie szczegóły dotyczące tych problemów z wyświetlaniem poniżej.
Po zalogowaniu się na konto Yahoo kliknij ikonę koła zębatego ustawień w prawym górnym rogu.
W otwartej liście rozwijanej kliknij More Settings.
W opcjach ustawień kliknij Writing Email.
Kliknij przycisk + u dołu środkowej kolumny.
Wklej nowy podpis e-mail do edytora podpisu.
Obecnie w Chrome występuje błąd związany ze sposobem kopiowania i wklejania, przez który linki w podpisie są podkreślone. Aby tego uniknąć, przeprowadź instalację podpisu w innej przeglądarce, na przykład Mozilla Firefox. Po skonfigurowaniu podpisu w innej przeglądarce możesz wrócić do Chrome.
Jeśli podpis nie pojawia się w podglądzie po prawej stronie, przenieś kursor tekstowy w edytorze podpisu na początek pola i naciśnij klawisz Enter.
- Podpis powinien zapisać się automatycznie. Zamknij stronę ustawień, napisz nowego e-maila i ciesz się nowym podpisem!
Ważne informacje o problemach ze skalowaniem obrazów w Yahoo! Mail
Niestety Yahoo Mail na bieżąco modyfikuje obrazy w podpisie, a my nie mamy na to wpływu. Może to powodować problemy z wyświetlaniem w niektórych klientach poczty, jeśli obrazy są pomniejszane względem swojego naturalnego rozmiaru.
Zauważyliśmy, że pomniejszane są następujące obrazy:
- Zdjęcie profilowe (400px → 100px)
- Logo (600px → 150px)
Choć w podglądzie Yahoo Mail podpis może wyglądać dobrze, odbiorcy korzystający z klientów poczty Microsoftu, takich jak Outlook 2019, prawdopodobnie zobaczą obrazy w pełnym rozmiarze (przykład poniżej).
Przetestuj podpis, wysyłając go do odbiorcy, który korzysta z klienta poczty w systemie Windows. Jeśli problem występuje, możesz go rozwiązać, przesyłając obrazy dokładnie w takim rozmiarze, w jakim mają się wyświetlać w podpisie (bez ich pomniejszania). Do zmiany rozmiaru obrazów możesz użyć bezpłatnego narzędzia online (albo Figmy).
Po zmianie rozmiaru obrazy będą wyświetlać się poprawnie w klientach poczty w systemie Windows, ale na tabletach, telefonach i innych ekranach o wysokiej rozdzielczości będą lekko rozmyte. Jeśli nie chcesz iść na taki kompromis, zalecamy użycie innego klienta poczty.