Przejdź do głównej zawartości
Tworzenie szablonu dla porzuconego koszyka

Jak spersonalizować szablon porzuconego koszyka, tj. jak przepisać produkty z koszyka? Na co trzeba uważać?

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

Jeśli chcesz wysłać e-mail z porzuconym koszykiem swoim kontaktom, należy utworzyć szablon dla porzuconego koszyka w Ecomail, a następnie samą automatyzację, dzięki czemu e-mail zostanie wysłany. Aby automatyzacja działała prawidłowo, musisz również skonfigurować integrację ze swoim e-sklepem oraz śledzić użytkowników w sieci.

Przyjrzyjmy się, jak utworzyć automatyzację i szablon dla porzuconego koszyka.

1. Integracja

Aby zintegrować swój e-sklep z Ecomail, możesz użyć jednej z naszych dostępnych wtyczek, API, lub też możesz użyć własnego rozwiązania dla integracji.


2. Przygotowanie szablonu

Jeśli już ukończyłeś integrację, musisz przygotować szablon z zawartością koszyka.

Jest to bardzo proste i pomoże Ci w tym kilka specjalnych tagów łączących, przykładowo:

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

  • *|IF:#ECM_BASKET=2|* - warunek, czy 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 są wówczas następujące (zademonstrowano dla pierwszego produktu w koszyku):

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

  • *|ECM_BASKET[1].img_url|* - lokalizacja grafiki

  • *|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 wpisy muszą mieć zmodyfikowany numer dla każdego parametru *|ECM_BASKET[1/2/3...].ProductId|*.

Podstawowym elementem jest warunek. Następujący warunek wyświetla produkty według logiki:

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

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

- jeśli w koszyku jest więcej produktów (3 lub więcej), wyświetlone będą 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|*

Następnie ustaw parametry według tego, jakie informacje chcesz przetworzyć, a także czy chcesz użyć 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 jest więcej, niż dwa przedmioty)

WSKAZÓWKA: Pod wszystkimi wstawionymi przyciskami zazwyczaj wstawia się link do koszyka w e-sklepie -> aby przekierować kontakt bezpośrednio z powrotem do koszyka po kliknięciu i tym samym przybliżyć go do dokończenia zamówienia. Kliknięcia na produkt znajdują się automatycznie poniżej grafik dzięki wstawionym tagom łączącym.

Jeśli chcesz wyrównać grafiki, które będą obok siebie, na tej samej wysokości, zalecamy wstawić tag łączący dla grafik do jednej konkretnej struktury, a także przycisk, na którym możesz wstawić link do koszyka lub do złożenia zamówienia. Oznacza to jednak, że zwłaszcza w widoku mobilnym treść będzie sortowana jako struktury jedna za drugą (będą wyświetlane grafiki jedna pod drugą, a następnie struktura z treścią nazwy, ceny).

Grafika wstawiana jest poprzez kod źródłowy 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 oraz dobre relacje ze swoimi kontaktami poprzez e-mailing ukierunkowany – użyj naszej gotowej automatyzacji lub utwórz swą własną automatyzację krok po kroku według instrukcji w niniejszym artykule.

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

Czy to odpowiedziało na twoje pytanie?