Aby przejrzeć komponenty dostępne we wtyczce Emailify, kliknij dowolną kartę kategorii pod paskiem nagłówka wtyczki. Każda karta pokazuje komponenty z danej kategorii – przewijając w górę i w dół, przejrzysz podkategorie wybranej karty.

Aby zmienić kolejność rzędu dodanego z gotowych komponentów, kliknij go i przeciągnij w górę lub w dół wewnątrz ramki-kontenera Emailify (z włączonym Auto Layout).

Przeglądanie zewnętrznej biblioteki komponentów

Poradnik wideo: ponad 500 bezpłatnych komponentów e-maili HTML w projektach Figmy

Ten film pokazuje, jak korzystać z ponad 500 bezpłatnych komponentów e-maili HTML w projektach Figmy za pomocą wtyczki Emailify.

Oprócz wbudowanych komponentów wtyczki Emailify możesz przeglądać komponenty z zewnętrznych bibliotek w aplikacji webowej Emailify i z nich korzystać. Daje Ci to dostęp do szerszego wyboru gotowych komponentów e-maili, które skopiujesz bezpośrednio do projektów w Figmie.

Aby użyć komponentów z zewnętrznej biblioteki:

1. Wejdź do aplikacji webowej Emailify, aby przejrzeć pełny katalog dostępnych komponentów e-maili.
2. Filtruj komponenty według kategorii lub użycia w szablonach albo wyszukaj konkretne elementy.
3. Kliknij przycisk Copy Figma Component przy dowolnym komponencie, aby skopiować jego fragment HTML do schowka.
4. W Figmie zaznacz ramkę Emailify, do której chcesz wkleić komponent.
5. Wklej komponent bezpośrednio do ramki Emailify skrótem Cmd+V (Mac) lub Ctrl+V (Windows).

Wklejony komponent automatycznie stanie się częścią projektu e-maila i możesz go dostosować tak jak każdy inny komponent Emailify.

Zewnętrzne komponenty korzystają ze struktury Auto Layout Emailify. Aby zmienić kolejność komponentu, przeciągnij go w górę lub w dół wewnątrz ramki-kontenera Emailify.

Kategorie komponentów startowych

Emailify dzieli komponenty na kilka kategorii (i podkategorii), aby łatwiej było znaleźć to, czego potrzebujesz w projekcie e-maila.

Nagłówki (Headers)

Zwykle używane na górze e-maila: logo marki, linki „zobacz online”, menu nawigacji, ikony społecznościowe itd.

Obrazy (Images)

Komponenty do wyświetlania obrazów: obraz na pełną szerokość, obraz tła (z tekstem na wierzchu), siatka logotypów, karty z obrazami, siatki i podpisy.

Treść (Content)

Komponenty tekstowe, takie jak akapity, cytaty, opinie klientów, awatary autorów, karty artykułów, ikony funkcji, statystyki, kody promocyjne i karty produktów.

Ecomm (e-commerce)

Typowe komponenty do prezentowania produktów lub elementów związanych z e-mailem wysyłanym po zakupie, a także komponenty przeznaczone dla platformy Klaviyo, które wyświetlają w niej dynamiczne siatki produktów.

CTA (wezwanie do działania)

Komponenty służące głównie do zachęcenia odbiorcy do kliknięcia lub wykonania działania: przyciski, linki, bloki hero z obrazem tła, miniatury filmów, kafelki funkcji, przyciski sklepów z aplikacjami, ikony mediów społecznościowych i bloki hero produktów.

Stopka (Footer)

Zwykle używane na dole e-maila: komponenty z logo marki i danymi adresowymi, linkami do mediów społecznościowych, linkami do wypisania się z listy lub przyciskami pobierania aplikacji.

Wszystkie komponenty dodane z innej kategorii są automatycznie „zapisywane” w kategorii Favourites, aby łatwo było do nich później wrócić. Możesz też usunąć dowolny komponent z ulubionych, klikając ikonę Trash – usunie to komponent z listy ulubionych, ale nie „skasuje” go z pozostałych kategorii.