Przejdź do głównej zawartości
Przewodnik po klasycznym kreatorze e-mail drag&drop

Z tego artykułu dowiesz się, z jakich bloków zawartości możesz korzystać podczas budowania wiadomości e-mail.

M
Napisane przez Martyna Woźniszczuk
Zaktualizowano ponad 2 lata temu

Kreator e-mail drag&drop na platformie CDXP zawiera dziesięć bloków, za pomocą których możesz zbudować swoją wiadomość. Bloki to komponenty, które można przeciągać i upuszczać do projektu wiadomości, aby utworzyć miejsce na takie elementy, jak obrazy, wideo czy pola tekstowe.

W tym artykule znajdziesz opisy poszczególnych bloków (możesz kliknąć w wybrany blok, a przeniesiemy Cię w odpowiednie miejsce w artykule), a także dowiesz się, jak dodawać i przenosić dodane do wiadomości e-mail bloki oraz jakie są ustawienia wspólne dla każdego bloku.

To co, zaczynamy?

Bloki dostępne w kreatorze drag&drop

Dziesięć bloków, których możesz użyć w kreatorze wiadomości e-mail, to:

Do kreatora wiadomości drag&drop dostaniesz się z poziomu zakładki: Campaigns i Automations. W pierwszej – podczas tworzenia wiadomości e-mail i wybranie opcji Standard or Automated dla typu kampanii po kliknięciu Create a Campaign. W drugiej – tworząc automatyzację i tworząc nowy e-mail dla działania Send an email.

Tekst

Użyj tego bloku, aby dodać tekst do wiadomości e-mail.

Po dodaniu bloku tekstu do wiadomości e-mail kliknij na niego, aby wyświetlić pasek narzędzi edycji. Stamtąd możesz zmienić m.in. font, rozmiar, kolor i wyrównanie tekstu. Możesz także dodać linki i tagi personalizacji.

W zakładce Options po prawej stronie możesz zmienić wysokość linii, kolor tła, marginesy i padding.

Treści predykcyjne (Predictive Content)

Za pomocą tego bloku możesz wysłać odpowiednią treść do odpowiednich kontaktów, aby zwiększyć współczynnik click rate.

Obraz

Użyj tego bloku, aby dodać obraz lub GIF do wiadomości e-mail. Po dodaniu bloku i kliknięciu na niego, wyświetli się pasek narzędzi edycji, skąd możesz dostać się do edytora obrazów lub wyrównać obecny obraz.

Edytora obrazów możesz użyć w celu zmodyfikowania dowolnego obrazu, którego chcesz użyć w swoich e-mailach.

Z kolei w edytorze w zakładce Options po prawej stronie możesz m.in. dodać link do obrazu, zmienić jego wymiary, marginesy i padding.

Przycisk CTA

Użyj tego bloku, aby dodać wezwanie do działania w wiadomości e-mailu.

Po dodaniu bloku i kliknięciu na niego, wyświetli się pasek narzędzi edycji, skąd możesz wybrać preferowane wyrównanie przycisku.

Zakładka Options w prawym menu pozwoli Ci zmienić m.in. link i tekst w przycisku, jego kolor, rozmiar i kształt. Możesz dostosować także rozmiar fontu, kolor i rozmiar obramowania, marginesy i padding.

Wideo

Użyj tego bloku, aby utworzyć link do filmu wideo w wiadomości e-mail.

Blok wygeneruje zrzut ekranu z Twojego filmu i wyświetli go w wiadomości e-mail z przyciskiem odtwarzania. Gdy adresaci wiadomości otrzymają Twój e-mail, będą mogli kliknąć przycisk odtwarzania, a Twój film otworzy się w nowej karcie lub oknie w ich przeglądarce.

Po dodaniu bloku i kliknięciu na niego, wyświetli się pasek narzędzi edycji, skąd możesz dostać się do edytora obrazów/wideo w celu podmienienia okładki wideo, zmienić link wideo lub dostosować wyrównanie.

W zakładce Options po prawej stronie możesz m.in. edytować link do wideo, zmienić marginesy i padding.

Separator (linia oddzielająca)

Użyj tego bloku, aby dodać poziomą linię oddzielająca dwa różne bloki.

W zakładce Options po prawej stronie możesz m.in. zmienić szerokość, wysokość i kolor separatora, a także marginesy i padding.

Blok tworzący przestrzeń między elementami

Ten blok dedykowany jest dla urządzeń mobilnych i możesz użyć go, aby dodać puste miejsce między blokami treści.

W zakładce Options po prawej stronie możesz m.in. zmienić wysokość bloku, a także marginesy i padding.

Efekt podobny do tego bloku osiągniesz także dzięki użyciu marginesów i paddingów.

Kanał RSS

Użyj tego bloku, aby wstawić swój kanał RSS do wiadomości e-mail. Dzięki niemu automatyczne udostępnisz nowości z bloga swoim kontaktom.

Po dodaniu bloku i kliknięciu na niego, wyświetli się pasek narzędzi edycji, skąd możesz dostosować rodzaj i rozmiar fontu, formatować treści i wybrać preferowane wyrównanie.

W zakładce Options po prawej stronie możesz m.in. zmienić marginesy i padding w obrębie pojedynczego wpisu, jak i całego bloku.

Linki do platform społecznościowych

Użyj tego bloku, aby dodać linki do mediów społecznościowych do wiadomości e-mail. Dzięki temu jej adresaci będą mogli udostępniać Twoją wiadomość w swoich sieciach społecznościowych.

Po przeciągnięciu bloku do wiadomości e-mail pojawi się okienko modalne, w którym możesz dodać linki do Twoich profili społecznościowych, a także wybrać wygląd ikonek.

Po dodaniu bloku i kliknięciu na niego, wyświetli się pasek narzędzi edycji, skąd możesz wrócić do widoku okienka modalnego (screen wyżej), dostosować sposób wyświetlania się ikonek i wybrać preferowane wyrównanie zawartości bloku.

W zakładce Options po prawej stronie możesz m.in. zmienić rozmiar ikonek, wielkość odstępów między nimi, a także – standardowo – zmienić marginesy i padding.

Kod HTML

Użyj tego bloku, aby dodać własny kod HTML do wiadomości e-mail.

Po dodaniu bloku i kliknięciu na niego, wyświetli się edytor HTML, w którym możesz wpisać własny kod.

W zakładce Options po prawej stronie możesz m.in. edytować kod, a także – standardowo – zmienić marginesy i padding.

Istnieją także dodatkowe bloki, których dostępność zależy od wybranego scenariusza automatyzacji lub triggera. Takim blokiem jest, na przykład, blok Abandoned Cart, który pojawia się w kreatorze drag&drop podczas tworzenia wiadomości e-mail dla automatyzacji wykorzystującej trigger Abandons cart.

Dodawanie i przenoszenie bloków w wiadomości e-mail

Dodawanie bloków

Dodawanie bloków do wiadomości e-mail jest bardzo proste proste. Wystarczy, że przeciągniesz blok, którego chcesz użyć, z prawego menu do swojego projektu.

Przeciągając blok treści do wiadomości e-mail, zauważysz zieloną linię podświetlenia. Ta linia wskazuje, gdzie zostanie umieszczony blok zawartości po zwolnieniu kursora (zobacz przykład na krótkim wideo w ramce powyżej).

Przenoszenie bloków

Po dodaniu bloku do wiadomości e-mail możesz go łatwo przenieść. Aby to zrobić:

  • najedź myszką na blok, który chcesz przenieść

  • kliknij czterokierunkowy uchwyt, który pojawi się po prawej stronie bloku

  • przeciągnij i zwolnij blok w żądane miejsce

Ustawienia bloku

Ustawienia każdego bloku w wiadomości e-mail obejmują:

  • duplikowanie – wybranie tej opcji spowoduje utworzenie dokładnej kopii wybranego bloku;

  • uwarunkowanie – korzystając z segmentacji możesz wybrać, którzy odbiorcy zobaczą ten blok;

  • ukrycie na urządzeniach mobilnych – ta opcja ukryje wybrany blok, gdy wiadomość e-mail zostanie wyświetlona na urządzeniu mobilnym;

  • zapisanie do biblioteki – ta opcja pozwoli Ci zapisać wybrany blok w bibliotece; po zapisaniu możesz łatwo dodać go do kolejnego dowolnego tworzonego e-maila lub szablonu;

  • usunięcie – użycie tej opcji spowoduje usunięcie bloku z Twojego projektu

Aby uzyskać dostęp do ustawień bloku:

1. najedź kursorem na blok

2. kliknij na ikonę koła zębatego

3. pojawi się menu modalne z listą wszystkich ustawień, które można dostosować dla bloku

4. kliknij w opcję, którą chcesz użyć.


Zobacz także:

Czy to odpowiedziało na twoje pytanie?