Edytor Drag 'n' Drop

Projektowanie maili jeszcze nigdy nie było tak proste!

Wioleta Jednaka avatar
Napisane przez Wioleta Jednaka
Zaktualizowano ponad tydzień temu

Newslettery to świetny sposób komunikacji z Twoimi klientami, ale wysyłanie ściany gołego tekstu z pewnością nie jest tym, o co chodzi. Konkurencja walcząca zaciekle o uwagę Twoich odbiorców w ich skrzynkach odbiorczych sprawia, że atrakcyjne maile nie są już tylko kwestią dobrego brandingu, ale koniecznością.

Właśnie dlatego edrone nieustannie szuka sposobów aby pomóc Ci wyciągnąć z Twojego newslettera jak najwięcej i uczynić tworzenie pięknych, efektywnych maili tak prostym, jak to możliwe. I to jest zadanie dla naszego nowego Edytora Drag 'n' Drop.

Pierwsze kroki

Aby zacząć, przejdź do zakładki ANGAŻUJ i wybierz dowolny scenariusz. Edytor Drag 'n' Drop będzie dostępny w sekcji DESIGN.

Panel użytkownika

Przyjrzyjmy się po kolei wszystkim elementom, które zobaczysz na ekranie po otwarciu edytora: od góry na dół, od lewej do prawej:

  • Zakładki języka: Jeśli prowadzisz wielojęzyczną kampanię, w tym miejscu wybierz, na jakim języku aktualnie pracujesz. Weź pod uwagę, że maile dla każdego języka muszą być ustawione osobno. Z tego powodu rekomendujemy utworzenie najpierw maila w jednym języku, a następnie skopiowanie i przeklejenie (sprawdź poniżej) gotowego projektu do innych języków.

    Click on Polski…
  • Typ wiadomości w menu rozwijanym: Jeśli Twój scenariusz obejmuje wiele wiadomości email (np. Program Poleć Przyjaciela), w tym miejscu wybierz, nad którą wiadomością pracujesz. Również w tym przypadku, każdy typ wiadomości wymaga zbudowania nowego emaila.

    Click on WYBIERZ TYP WIADOMOŚCI…
  • Nadawca i Temat: Te pola mówią same przez się. W poprzednim etapie tworzenia maila wybrałeś, kto jest nadawcą wiadomości natomiast w tym miejscu wpisujesz tytuł maila. Tak jak poprzednio, osobny dla każdego języka i typu wiadomości.

  • Przyciski Akcji: Możesz wybrać spomiędzy pięciu akcji:
    - Zapisz: zapisuje dokonane zmiany
    - Kopiuj: kopiuje całą zawartość projektu
    - Wklej: wkleja całą skopiowaną zawartość
    - Wyczyść: usuwa całą treść projektu pozwalając Ci zacząć od początku.

  • Przycisk Templates: Nasz Edytor Drag 'n' Drop posiada kilka predefiniowanych szablonów, których możesz użyć aby rozpocząć tworzenie Twojego maila. Aby ułatwić i usprawnić tworzenie świetnych maili jeszcze bardziej, konkretne szablony będą wstępnie załadowane dla każdego elementu z sekcji engagements. Jeżeli wolisz zacząć od zera, wystarczy kliknąć przycisk "Clear" w pasku nawigującym edytora. Kliknij "Undo", aby przywrócić poprzedni szablon. Aby wybrać inny szablon, możesz otworzyć listę szablonów, klikając na przycisk "Szablony".

UWAGA: Nowy szablon kreacji, który możesz zapisać i potem wykorzystać stworzysz z nowym kreatorem Newsletter Hub!

  • Scenariusze: Edytor Drag 'n' Drop posiada kilka gotowych szablonów, które możesz wykorzystać jako punkt wyjścia dla swoich własnych maili. Kliknij ten przycisk, aby wyświetlić wszystkie wzory i wybierz, którego chcesz użyć. Obecnie nie jest możliwe stworzenie własnego nowego szablonu, wciąż możesz jednak dowolnie projektować i kopiować każdy samodzielnie stworzony projekt lub edytować wybrany szablon.

  • Wybierz wiadomość: Kreator zapisuje Twoje ostatnie wiadomości, w tym miejscu możesz wrócić do swojej poprzedniej wersji wiadomości.

    Click on OD…


  • W dolnej części Edytora Drag 'n' Drop znajdziesz także przyciski cofnij i ponów w postaci strzałek, a także opcję podglądu wiadomości na wersji desktop oraz mobile.

Click on THESE PRODUCTS…
  • Menu: Po lewej stronie ekranu, znajduje się szara kolumna z pięcioma przyciskami. To właśnie tutaj możesz wybierać i edytować wizualne elementy. swoich maili. Omówimy je szczegółowo poniżej.

  • Przestrzeń robocza: Na środku ekranu znajduje się przestrzeń, na której możesz stworzyć swój email.

Treść

W tej sekcji znajdują się wszystkie elementy, z których możesz korzystać budując swoje wiadomości. Podczas gdy sekcja Bloki (patrz poniżej) tworzy strukturę Twojego emaila, tutaj zdefiniujesz co znajdzie się w środku: tekst, obrazki, przyciski, itp.

Aby dodać każdy element do swojego emaila, po prostu kliknij, przeciągnij i upuść. Nic prostszego!

Click on KOLUMNY…

Twoją pierwszą opcją podczas edycji elementów jest wybór pomiędzy zakładkami Komputer i Urządzenie . Każdy email zaprojektowany za pomocą Drag 'n' Drop Editor będzie w 100% responsywny, ale możesz stworzyć specyficzny wariant swojej wiadomości dla każdego typu urządzenia.

Widzisz te ikonki obok tekstu, nagłówka, obrazu, przycisku? Te elementy są wspomaganę przez sztuczną inteligencję! Więcej dowiesz się tutaj!

Kolumny

Jest to ta sama opcja, którą znajdziesz w sekcji Bloki. Używając tego elementu, tworzysz nowy wiersz wiadomości, w którym będziesz mógł określić strukturę jego kolumn. Zobacz sekcję Bloki, aby dowiedzieć się więcej.

  • Tło

    Kreator daje Ci możliwość edycji koloru lub nawet obrazu w tle. Możesz zmienić tło za poszczególnymi elementami wiadomości (na przykład: tekstem, obrazem, przyciskiem), lub za całą wiadomością, albo za jej fragmentem. Poniżej opisane zostały wszystkie opcje.

  • Zmiana koloru tła całej wiadomości
    W ustawieniach ogólnych, dostępnych w zakładce „Treść” użyj opcji „kolor tła”

  • Zmiana koloru tła wiadomości za jednym elementem
    Kliknij w tło wiadomości (po bokach) i w sekcji „właściwości wiersza” wybierz opcję „kolor tła”, a następnie ustaw odpowiedni kolor.

  • Zmiana koloru za elementem wiadomości
    Kliknij w tło wiadomości (po bokach) i w sekcji „właściwości wiersza” wybierz opcję „kolor tła zawartości”, a następnie ustaw odpowiedni kolor.

  • Użycie obrazu w tle wiadomości

    Wybierz obszar wiadomości, za którym chcesz ustawić tło z obrazem i kliknij w tło wiadomości (po bokach). W sekcji „właściwości wiersza” skorzystaj z opcji „obraz tła” → „prześlij obraz”. Wgraj dowolny obraz i ciesz się tłem. Może to być wzór, który pojawi się tylko na bokach wiadomości, poza jej treścią – jeśli ustalisz kolor tła zawartości.

    Wybierz obszar wiadomości, za którym chcesz ustawić tło z obrazem i kliknij w tło wiadomości (po bokach). W sekcji „właściwości wiersza” skorzystaj z opcji „obraz tła” → „prześlij obraz”. Wgraj dowolny obraz i ciesz się tłem. Jeśli ustalisz kolor tła zawartości, może być to wzór widoczny tylko po bokach. Kiedy zawartość nie ma tła, obraz pojawi się także w tle za np. tekstem. Wypróbuj możliwości, jakie dają opcje dostępne w ustawieniach obrazu (image settings).

Tekst

Użyj tego elementu aby dodać pole tekstowe.

  • Menu podręczne: podczas edycji pola tekstowego, pojawi się menu podręczne z kilkoma opcjami:
    - Styl i rozmiar czcionki
    - Pogrubienie, kursywa, podkreślenie, przekreślenie, indeks górny, indeks dolny
    - Emotikony
    - Wyrównanie do lewej, środka lub prawej
    - Listy uporządkowane i nieuporządkowane
    - Kolor tekstu i kolor tła
    - Orientacja tekstu (od lewej do prawej lub od prawej do lewej)
    - Linki
    - Scal tagi (są to zmienne elementy używane do personalizacji treści). Na przykład, znacznik "imię" będzie wyświetlany jako *|FIRST_NAME|* podczas tworzenia wiadomości, ale pojawi się jako rzeczywiste imię odbiorcy, kiedy otrzyma wiadomość - oczywiście pod warunkiem, że ta informacja znajduje się w Twojej bazie danych).

  • TEKST: Tutaj możesz zmienić kolor tekstu, wyrównanie (do lewej, do środka lub do prawej) oraz wysokość linii.

  • LINKI: W tej opcji możesz zdecydować, czy linki w tym konkretnym polu tekstowym będą spójne ze stylem treści maila (zobacz sekcję Treść poniżej).

  • GŁÓWNE: W tym miejscu możesz zmienić układ pola tekstowego, czyli odległość pomiędzy krawędziami elementu a jego zawartością. Jeśli przycisk "Więcej opcji" jest wyłączony, zmienisz układ na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł zmienić układ każdej strony osobno.

  • RESPONSYWNY DESIGN: jeśli aktywujesz opcję "Ukryj na pulpicie", całe pole tekstowe pojawi się tylko w wersji mobilnej Twojego maila.

Nagłówek

Użyj tego elementu, aby dodać nagłówki i śródtytuły do swojej wiadomości. Funkcja ta różni się od sekcji "Tekst" tym, że tworzy inną hierarchię treści, określając na przykład, że dany fragment jest tytułem, a nie akapitem.

Jest to szczególnie przydatne dla wersji zwykłego tekstu i HTML, które mogą się pojawić, gdy elementy graficzne wiadomości się nie ładują, na przykład kiedy połączenie internetowe Twojego subskrybenta jest słabe lub gdy użytkownicy z wadami wzroku korzystają z czytników ekranu.

  • Menu podręczne: podczas edycji pola tekstowego, pojawi się menu podręczne z kilkoma opcjami:
    - Styl i rozmiar czcionki
    - Pogrubienie, kursywa, podkreślenie, przekreślenie, indeks górny, indeks dolny
    - Emotikony
    - Wyrównanie do lewej, środka lub prawej
    - Listy uporządkowane i nieuporządkowane
    - Kolor tekstu i kolor tła
    - Orientacja tekstu (od lewej do prawej lub od prawej do lewej)
    - Linki
    - Scal tagi (są to zmienne elementy używane do personalizacji treści). Na przykład, znacznik "imię" będzie wyświetlany jako *|FIRST_NAME|* podczas tworzenia wiadomości, ale pojawi się jako rzeczywiste imię odbiorcy, kiedy otrzyma wiadomość - oczywiście pod warunkiem, że ta informacja znajduje się w Twojej bazie danych).

  • TEKST: Tutaj możesz zmienić kolor tekstu, wyrównanie (do lewej, do środka lub do prawej) oraz wysokość linii.

  • LINKI: W tej opcji możesz zdecydować, czy linki w tym konkretnym polu tekstowym będą spójne ze stylem treści maila (zobacz sekcję Treść poniżej).

  • GŁÓWNE: W tym miejscu możesz zmienić układ pola tekstowego, czyli odległość pomiędzy krawędziami elementu a jego zawartością. Jeśli przycisk "Więcej opcji" jest wyłączony, zmienisz układ na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł zmienić układ każdej strony osobno.

  • RESPONSYWNY DESIGN: jeśli aktywujesz opcję "Ukryj na pulpicie", całe pole tekstowe pojawi się tylko w wersji mobilnej Twojego maila.

Obraz

Użyj tego elementu aby dodać obraz (statyczny lub GIF)

  • OBRAZ: to miejsce, gdzie załadujesz swój obraz. Klikając na przycisk Zastosuj efekty i więcej, otworzysz wbudowany edytor zdjęć, który oferuje kilka opcji edycji, takich jak nakładanie filtrów, przycinanie, dodawanie tekstu i wiele innych. Po dodaniu obrazu, możesz wybrać kilka ustawień:
    - Automatyczna szerokość: wybierając tę opcję sprawisz, że Twój obraz będzie tak szeroki, jak to tylko możliwe. Kiedy przełącznik jest wyłączony, możesz wybrać szerokość obrazu jako procent całkowitej szerokości pola.
    - Wyrównaj: wyrównaj obrazek do lewej, środka lub prawej.
    - Tekst alternatywny: jest to tekst, który wyświetli się Twoim subskrybentom, jeśli obrazek nie załaduje się poprawnie lub jeśli mailing zostanie wysłany w wersji zwykłego tekstu lub HTML. Jest to również przydatne dla osób z wadami wzroku, które korzystają z czytników ekranu. Zalecamy zawsze umieszczać w tym miejscu krótki opis każdego obrazka.

  • AKCJA: Tutaj możesz wybrać, co ma się wydarzyć, kiedy czytelnik kliknie na obrazek. Otwórz rozwijane menu w prawym górnym rogu tej sekcji, aby znaleźć te opcje:
    - Otwórz stronę: jest to najczęściej używana opcja, w której obrazek działa jak przycisk przekierowujący do wybranej strony. Po prostu wstaw link, który chcesz, aby Twoi czytelnicy otworzyli, i wybierz, czy chcesz, aby ten link otworzył się w "tej samej karcie", czy w "nowej karcie".
    - Subskrybuj: wybierz tę opcję, aby zmienić obraz w przycisk "subskrybuj".
    - Anuluj subskrypcję: wybierz tę opcję, aby zmienić obraz w przycisk "Anuluj subskrypcję".
    - Potwierdzenie płci (mężczyzna / kobieta / owolę nie podawać / inne): wybierz tę opcję, aby przekształcić swoje zdjęcia w przyciski potwierdzające płeć.
    - Link odsyłający / Kod odsyłającego / Potwierdź udział w programie partnerskim: te opcje są specyficzne dla emaili programów partnerskich. Kliknij tutaj, aby dowiedzieć się więcej.

  • OGÓLNE: W tym miejscu możesz zmienić położenie obrazu, czyli odległość pomiędzy krawędziami elementu a jego zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz położenie na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł zmienić go z każdej strony osobno.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", obrazek ten będzie wyświetlany tylko w wersji mobilnej Twojego maila.

Przycisk

Przyciski to podstawa w email marketingu! Oto co możesz zrobić z nimi w edytorze Drag 'n' Drop.

  • AKCJA: tutaj możesz wybrać, co ma się wydarzyć, kiedy czytelnik kliknie na obrazek. Otwórz rozwijane menu w prawym górnym rogu tej sekcji, aby znaleźć te opcje:
    - Otwórz stronę: jest to najczęściej używana opcja, w której obrazek działa jak przycisk przekierowujący do wybranej strony. Po prostu wstaw link, który chcesz, aby Twoi czytelnicy otworzyli, i wybierz, czy chcesz, aby ten link otworzył się w "tej samej karcie", czy w "nowej karcie".
    - Subskrybuj: wybierz tę opcję, aby zmienić obraz w przycisk "subskrybuj".
    - Anuluj subskrypcję: wybierz tę opcję, aby zmienić obraz w przycisk "Anuluj subskrypcję".
    - Potwierdzenie płci (mężczyzna / kobieta / owolę nie podawać / inne): wybierz tę opcję, aby przekształcić swoje zdjęcia w przyciski potwierdzające płeć.
    - Link odsyłający / Kod odsyłającego / Potwierdź udział w programie partnerskim: te opcje są specyficzne dla emaili programów partnerskich. Kliknij tutaj, aby dowiedzieć się więcej.

  • OPCJE PRZYCISKU: tutaj możesz zmienić kolor tekstu przycisku, kolor tła (kolor przycisku), szerokość (pełna szerokość lub procentowa) oraz wyrównanie (do lewej, do środka lub do prawej).

  • ODSTĘP: Tutaj możesz zmienić wysokość linii przycisku, padding (odległość między krawędzią przycisku a tekstem), obramowanie (typ, szerokość, kolor) oraz zaokrąglone rogi.

  • OGÓLNE: w tym miejscu możesz zmienić położenie przycisku, czyli odległość pomiędzy krawędziami elementu a jego zawartością (innymi słowy, przestrzeń wokół przycisku). Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz położenie na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł zmieniać go osobno dla każdej strony.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", obrazek ten będzie wyświetlany tylko w wersji mobilnej Twojego maila.

Separator

Element ten tworzy linię w poprzek szerokości pola. Użyj go do oddzielenia kolejnych sekcji wiadomości email.

  • LINIA: w tym miejscu możesz zmienić szerokość separatora, typ linii (jednolita, kropkowana, przerywana), wysokość linii (w pikselach), kolor linii i wyrównanie (do lewej, do środka lub do prawej).

  • OGÓLNE: w tej zakładce możesz zmienić położenie przycisku, czyli odległość pomiędzy krawędziami elementu a treścią maila. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz położenie na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł zmieniać go osobno dla każdej strony.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", obrazek ten będzie wyświetlany tylko w wersji mobilnej Twojego maila.

HTML

Jedną z największych zalet edytora Drag 'n' Drop jest brak konieczności kodowania czegokolwiek Jeśli jednak czasem chcesz dołączyć element HTML - możesz to zrobić bez problemu!

  • HTML: tutaj znajduje się Twój kod HTML.

  • OGÓLNE: w tym miejscu możesz zmienić dopełnienie elementu HTML, czyli odległość pomiędzy jego krawędziami, a zawartością (innymi słowy, przestrzeń wokół elementu HTML). Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz dopełnienie na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł ustawić je osobno dla każdej strony.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", ten element HTML pojawi się tylko w wersji mobilnej Twojego maila.

Menu

Możesz dodać do swoich maili menu, które działa podobnie jak to na stronie internetowej.

  • ELEMENTY MENU: w tym miejscu możesz wpisać nazwę każdego elementu i wybrać typ akcji. Zazwyczaj będzie to "otwórz stronę", co wymaga podania adresu URL i wyboru pomiędzy otwarciem tego linku w tej samej karcie lub w nowej. Możesz również zmienić pozycję każdego elementu, klikając i przeciągając przycisk w lewym górnym rogu elementu.

  • STYLE: tutaj możesz zmienić właściwości wizualne swojego menu:
    - Styl czcionki
    - Rozmiar czcionki
    - Kolor czcionki
    - Kolor linku
    - Wyrównaj (do lewej, do środka lub do prawej)
    - Układ (poziomy lub pionowy)
    - Separator: znak lub symbol oddzielający każdą pozycję menu (np. " | ")
    - Dopełnienie: odległość między krawędzią każdego elementu a jego zawartością

  • OGÓLNE: w tym miejscu możesz zmienić dopełnienie MENU, czyli odległość pomiędzy jego krawędziami, a zawartością (innymi słowy, przestrzeń wokół MENU). Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz dopełnienie na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł ustawić je osobno dla każdej strony.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", menu będzie wyświetlane tylko w wersji mobilnej Twojego maila.

Media Społecznościowe

Być może zechcesz przenieść swoich czytelników z wiadomości email na swoje kanały społecznościowe. Można to zrobić w sekcji Social Media.

  • IKONY: wybierz, które przyciski mediów społecznościowych chcesz dodać, określ ich wygląd (okrągły, zaokrąglony lub kwadratowy / kolorowy lub czarno-biały) oraz adresy URL.

  • OGÓLNE: tutaj możesz zmienić wypełnienie przycisków social mediów, czyli odległość pomiędzy krawędziami, a zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie na wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł ustawić je osobno dla każdej strony.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", social media będą wyświetlane tylko w wersji mobilnej Twojego maila.

Czasomierz

Czasomierz jest idealny do generowania poczucia pilności. Pokazuje odliczanie w oparciu o poniższe ustawienia:

  • ODLICZANIE: w tym miejscu ustawisz główne właściwości czasomierza:
    - Czas zakończenia: kiedy odliczanie się skończy. Po tym momencie, gdy ktoś otworzy twojego maila, licznik będzie miał odczyt 00:00:00:00
    - Strefa czasowa: strefa czasowa odliczania
    - Język: w jakim języku chcesz wyświetlić etykiety (16 dostępnych opcji)
    - Etykiety: jeśli ta opcja jest aktywna, Licznik licznik będzie miał etykiety dla dni, godzin, minut i sekund
    - Kolor tła, cyfr i etykiet
    - Styl i rozmiar czcionki cyfr
    - Styl i rozmiar czcionki etykiet

  • OBRAZ: Twój timer będzie miał niektóre z tych samych ustawień co obrazy:
    - Automatyczna szerokość: jeśli ta opcja jest aktywna, Twój timer zajmie całą szerokość pola. Jeśli jest wyłączona, możesz dopasować szerokość.
    - Wyrównaj (do lewej, do środka lub do prawej)
    - Tekst alternatywny: zobacz ustawienia Obrazu powyżej, aby dowiedzieć się więcej.

  • AKCJA: Tutaj możesz zamienić swój Czasomierz w Przycisk. Zobacz ustawienia Przycisku powyżej, aby dowiedzieć się więcej.

  • OGÓLNE: Tutaj możesz zmienić wypełnienie swojego czasomierza, czyli odległość pomiędzy elementem a jego zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie po wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł dopasować go dla każdej strony osobno.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", czasomierz będzie wyświetlany tylko w wersji mobilnej Twojego maila.

Wideo

Aby dodać wideo do Twojego maila wystarczy wkleić adres URL w pole tekstowe!

Twój film nie zostanie bezpośrednio osadzony w treści emaila, co oznacza, że nie będzie możliwe jego odtworzenie w polu wiadomości. Edytor Drag 'n' Drop automatycznie utworzy miniaturkę Twojego video i zamieni ją w przycisk, który przekieruje Twoich czytelników do zamieszczonego linku z wideo.

UWAGA: Twój film nie zostanie bezpośrednio osadzony w treści maila, co oznacza, że nie będzie możliwe jego odtworzenie w polu wiadomości. Edytor Drag 'n' Drop automatycznie utworzy miniatukę Twojego wideo i zmieni ją w orzycisk, który przekieruje Twoich czytelników do zamieszczonego linku.

  • Adres URL wideo: wklej tutaj adres URL swojego filmu (Youtube lub Vimeo).

  • OGÓLNE: Tutaj możesz zmienić wypełnienie swojego video, czyli odległość pomiędzy elementem a jego zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie po wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł dopasować go dla każdej strony osobno.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", wideo będzie wyświetlane tylko w wersji mobilnej Twojego maila.

Elementy dynamiczne: Bestsellery

edrone pozwala na dodawanie dynamicznych elementów do Twoich maili. Dzięki Bestsellerom możesz zaprezentować swoim czytelnikom spersonalizowane rekomendacje produktów. Element Bestsellery jest dostępny dla wszystkich engagements.

  • BESTSELLERY: tutaj wybierz, ile produktów chcesz pokazać, jakie są ich kategorie na swojej stronie oraz czy chcesz korzystać z rekomendacji (standardowe rekomendacje produktów w przypadku, gdy nie masz bestsellerów dla danej kategorii).

  • PRODUCT PROPERTIES: Tutaj wybierzesz, czy chcesz pokazać nazwy swoich produktów i/lub zachęcić odbiorców do podjęcia jakiejś aktywności. Zauważ, że jeśli zdecydujesz się dodać call to action, poniżej pojawi się nowa zakładka (CUSTOMIZE CALL TO ACTION), która będzie miała takie same opcje ustawień jak zwykłe przyciski. Zobacz ustawienia Przycisków powyżej, aby dowiedzieć się więcej.

  • CUSTOMIZE NAME: w tym miejscu możesz zmienić czcionkę nazwy produktu, jej rozmiar, kolor, wyrównanie (do lewej, środka lub prawej) oraz wybrać pomiędzy krótkimi i długimi tytułami.

  • OGÓLNE: tutaj możesz zmienić wypełnienie swojego video, czyli odległość pomiędzy elementem a jego zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie po wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł dopasować go dla każdej strony osobno.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", wideo będzie wyświetlane tylko w wersji mobilnej Twojego maila.

Fallback do Bestsellerów

W celu zwiększenia ogólnej konwersji z maili, chcemy prezentować więcej produktów przed użytkownikiem. W związku z tym, wewnątrz dynamicznych elementów takich jak:

  • Przeglądane produkty (domyślnie wyłączone)

  • Porzucone koszyki (domyślnie wyłączone)

  • Polecane produkty (domyślnie włączone)

Istnieje teraz opcja o nazwie "Fallback to Bestsellers":

Kiedy ta opcja jest włączona i nie ma wystarczającej ilości produktów do zaprezentowania w emailu, dodatkowe produkty (Bestsellery) zostaną automatycznie dodane do siatki produktów. Pozwoli to uniknąć pustych miejsc w emailu i miejmy nadzieję zwiększy sprzedaż!

Zauważ, że etykieta BESTSELLER jest dodana, aby odróżnić te sugestie od innych. Kolory mogą być dostosowane do Twojego brandingu.

Elementy dynamiczne: Obejrzane, Porzucone, Zakupione, Polecane, Obserwowane

Ten element działa podobnie jak Bestsellery, ale jego nazwa i funkcje będą się różnić w zależności od scenariusza:

  • SUBSKRYPCJA NEWSLETTERA, NEWSLETTER SMS, URODZINY, SUBSKRYPCJA CZATU: Ten element nie będzie wyświetlany

  • PRZYWRACANIE KLIENTÓW, DYNAMICZNY NEWSLETTER, NIESTANDARDOWE, OGLĄDANE PRODUKTY, NEWSLETTER A/B, KATEGORIE NEWSLETTERA: Przeglądane produkty

  • PROGRAM LOJALNOŚCIOWY, PO SPRZEDAŻY: Zakupione produkty

  • odzyskiwanie porzuconych wózków: Porzucone produkty

  • CROSS-SELLING, POLECANE: Polecane produkty

  • WISHLIST: Zaobserwowane produkty

  • OBEJRZANE PRODUKTY: tutaj wybierzesz, ile produktów chcesz zaprezentować i czy chcesz korzystać z rekomendacji czy też nie.

  • PRODUCT PROPERTIES: Tutaj wybierzesz, czy chcesz pokazać nazwy swoich produktów i/lub zachęcić odbiorców do podjęcia jakiejś aktywności. Zauważ, że jeśli zdecydujesz się dodać call to action, poniżej pojawi się nowa zakładka (CUSTOMIZE CALL TO ACTION), która będzie miała takie same opcje ustawień jak zwykłe przyciski. Zobacz ustawienia Przycisków powyżej, aby dowiedzieć się więcej.

  • CUSTOMIZE NAME: w tym miejscu możesz zmienić czcionkę nazwy produktu, jej rozmiar, kolor, wyrównanie (do lewej, środka lub prawej) oraz wybrać pomiędzy krótkimi i długimi tytułami.

  • OGÓLNE: tutaj możesz zmienić wypełnienie swojego wideo, czyli odległość pomiędzy elementem a jego zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie po wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł dopasować go dla każdej strony osobno.

  • RESPONSYWNY DESIGN: gdy aktywujesz przełącznik "Ukryj na pulpicie", wideo będzie wyświetlane tylko w wersji mobilnej Twojego maila.

Produkt

Masz możliwość dodawania wybranych produktów do kreacji wiadomości korzystając z identyfikatora lub nazwy produktu. Wystarczy, że przeciągniesz go do szablonu wiadomości. Po kliknięciu, po lewej stronie znajdziesz przycisk “edit product”, dzięki któremu przejdziesz do wyszukiwarki produktów.

Ważne: Aby w pełni wykorzystać możliwości tego elementu, istotne jest posiadanie aktywnego feedu produktowego!

Bloki

Każdy rząd elementów nazywany jest blokiem. Możesz mieć dowolną liczbę elementów wewnątrz bloku. Pamiętaj, że im więcej elementów w bloku, tym istnieje duża szansa, że szczególnie na urządzeniach mobilnych te elementy będą mniej czytelne na mobile.

W tej sekcji można wybierać między różnymi strukturami kolumn i edytować wiadomości email na poziomie bloków. Kliknij na wiersz, aby wyświetlić opcje:

Komputer albo Urządzenie mobilne

Twoją pierwszą opcją podczas edycji wiersza jest wybór pomiędzy zakładkami Desktop i Mobile. Każdy email zaprojektowany za pomocą edytora Drag 'n' Drop będzie w 100% responsywny, ale możesz stworzyć specyficzny wariant emaila dla każdego typu urządzenia.

Właściwości kolumny

W tym miejscu będziesz mógł zmienić właściwości każdej kolumny z osobna. Wybierz każdą kolumnę tuż pod nagłówkiem WŁAŚCIWOŚCI KOLUMNY.

  • Kolor tła: zmiana koloru tła kolumny. Zauważ, że zmieni to tylko tło tej konkretnej kolumny, a nie kolumny obok niej. Jeśli chcesz zmienić kolor tła obu kolumn jednocześnie, przejdź do opcji "Kolor tła zawartości" we WŁAŚCIWOŚCIACH WIERSZA (poniżej).

  • Dopełnienie: czyli odległość wewnętrzna pomiędzy krawędziami kolumny, a jej zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie po wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł dopasować go dla każdej strony osobno.

  • Obramowanie: w tym miejscu można zmienić typ obramowania kolumny (jednolite, kropkowane lub przerywane), szerokość (w pikselach) oraz kolor. W przeciwieństwie do koloru tła, jednoczesna edycja obramowania dla wszystkich kolumn nie jest możliwa.

Właściwości wiersza

  • Kolor tła: tutaj możesz zmienić kolor tła wiersza, niezależnie od koloru tła kolumn. Innymi słowy, zmienisz kolor pustej przestrzeni po obu stronach wiadomości email, wyrównanej do wysokości tego wiersza.

  • Kolor tła zawartości: w tym miejscu możesz zmienić kolor tła wszystkich kolumn naraz.

  • Obraz tła: możesz przesłać obraz dla tła każdego wiersza. Podobnie jak w przypadku koloru tła, będzie on ograniczony do wysokości wiersza. Masz trzy opcje dla swojego obrazu:
    - Pełna szerokość: gdy włączysz tę opcję, Twój obraz będzie obejmował całą szerokość pustej przestrzeni po obu stronach twojego maila. Wyłączenie jej spowoduje, że będzie tłem treści, ograniczonym do wysokości wiersza.
    - Powtórz: dzięki tej opcji, Twój obraz będzie automatycznie powtarzany w poziomie i w pionie. Jest to szczególnie przydatne przy tworzeniu wzorów tła. Używając małych obrazów powtarzających się we wzorze, rozmiar pliku Twojego emaila będzie znacznie mniejszy niż przy użyciu pojedynczego obrazu wzoru na całej szerokości.
    - Centrum: po włączeniu tej opcji obraz zostanie wyrównany do środka.

  • Dopełnienie: czyli odległość wewnętrzna pomiędzy krawędziami kolumny, a jej zawartością. Jeśli przełącznik "Więcej opcji" jest wyłączony, zmienisz wypełnienie po wszystkich stronach jednocześnie. Jeśli włączysz "Więcej opcji", będziesz mógł dopasować go dla każdej strony osobno.

Responsywny Design

Przez aktywację przełącznika "Ukryj na pulpicie", elementy będzie wyświetlany tylko w wersji mobilnej Twojego maila.

Wskazówka 01: Jeśli często używasz tych samych bloków (na przykład kombinacji nagłówek + obraz + przycisk) nawet w różnych kampaniach, możesz zapisać blok i użyć go ponownie. Kliknij tutaj, aby zobaczyć zapis ekranu i dowiedzieć się, jak to zrobić.

Wskazówka 02: Bloki są szczególnie przydatne, kiedy projektujesz maile o bardziej złożonej strukturze. Kliknij tutaj, aby zobaczyć zapis ekranu pokazujący, jak wykorzystać bloki do stworzenia responsywnej stopki.

Treść

W tej sekcji skonfigurujesz niektóre bardziej ogólne aspekty Twojej wiadomości email.

Click on OGÓLNE…
  • Kolor tła: kolor przestrzeni wokół Twojego newslettera

  • Szerokość treści: szerokość Twojego newslettera na ekranach komputerów stacjonarnych. Domyślnie ustawiona jest na 600 pikseli, ale możesz ją dowolnie zmieniać.

  • Wyrównanie treści: możesz wybrać pomiędzy wyrównaniem do lewej lub wyrównaniem do środka. Domyślnie ustawione jest wyrównanie do środka.

  • Styl czcionki: możesz wybrać spośród 25 dostępnych czcionek.

  • Preheader: dodaj kontynuację tytułu Twojej wiadomości

  • Linki: tutaj możesz zmienić kolor swoich linków oraz to, czy będą one podkreślone, czy nie. Są to ogólne ustawienia, które mogą być zmienione indywidualnie w elemencie "Tekst" w sekcji Zawartość.

Obrazy

W tej sekcji możesz wybierać spośród milionów darmowych, wysokiej jakości zdjęć stockowych. Po prostu wyszukaj to, czego potrzebujesz na pasku narzędzi i wybierz te, które najbardziej Ci się podobają.

Przesłane

Ta sekcja to miejsce, gdzie możesz wgrać swoje własne obrazy i GIF-y. Jedną z ciekawszych funkcji nowego edytora Drag 'n' Drop jest biblioteka mediów, w której będą zapisywane wszystkie Twoje obrazy.

Możesz przeciągnąć i upuszczać elementy bezpośrednio z biblioteki multimediów do wiadomości email. Możesz również usunąć każdy obrazek lub GIF, którego już nie potrzebujesz, klikając na przycisk ⋯ i wybierając "Usuń".


Potrzebujesz pomocy?

Jeśli masz dalsze pytania dotyczące edytora Drag 'n' Drop, skontaktuj się z nami pod adresem hello@edrone.me.


Czy to odpowiedziało na twoje pytanie?