EmailKit oferuje różnorodną kolekcję przydatnych elementów do projektowania kompleksowych szablony e-mailZnajdziesz je w trzech różnych kategoriach:
- Elementy ogólne
- Elementy WooCommerce
- Elementy WordPressa
Elementy ogólne #
Elementy ogólne obejmują różne elementy treści, których można użyć do zbudowania niemal dowolnego typu szablonu wiadomości e-mail. Przeanalizujmy je jeden po drugim:
Nagłówek #
Za pomocą tego elementu możesz dodać efektowny nagłówek lub tytuł do szablonu wiadomości e-mail.

Treść:
- Nagłówek: Wpisz nagłówek wiadomości e-mail w tym polu.
Typografia:
- Rodzina czcionek: Wybierz preferowaną rodzinę czcionek z listy rozwijanej.
- Rozmiar czcionki: wybierz rozmiar czcionki nagłówka.
- Grubość czcionki: Ustaw grubość lub pogrubienie czcionki (Zwykła, Średnia i Pogrubiona).
- Wyrównaj tekst: Dostosuj położenie tekstu do lewej, do środka lub do prawej.
- Przekształcać: Dostosuj wielkość liter w treści tekstowej.

Rozstaw:
- Margines: Określ odstępy wokół elementu nagłówka.
- Wyściółka: Dodaj spacje wokół tekstu nagłówka w ramce.
Wygląd:
- Kolor tła: wybierz kolor tła elementu nagłówka.
- Kolor tytułu: użyj próbnika kolorów, aby ustawić kolor tytułu.

Styl obramowania:
- Typ obramowania: Ustaw typ obramowania nagłówka spośród 8 różnych opcji.
- Kolor ramki: Dodaj kolor do obramowania.
- Szerokość granicy: Ustaw grubość obramowania.
- Promień granicy: Dostosuj zaokrąglenie obramowania.
Podtytuł #
Dodaj ten element, aby obok tytułu wyświetlić więcej informacji o wiadomości e-mail.

Treść:
- Tytuł: Wpisz tekst tytułu w tym polu.
- Podtytuł: Wprowadź tekst, który ma być wyświetlany jako napisy.
Typografia:
- Rodzina czcionek: wybierz rodzinę czcionek z listy rozwijanej.
- Wyrównaj tekst: Umieść element napisów po lewej stronie, pośrodku lub po prawej stronie.
Dostosowywanie tytułu i podtytułu #
W ustawieniach dostosowywania tytułu i podtytułu będą dostępne podobne funkcje.
- Rozmiar czcionki: wybierz opcję z listy rozwijanej, aby określić rozmiar czcionki.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Przekształcać: Określ wielkość liter elementu tekstowego.
- Wysokość linii (px): Dostosuj odstępy między górną i dolną częścią tytułu lub podtytułu.

Wygląd:
- Kolor tła: nadaj kolor tła obszarowi napisów za pomocą próbnika kolorów.
- Kolor tytułu: wybierz kolor tekstu tytułu.
- Kolor napisów: nadaj kolor tekstowi napisów.
Rozstaw:
- Margines: Określ odstęp elementu napisów od innych elementów wiadomości e-mail.
- Wyściółka: Dodaj wewnętrzną przestrzeń do obszaru napisów.
Styl obramowania:
- Typ obramowania: Wybierz typ obramowania napisów spośród 8 różnych opcji.
- Kolor ramki: Dodaj kolor do obramowania.
- Szerokość granicy: Dostosuj grubość obramowania.
- Promień granicy: Ustaw okrągłość obramowania.
Wymiary:
- Szerokość wysokość: Ustaw rozmiar poziomy i pionowy całego elementu napisów.
Tekst #
Dodaj tekst w dowolnym miejscu szablonu wiadomości e-mail i dostosuj jego wygląd za pomocą elementu tekstowego.
Treść,
- Tekst: Wpisz swój tekst w tym polu.
Typografia:
- Rodzina czcionek: wybierz rodzinę czcionek z listy rozwijanej.
- Rozmiar czcionki: Określ rozmiar czcionki tekstu.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Wyrównaj tekst: Umieść element napisów po lewej stronie, pośrodku lub po prawej stronie.
- Przekształcać: Określ wielkość liter elementu tekstowego.
Wygląd:
- Kolor tła: wybierz kolor tła obszaru tekstowego.
- Kolor tytułu: wybierz kolor tekstu.
Rozstaw:
- Margines: Określ odstęp wokół obszaru tekstowego.
- Wyściółka: Dodaj wewnętrzną przestrzeń do obszaru tekstowego.

Styl obramowania:
- Typ obramowania: wybierz typ obramowania tekstu spośród 8 różnych opcji.
- Kolor ramki: Dodaj kolor do obramowania.
- Szerokość granicy: Dostosuj grubość obramowania.
- Promień granicy: Ustaw okrągłość obramowania.
Wymiary:
- Szerokość wysokość: Ustaw rozmiar poziomy i pionowy całego elementu tekstowego.
Przycisk #
Umożliwia czytnikowi e-maili podjęcie działań, wyświetlając interaktywny przycisk.

Treść: Dodaj tekst przycisku w tym polu.
Adres URL przycisku: Wprowadź adres URL
Styl przycisku: Wybierz styl przycisku pomiędzy Pełnym a Konturem.
Typografia:
- Rodzina czcionek: wybierz rodzinę czcionek z listy rozwijanej.
- Rozmiar czcionki: Określ rozmiar czcionki tekstu.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Wyrównaj tekst: Umieść element napisów po lewej stronie, pośrodku lub po prawej stronie.
- Przekształcać: Określ wielkość liter elementu tekstowego.
Wygląd:
- Tło: Nadaj kolor tła obszarowi napisów za pomocą próbnika kolorów.
Tekst: wybierz kolor tekstu tytułu.

Rozstaw:
- Margines: Określ odstęp elementu napisów od innych elementów wiadomości e-mail.
- Wyściółka: Dodaj wewnętrzną przestrzeń do obszaru napisów.
Styl obramowania:
- Promień granicy: Ustaw okrągłość obramowania.
Sekcja kolumnowa #
Element przekroju kolumny domyślnie ładuje się z dwiema kolumnami. Po dodaniu tego elementu na ekranie edytora wiadomości e-mail pojawią się dwie sekcje. Kliknięcie dowolnego z nich spowoduje otwarcie ich indywidualnych ustawień na lewym pasku bocznym.

Wygląd:
- Tło: Nadaj kolor tła obszarowi napisów za pomocą próbnika kolorów.
Rozstaw:
- Margines: zdefiniuj odstęp pomiędzy elementem napisów a innymi elementami wiadomości e-mail.
- Wyściółka: Dodaj wewnętrzną przestrzeń do obszaru napisów.

Styl obramowania:
- Typ obramowania: wybierz typ obramowania tekstu spośród 8 różnych opcji.
- Kolor ramki: Dodaj kolor do obramowania.
- Szerokość granicy: Dostosuj grubość obramowania.
- Promień granicy: Ustaw okrągłość obramowania.
Wideo #
Prześlij film ze swojego urządzenia lub dodaj link z innych źródeł, aby wyświetlić wideo w szablonie wiadomości e-mail.

Wymiary:
- Szerokość wysokość: Określ rozmiar poziomy i pionowy całego elementu wideo.
Miniaturka: prześlij miniaturę filmu ze swojego urządzenia.
Adres URL filmu: wprowadź link do swojego filmu.

Rozstaw:
- Margines: Dodaj spacje wokół elementu wideo.
Styl obramowania:
- Promień granicy: Określ okrągłość krawędzi ramki wideo.
Pojemnik #
Element kontenera przypomina blok obszaru, w którym mogą znajdować się inne elementy EmailKit.

Typografia:
- Rodzina czcionek: Wybierz żądaną rodzinę czcionek z listy rozwijanej.
Wygląd:
- Tło: Używając próbnika kolorów, nadaj kontenerowi kolor tła.
- Obraz: prześlij obraz, który będzie używany jako tło kontenera.

Rozstaw:
- Margines: Wprowadź wartości w polach, aby zmienić odstęp pomiędzy kontenerem a innymi elementami
- Wyściółka: Zwiększ wewnętrzną przestrzeń obszaru kontenera.
- Promień granicy: Użyj tego ustawienia, aby dostosować zaokrąglenie krawędzi kontenera.
Style obramowania:
Ikony społecznościowe #
Dodaj i dostosuj ikony społecznościowe w szablonie wiadomości e-mail.

Ikony: Kliknij dowolną ikonę i wstaw link, aby włączyć kanał mediów społecznościowych w wiadomości e-mail. Możesz także nacisnąć przycisk usuwania, aby usunąć ikonę społecznościową.
Wymiary:
- Rozmiar ikony: użyj tego suwaka, aby ustawić rozmiar ikony mediów społecznościowych.

Rozstaw: Dodaj spacje wokół ikony i dostosuj odstęp między ikonami społecznościowymi.
Wyrównanie:
- Wiersz / kolumna: wybierz preferowany typ układu między wierszem a kolumną.
- Uzasadniać: Ustaw poziome rozmieszczenie ikon społecznościowych.
Załaduj obrazek #
Użyj tego elementu, aby przesłać i wyświetlić obraz w szablonie wiadomości e-mail.

Wymiary:
- Szerokość wysokość: Określ rozmiar poziomy i pionowy całego elementu wideo.
Miniaturka: prześlij miniaturę filmu ze swojego urządzenia.
Rozstaw:
- Margines: Dodaj spacje wokół elementu wideo.
Styl obramowania:
- Promień granicy: Określ okrągłość krawędzi ramki wideo.
Rozdzielacz #
Użyj poniższych ustawień, aby dodać separator między elementami.

Wymiary:
- Szerokość: Użyj tego suwaka, aby poszerzyć poziomy rozmiar separatora.
- Wysokość: Określ grubość rozdzielacza.
Wygląd,
- Tło: Wybierz kolor separatora.
Rozstaw:
- Margines: Wprowadź wartość dodatnią lub ujemną, aby utworzyć mniej lub więcej miejsca wokół rozdzielacza.
Wyrównanie:
- Uzasadniać: Użyj tej opcji, aby dostosować położenie elementu rozdzielającego.
Przestrzeń #
Użyj tego elementu, aby ustawić odstęp pomiędzy elementami szablonu wiadomości e-mail.

Wymiary:
- Wysokość: Określ rozmiar poziomy i pionowy całego elementu wideo.
Wygląd:
- Tło: Nadaj kolor tła obszarowi napisów za pomocą próbnika kolorów.
Pudełko obrazu #

Zaprezentuj obraz z nagłówkiem i opisem w układzie wiadomości e-mail, aby uzyskać angażującą treść wizualną. Możesz również przesłać obrazy z adresem URL.
Kod HTML #

Wstaw niestandardowy kod HTML bezpośrednio do szablonu wiadomości e-mail. Ta funkcja zapewnia elastyczność dodawania zaawansowanej zawartości, takiej jak Niestandardowy styl (CSS), Osadzone media (filmy, ramki iframe) i Elementy interaktywne (przyciski, formularze).
Stopka #

Umożliwia użytkownikom dostosowanie dolnej sekcji wiadomości e-mail. Zazwyczaj zawiera miejsce na: Informacje kontaktowe (adres, numer telefonu, adres e-mail), Linki do mediów społecznościowych, Informacje o prawach autorskich, Linki do anulowania subskrypcji lub wyłączenia odpowiedzialności. Stopka jest często niezbędna do budowania marki, zgodności z przepisami prawa i dostarczania odbiorcom niezbędnych informacji.
Elementy WordPressa #
Poniższe elementy są częścią funkcji WordPress. „Nowy rejestr użytkowników” służy do wdrażania nowych użytkowników i ustalania dla nich haseł. I „WP Zresetuj hasło” pomaga utworzyć szablon wiadomości e-mail umożliwiający zresetowanie hasła.
Zarejestruj się nowy użytkownik i zresetuj hasło WP #
Obydwa elementy mają takie same ustawienia jak poniżej.

Wymiary:
- Szerokość wysokość: Określ poziomy i pionowy rozmiar całego obszaru zawartości.
Typografia:
Poniższe opcje ustawień pozwalają kontrolować ustawienia typografii całego formularza Rejestracja nowego użytkownika.
- Rodzina czcionek: wybierz typ rodziny czcionek z listy rozwijanej.
- Rozmiar czcionki: Określ rozmiar czcionki tekstu.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Wyrównaj tekst: Znajdź treść tekstową po lewej, pośrodku lub po prawej stronie.
- Przekształcać: Określ wielkość liter elementu tekstowego.

Dodatkowe pole:
- Pozdrowienia: wpisz w tym polu pozdrowienia lub początek wiadomości e-mail.
- Ciało: użyj tego pola, aby wpisać treść wiadomości e-mail.
- Co to jest adres e-mail i link użytkownika.
- Stopka: To pole umożliwia wpisanie dolnej części wiadomości e-mail.
Wygląd:
- Kolor tła: Użyj tego próbnika kolorów, aby wybrać jednolity kolor tła.
- Kolor tekstu: wybierz kolor tekstu.

Rozstaw:
- Margines: Wprowadź wartości w polach, aby zmienić odstęp pomiędzy rejestracją nowego użytkownika a innymi elementami
- Wyściółka: Zwiększ wewnętrzną przestrzeń w obrębie nowego elementu rejestracji użytkownika i jego obramowania.
Dodatkowy styl:
- Typ obramowania: wybierz styl obramowania z listy rozwijanej.
- Kolor ramki: Dodaj kolor obramowania.
- Szerokość granicy: Określ grubość obramowania.
- Promień granicy: Dostosuj zaokrąglenie obramowania.
Elementy WooCommerce #
Dzięki elementom EmailKit WooCommerce możesz dostosowywać i zastępować domyślne szablony WooCommerce.
Adres wysyłki, adres rozliczeniowy oraz adres rozliczeniowy i adres wysyłkowy #
Dodaj adres wysyłki lub rozliczeniowy lub oba do szablonu wiadomości e-mail. Wszystkie te trzy elementy pojawiają się z tymi samymi ustawieniami funkcji:

- Treść: Wpisz swój własny tytuł w tym polu.
- Tytuł rozliczeniowy: dodaj tytuł adresu rozliczeniowego.
- Tytuł wysyłki: Dodaj tytuł adresu wysyłki.
Typografia:
Poniższe opcje ustawień pozwalają kontrolować ustawienia typografii całego elementu adresu wysyłki i rozliczeń.
- Rodzina czcionek: wybierz typ rodziny czcionek z listy rozwijanej.
- Rozmiar czcionki: Określ rozmiar czcionki tekstu.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Wyrównaj tekst: Znajdź treść tekstową po lewej, pośrodku lub po prawej stronie.
- Przekształcać: Określ wielkość liter elementu tekstowego.

Wygląd: w tym obszarze ustawień możesz ustawić kolor tła elementu oraz jego tytuł, tekst i kolory obramowania.
Rozstaw:
- Margines: Użyj tego ustawienia, aby utworzyć przestrzeń wokół elementów.
- Wyściółka: Zwiększ przestrzeń w obszarze elementu.

Style obramowania:
- Typ obramowania: wybierz typ obramowania z listy rozwijanej.
- Promień granicy: Określ okrągłość krawędzi elementu.
Wymiary: Stąd zmienisz całą poziomą (szerokość) i pionową (wysokość) przestrzeń całego elementu.
Przedmiot zamówienia #
Pokaż w tabeli wszystkie szczegóły zamówionego produktu, takie jak ilość czy cena.

Wymiary: Stąd zmienisz całą poziomą (szerokość) i pionową (wysokość) przestrzeń całego elementu.
Typografia:
Korzystając z tych wszystkich ustawień, określisz sposób, w jaki tekst elementu zamówienia będzie wyglądał dla czytelnika.
- Rodzina czcionek: wybierz typ rodziny czcionek z listy rozwijanej.
- Rozmiar czcionki: Określ rozmiar czcionki tekstu.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Wyrównaj tekst: Znajdź treść tekstową po lewej, pośrodku lub po prawej stronie.
- Przekształcać: Określ wielkość liter elementu tekstowego.

Wygląd: w tym obszarze ustawień możesz ustawić kolor tła elementu oraz jego tytuł, tekst i kolory obramowania.

Rozstaw:
- Margines: Użyj tego ustawienia, aby utworzyć przestrzeń wokół elementów.
- Wyściółka: Zwiększ przestrzeń w obszarze elementu.
Style obramowania:
- Typ obramowania: wybierz typ obramowania z listy rozwijanej.
- Promień granicy: Określ okrągłość krawędzi elementu.
Notatka klienta, rejestr klienta i resetowanie hasła #
Uwaga klienta: użyj tego elementu, aby umożliwić kupującym dodawanie wiadomości związanych z zamówieniem na stronie kasy.
Rejestr klientów: Dostosuj e-mail rejestracyjny nowego użytkownika.
Resetowania hasła: Użyj tego elementu w szablonie wiadomości e-mail, aby zresetować hasło klienta.
Te elementy WooCommerce mają te same ustawienia funkcji.

Treść:
- Pozdrowienia: Rozpocznij wysyłanie wiadomości e-mail, wprowadzając tekst powitania w tym polu.
- Ciało: wpisz w tym polu treść wiadomości e-mail.
- Stopka: wpisz końcową wiadomość e-maila.
Typografia:
Poniższe opcje ustawień pozwalają kontrolować sposób wyświetlania tekstu na ekranie.
- Rodzina czcionek: wybierz typ rodziny czcionek z listy rozwijanej.
- Rozmiar czcionki: Określ rozmiar czcionki tekstu.
- Grubość czcionki: Określ grubość lub gęstość tekstu.
- Wyrównaj tekst: Znajdź treść tekstową po lewej, pośrodku lub po prawej stronie.
- Przekształcać: Określ wielkość liter elementu tekstowego.

Wygląd: w tym obszarze ustawień możesz ustawić kolor tła elementu oraz jego tytuł, tekst i kolory obramowania.
Rozstaw:
- Margines: Użyj tego ustawienia, aby utworzyć przestrzeń wokół elementów.
- Wyściółka: Zwiększ przestrzeń w obszarze elementu.

Style obramowania:
- Typ obramowania: wybierz typ obramowania z listy rozwijanej.
- Promień granicy: Określ okrągłość krawędzi elementu.
Wymiary: Stąd zmienisz całą poziomą (szerokość) i pionową (wysokość) przestrzeń całego elementu.
=