Przejdź do głównej zawartości
Wszystkie kolekcjeAutomatyzacje / Kampanie automatycznePorzucony koszyk
Tworzenie szablonu wiadomości dla porzuconego koszyka
Tworzenie szablonu wiadomości dla porzuconego koszyka

Jak spersonalizować szablon wiadomości typu porzucony koszyk, czyli jak przypomnieć użytkownikom o produktach dodanych do koszyka?

Kateřina Irová avatar
Napisane przez Kateřina Irová
Zaktualizowano ponad tydzień temu

Jeśli chcesz wysyłać do swoich kontaktów zautomatyzowane wiadomości typu porzucony koszyk, nie zapomnij najpierw o utworzeniu szablonu tego typu wiadomości w aplikacji Ecomail. Następnie stwórz automatyzację, czyli zautomatyzowaną kampanię mailingową (ang. marketing automation), dzięki której e-mail zostanie wysłany. Aby automatyzacja działała prawidłowo, musisz skonfigurować integrację ze swoim sklepem internetowym oraz śledzić zachowania użytkowników na swojej stronie.

Przyjrzyjmy się zatem, jak poprawnie stworzyć automatyzację i szablon wiadomości dla porzuconego koszyka.

Spis treści:

1. Integracja

Aby zintegrować swój e-shop z Ecomailem, możesz użyć jednej z naszych dostępnych wtyczek, API, lub też skorzystać z własnego rozwiązania dla integracji danych. Na tym etapie najważniejsze jest wysłanie zdarzenia, jakim jest opuszczony koszyk.


2. Przygotowanie szablonu

Jeśli integracja jest już gotowa, musisz przygotować szablon z zawartością koszyka.

Jest to bardzo proste i pomoże Ci w tym kilka specjalnychmerge tagów, takich jak:

  • *|#ECM_BASKET|* - liczba produktów w koszyku

  • *|IF:#ECM_BASKET=2|* - warunek, kiedy liczba produktów w koszyku wynosi 2

  • *|ECM_BASKET[1].name|* - nazwa pierwszego produktu w koszyku

  • *|ECM_BASKET[2].price|* - cena drugiego produktu w koszyku

Cechy produktu, które można przepisać z feedu są wówczas następujące (przykład dla pierwszego produktu w koszyku):

  • *|ECM_BASKET[1].productId|* - ID produktu

  • *|ECM_BASKET[1].img_url|* - lokalizacja grafiki (adres url)

  • *|ECM_BASKET[1].url|* - link do produktu

  • *|ECM_BASKET[1].name|* - nazwa produktu

  • *|ECM_BASKET[1].price|* - cena

  • *|ECM_BASKET[1].description|* - opis

W związku z tym następujące pozycje muszą mieć zmienny numer dla każdego parametru *|ECM_BASKET[1/2/3...].ProductId|*. Dlatego analogicznie dla drugiego produktu w koszyku zapis będzie wyglądał następująco: *|ECM_BASKET[2].description|*.

Podstawowym elementem przy wypisaniu produktów znajdujących się w koszyku jest warunek.

Szablon zawsze wypisze dokładnie takie produkty, jakie znajdują się w zdarzeniu opuszczonego koszyka. Warto jednak pamiętać o tym, że jeśli w koszyku znajdowałyby się dokładnie trzy produkty, a w szablonie znajdowałby się merge tag nakazujący wypisanie czterech produktów, szablon nie zostanie wysłany.

Następujący warunek wyświetla produkty według logiki:

- jeśli w koszyku znajduje się jeden produkt, w szablonie będzie wyświetlony jeden produkt

- jeśli w koszyku znajdują się dwa produkty, w szablonie pojawią się dwa produkty

- jeśli w koszyku znajduje się więcej produktów (3 lub więcej), wyświetlone będą dokładnie trzy produkty

*|IF:#ECM_BASKET=1|*
Parameters[1]
*|ELSEIF:#ECM_BASKET=2|*
Parameters[1]
Parameters[2]
*|ELSE:|*
Parameters[1]
Parameters[2]
Parameters[3]
*|END:IF|*

Parametry nastawiaj zgodnie z tym, jakie informacje chcesz przetworzyć. Uwzględnij także to, czy chcesz np. korzystać z przycisków czy nie.

Jako przykład, oto szablon zawierający warunek według liczby przedmiotów w koszyku użytkownika:

  • jeden przedmiot

  • dwa przedmioty (tj. nawet, gdy w koszyku są więcej, niż dwa przedmioty)

WSKAZÓWKA: Pod wszystkimi wstawionymi przyciskami wstawiaj link do koszyka w sklepie internetowym -> aby bezpośrednio po kliknięciu przekierować kontakt z powrotem do koszyka i tym samym przybliżyć go do dokończenia zamówienia. Kliknięcia na produkt automatycznie znajdują pod grafikami dzięki wstawionym merge tagom.

Jeśli chcesz aby znajdujące się obok siebie grafiki zostały wyrównane do tej samej wysokości, proponujemy wstawić merge tag dla grafik do własnej struktury. Ta sama zasada obowiązuje również przycisk, na którym możesz wstawić link do koszyka lub do złożenia zamówienia. Oznacza to jednak, że zwłaszcza na urządzeniu mobilnym treść będzie uporządkowana, tak jak następują za sobą kolejne struktury jedna za drugą (grafiki będą wyświetlane jedna pod drugą, a dopiero później struktura z treścią nazwy, cenami itd.).

Grafika wstawiana jest poprzez kod źródłowy w treści tekstowej (Źródło na listwie narzędzi).

Zalecamy również ustawienie maksymalnego rozmiaru grafik produktowych, ponieważ w przeciwnym razie wyświetlą się w swoim rozmiarze oryginalnym. Kod dla takiej grafiki może wyglądać następująco:

<img alt="*|ECM_BASKET[1].name|*" src="*|ECM_BASKET[1].img_url|*" width="250" />
<!-- Gdzie 250 to maksymalna szerokość grafiki -->

Newsletter ma szerokość 600px, warto zatem odpowiednio ustawić rozmiar grafik, tj. trzy grafiki (produkty) obok siebie powinny mieć maksymalnie 200px każda, dwie grafiki (produkty) mogą mieć maksymalnie 300px itp.


3. Ustawienia automatyzacji dla porzuconego koszyka

WSKAZÓWKA: Zacznij budować świadomość marki (ang. brand awareness) oraz dobre relacje ze swoimi kontaktami poprzez e-mailing ukierunkowany (ang. targeted emailing) – użyj naszej gotowej automatyzacji lub utwórz swoją własną, krok po kroku na podstawie instrukcji w poniższym artykule.ule.

Czy tworzenie szablonów i automatyzacja sprawiają Ci trudności? Potrzebujesz pomocy z ustawieniami? Nie wahaj się skontaktować z nami na naszym czacie, który jest dostępny w aplikacji bądź na stronie internetowej.


4. Jak poprawnie przetestować automatyzację?

Aby poprawnie przetestować automatyzację, trzeba spełnić te warunki:

  • Mieć poprawnie ustawiony proces automatyzacji

  • Testowy adres e-mail musi znajdować się na liście kontaktów w Ecomail

  • Zidentyfikować użytkownika na stronie

  • Odczekać, by dane z Twej strony przeniosły się do aplikacji Ecomail

Jak dokładnie przeprowadzić te kroki znajdziesz w tej instrukcji.

Czy to odpowiedziało na twoje pytanie?