Przejdź do głównej zawartości
Wszystkie kolekcjeGOTOWE SCENARIUSZE AUTOMATYZACJI
Dostosuj szablon do swoich potrzeb!
Dostosuj szablon do swoich potrzeb!

Personalizacja wiadomości na wysokim poziomie już teraz!

Klaudia Wilk avatar
Napisane przez Klaudia Wilk
Zaktualizowano ponad tydzień temu

Z myślą o Twoim sklepie przygotowaliśmy szablon, który z łatwością dostosujesz do estetyki firmy w zaledwie kilku krokach.

1. Ustaw tło wiadomości:

W ustawieniach “Body” w lewym panelu kreatora możesz ustawić kolor tła wiadomości – “Background color”. Będzie ono widoczne na urządzeniach desktopowych i dużych tabletach. Wersja mobile nie będzie wyświetlała dodatkowego koloru tła - a więc miejsca po bokach maila - bo szerokość małych wyświetlaczy na to nie pozwala. Rozwiązaniem, które rekomendujemy jest zastosowanie kolorów niewiele ciemniejszych od tła samego maila. W naszym szablonie proponujemy Ci białe tło zawartości i jasną szarość w tle. Możesz wykorzystać rozjaśnione kolory firmowe lub postawić na klasyczną szarość.Oszczędność estetyczna może być Twoim dużym sprzymierzeńcem, bo dzięki niej wiadomość może wyglądać profesjonalnie i ze smakiem.

2. Ustaw swój krój i kolor tekstu

Nasz kreator umożliwia Ci szybkie ustawienie wybranego fontu dla całej wiadomości. W ustawieniach głównych, “Body”, możesz za jednym razem zmienić czcionkę wszystkich elementów. Pozwala na to zastosowana opcja “Global font” w każdym z nich.

Zalecamy użycie fontu zgodnego lub podobnego do tego, którego używasz na swojej stronie. Ważne, by wybrany kolor pozwalał zachować czytelność. Pogrubienie tekstu warto zachować dla tych jego fragmentów, które zechcesz wyszczególnić, dlatego w globalnych ustawieniach najlepiej trzymać się opcji “Regular” dla “Font weight”

3. Wstaw logo swojego sklepu

Po kliknięciu w Logo, panel z lewej strony wyświetli opcje modyfikacji elementu. Zalecamy, by wgrane przez Ciebie logo nie było zbyt duże i by został użyty jego rozmiar docelowy. Kreator co prawda umożliwia skalowanie wgrywanych obrazów, jednak zastosowanie tej opcji sprawi, że skalowanie będzie działać także w wersji mobilnej (co wpłynie na zbyt mały rozmiar logo wyświetlanego na smartfonach). Nie obsługujemy grafik wektorowych - logo wgrane musi zostać jako grafika rastrowa (zalecamy format PNG). Dzięki temu grafiki ważą mniej, co dobrze wpływa na ogólną wagę wiadomości - a to dla nas liczy się najbardziej :)

W tym miejscu możesz też zadecydować czy Twoje logo powinno wyświetlać się na środku, czy z boków wiadomości. Najbezpieczniejszą kompozycyjne opcją jest wyśrodkowanie go, ale wyrównanie do lewej również bardzo dobrze spełnia swoją fukcję.

4. Wstaw swoją grafikę lub zdjęcie główne.

Możesz wgrać w tym miejscu grafikę dopasowaną do scenariusza bądź zdjęcie z sesji Twojego sklepu. Jeśli nie masz w zanadrzu żadnych materiałów, możesz skorzystać z dostępu do darmowych banków zdjęć. W tym celu skorzystaj z opcji “More Images” -> “Stock Photos” i wybierz interesujący Cię obraz.

Jeśli jednak wgrywasz własną grafikę, to postaraj się, by jej szerokość nie była większa niż 720 pikseli. Większe obrazy, to większa waga wiadomości - warto na każdym kroku dbać o to, by była możliwie jak najmniejsza :)

5. Ustawienia tytułu i tekstu głównego

W naszym szablonie proponujemy Ci użycie dwóch bloków tekstu. Jeden z nich to tytuł wielkości 24 px, a drugi - tekst główny - wielkości 16 px. Zalecamy stosowanie podobnych rozmiarów. W tekście głównym możesz stosować pogrubienie najważniejszych elementów i wklejać emoji, jeśli uznasz to za estetycznie uzasadniony zabieg. Kreator daje Ci możliwość zastosowania podstawowych opcji formatowania tekstu: na przykład wyrównywania, listy, podkreślenia, kursywy.

6. Element dynamiczny

W zależności od scenariusza, możesz wybrać element dynamiczny, jaki chcesz wykorzystać. Automatycznie umieści on w wiadomości potrzebne produkty. Mogą to być przedmioty bestsellerowe lub niedawno oglądane przez klienta.

Jeśli chcesz specjalnie dostosować wygląd elementu dynamicznego, sprawdź naszą instrukcję: https://help.edrone.me/pl/articles/5070662-edytor-drag-n-drop#h_bcbf6fbf4f

Pamiętaj przy tym o utrzymaniu spójności stylistycznej dla przycisków (jeśli zechcesz je wykorzystać), tekstów oraz użytej czcionki. Element dynamiczny może mieć przyciski CTA raz z podpisami:

Lub same przyciski i podpisy:

Włączanie tych opcji znajdziesz w panelu po lewej stronie. Warto użyć przynajmniej opcji przycisków.

7. CTA

Pamiętaj, by przycisk przekierowujący na stronę główną (lub jaką tylko zechcesz) Twojego sklepu pasował stylistycznie do reszty wiadomości. Font, kolorystyka i styl powinny być spójne.

8. Twoje zalety w formie infografiki

Podobnie jak w przypadku przycisków, najważniejsze jest by Twoja sekcja z informacjami handlowymi pasowała do całej wiadomości. Proponujemy Ci użycie gotowych ikonek, które mogą stworzyć czytelną infografikę: zawrzyj w niej informacje o dostawie, płatnościach i zwrotach, a przede wszystkim - dostosuj podpisy do swoich potrzeb.

9. Dane kontaktowe

Uzupełnij gotowy element “Kontakt” swoimi danymi. Wybierz odpowiednie ikonki mediów społecznościowych i podepnij swoje linki. Pamiętaj by używać tej samej czcionki i kolorów! Panel z dostępnymi ikonami pojawi się po lewej stronie, gdy klikniesz w ten element:

Twój szablon wiadomości jest gotowy!


Potrzebujesz pomocy?

Jeśli masz dalsze pytania dotyczące wykorzystywania szablonów w kreatorze, skontaktuj się z nami pod adresem hello@edrone.me

Czy to odpowiedziało na twoje pytanie?