Poznaj edytor mailingów w Mailer Panel

Rozbudowany edytor mailingów w Mailer Panel pozwoli Ci na przygotowanie profesjonalnego szablonu, który możesz wykorzystać w komunikacji ze swoimi Klientami. Za jego pomocą możesz utworzyć od podstaw zupełnie nowy szablon wiadomości (Sprawdź: Tworzenie nowego szablonu wiadomości) lub też dokonać zmian w jednym z gotowych projektów (Sprawdź: Edycja istniejącego szablonu wiadomości).

Przejdź do interesującego Cię tematu:

• Budowa edytora mailingów
• Tworzenie szablonu wiadomości
• Jak dodać obrazek?
• Jak dodać przycisk?
• Jak umieścić w wiadomości kod HTML?
• Jak dodać możliwość wypisania się z subskrypcji mailingu?
• Jak dodać treść szablonu w kilku kolumnach?

Budowa edytora mailingów

Edytor mailingów w Mailer Panel podzielony jest na cztery sekcje:

1. W lewym górnym rogu znajduje się menu (1) umożliwiające wybranie różnych opcji wyświetlania wprowadzanych treści. Domyślnym widokiem jest opcja Edytuj, dzięki której możliwe jest wizualne tworzenie szablonu. Kolejne opcje to: Podgląd (umożliwia zweryfikowanie jak przygotowywany szablon będzie wyglądał), Wynik HTML (podgląd kodu HTML szablonu) oraz Wynik JSON (podgląd kodu JAVA).
2. Poniżej, po lewej stronie, znajduje się pole (2) umożliwiające tworzenie i wyświetlanie treści szablonu. Zawartość szablonu dodawać można za pomocą różnego typu bloków, zróżnicowanych w zależności od ich przeznaczenia.
3. W prawym górnym rogu dostępne jest menu (3) umożliwiające pobranie przygotowywane szablonu (opcja Pobierz plik JSON) oraz zaimportowanie kodu szablonu (opcja Importuj JSON). Możesz tu także zmienić widok wyświetlania treści przygotowywanego szablonu, aby sprawdzić jak będzie on wyglądał na komputerze lub urządzeniu mobilnym. Ostatni przycisk umożliwia schowanie lub przywrócenie paska narzędziowego znajdującego się poniżej.
4. Poniżej, po prawej stronie, dostępny jest pasek narzędziowy (4) zawierający właściwości globalne szablonu oraz właściwości poszczególnego rodzaju bloków. Umożliwiający wykonanie globalnych zmian w wyglądzie szablonu, np. zmianę koloru tła czy tekstu. Umożliwia on także wykonywanie zmian w poszczególnych dodawanych blokach, np. zmianę treści tekstu, koloru i kroju czcionki, wyrównania tekstu itp.

Tworzenie szablonu wiadomości

Treść szablonu w edytorze tworzona jest za pomocą bloków. Bloki mogą zawierać tekst, obrazy, przyciski lub inny rodzaj treści. Dodanie nowego bloku możliwe jest po kliknięciu niebieskiej ikonki ze znaczkiem + (1). Wyświetlone zostanie menu (2), z którego należy wybrać odpowiedni typ bloku. Na początku zalecane jest dodanie dwóch podstawowych bloków, tzn. Nagłówek oraz Tekst.

Aby edytować treść i wygląd bloku, kliknij na nim (1). Zostanie on zaznaczony ramką.

Po lewej stronie zostaną wyświetlone dodatkowe przyciski (2) umożliwiające zmianę kolejności na stronie edytowanego bloku lub jego usunięcie.

Po prawej stronie, w pasku narzędziowym, wyświetlone zostaną właściwości edytowanego bloku.

W przypadku bloku zawierającego tekst, możesz tu zmienić jego treść (3), kolor tekstu i tła (4), wybrać rodzaj, rozmiar i krój czcionki (5), ustawić wyrównanie tekstu (6) oraz zdefiniować marginesy (7) wewnątrz bloku.

Edytując blok nagłówka, możesz wpisać jego treść (1), zdefiniować poziom nagłówka (2), ustawić kolory (3) tekstu i tła, wybrać rodzaj i krój czcionki (4), wyrównać tekst w poziomie (5), a także zdefiniować marginesy (6) wewnątrz bloku.

Jak dodać obrazek?

Aby dodać obrazek, jako typ bloku wybierz Obraz. Wczytane zostanie domyślne zdjęcie. Możesz je zastąpić, klikając we właściwościach bloku po prawej stronie przycisk Dodaj obraz (1). Wyświetlone zostanie okno umożliwiające wybranie z dysku pliku graficznego.

Po jego załadowaniu, możesz wpisać tekst alternatywny (2), jaki wyświetlany będzie po najechaniu kursorem na obrazek.

Jeśli chcesz, aby po kliknięciu w obrazek otwarta została strona, np. kierująca do Twojego produktu, w polu Docelowy adres URL obrazu (3) wpisz pełny adres URL, do którego obrazek ma odsyłać.

Poniżej możesz także określić rozmiary obrazka (4) w pikselach, ustawić jego wyrównanie pionowe (5) wewnątrz bloku, wybrać kolor tła (6), ustawić wyrównanie poziome (7) obrazka oraz zdefiniować marginesy wewnątrz bloku (8).

Jak dodać przycisk?

Jeśli w swoim mailingu chcesz dodać przycisk, jako typ dodawanego bloku wybierz Przycisk.

We właściwościach bloku po prawej stronie możesz zmienić wyświetlany na przycisk tekst (1), a także podać Adres URL (2), na jaki Twój Klient będzie przekierowywany po kliknięciu przycisku.

Kolejna sekcja ustawień pozwoli Ci wybrać szerokość przycisku (3), jego rozmiar (4) oraz styl (5). Jeśli wybierzesz pełną szerokość przycisku, będzie on wyświetlany na całą szerokość strony. Wybranie automatycznej szerokości pozwoli na jej dostosowanie do długości wpisanego tekstu.

Niżej możesz ustawić kolory (6) tekstu wpisanego w przycisk, samego przycisku oraz tła bloku, w którym przycisk się znajduje.

Następna sekcja (7) umożliwi wybranie rodzaju, rozmiaru i kroju czcionki tekstu znajdującego się na przycisku.

Niżej możesz ustawić wyrównanie (8) przycisku w poziomie oraz zdefiniować marginesy (9) wewnątrz bloku.

Jak umieścić w wiadomości kod HTML?

Jeśli w treści szablonu chcesz dodać swój kod HTML, jako typ dodawanego bloku wybierz HTML.

We właściwościach bloku po prawej stronie, w polu Treść (1) wpisz lub wklej swój kod HTML.

Poniżej możesz wybrać kolor (2) tekstu i tła, a także zdefiniować ustawienia dotyczące czcionki (3), tzn. jej rodzaj i rozmiar.

Niżej możesz ustawić wyrównanie (4) tekstu w poziomie oraz zdefiniować marginesy (5) wewnątrz bloku.

Jak dodać możliwość wypisania się z subskrypcji mailingu?

Jeśli chcesz umożliwić Twoimi klientom wypisanie się z grupy odbiorców Twojego mailingu, możesz wykonać to za pomocą dedykowanego bloku. Dodając blok, jako jego typ wybierz Link unsubscribe.

We właściwościach bloku po prawej stronie, wpisz treść (1) rezygnacji widoczną na tworzonym szablonie.

Poniżej wybierz kolory (2) tekstu, przycisku i tła.

Następnie zdefiniuj ustawienia czcionki (3), tzn. jej rodzaj, rozmiar i krój, a także wybierz wyrównanie (4) tekstu w poziomie.

W razie konieczności, ustaw marginesy (5) wewnątrz bloku.

Po kliknięciu w tak zdefiniowany link unsubscribe, Twój klient otrzyma potwierdzenie wypisania go z listy subskrypcji Twojego mailingu. Jego adres e-mail nie zostanie usunięty z grupy kontaktów dodanej przez Ciebie w Mailer Panel, lecz nie będzie brany pod uwagę przy kolejnej wysyłce mailingu do tej grupy.

Jak dodać treść szablonu w kilku kolumnach?

Jeśli chcesz, aby treść Twojego szablonu wyświetlana była w kilku kolumnach, jako typ dodawanego bloku wybierz Kolumny.

We właściwościach bloku po prawej stronie wybierz liczbę kolumn (1), ich szerokość (2), a także odstęp między poszczególnymi kolumnami (3).

Niżej wybierz wyrównanie kolumn w pionie (4), kolor tła (5) oraz zdefiniuj marginesy (6) wewnątrz bloku.

Wewnątrz bloku pojawią się przyciski + (7) umożliwiające wybranie typów poszczególnych bloków wewnętrznych.

Treść i właściwości poszczególnych bloków wewnętrznych możesz edytować identycznie jak bloków głównych, po kliknięciu na nie.