Jak wstawić pasek odliczający kwotę brakującą do darmowej dostawy?

Jednym z najskuteczniejszych sposobów na zwiększenie wartości koszyka zakupowego klienta jest zaoferowanie mu darmowej dostawy od określonej kwoty. Aby ten zabieg marketingowy był skuteczny, należy go jednak odpowiednio komunikować. Na etapie podsumowania zamówienia może być już za późno, a więc stwórzmy pasek widoczny na stronie sklepu, który będzie na bieżąco pokazywał klientowi, ile brakuje mu do darmowej dostawy!

Poznaj Trust Bar

Trust Bar to nic innego, jak pasek informacyjny – pozioma belka o dowolnej treści, którą możesz umieścić na stronie swojego sklepu. To proste narzędzie, jednak nie oznacza to, że jest nudne! Poza samym komunikatem tekstowym, Trus Mail umożliwia zaawansowane opcje projektowania, a także umieszczenie w pasku elementów takich jak emotikony, formularz zapisu na newsletter, przyciski CTA, czy zegara, który w czasie rzeczywistym odmierza określony czas, np. do końca promocji. 

Jeśli chcesz sprawdzić, jak może wyglądać taki pasek informacyjny i jakie może pełnić funkcje, zajrzyj tutaj.

Pokaż klientowi, ile brakuje mu do darmowej dostawy!

Przejdźmy do rzeczy! Wyjaśnimy Ci krok po kroku jak dodać pasek informacyjny na stronę Twojego sklepu, który będzie pokazywał klientowi ile jeszcze brakuje mu do darmowej dostawy.

Zanim zaczniemy upewnij się, że dodając do Trustisto swoją stronę, podałeś wybraną walutę. Będzie ona automatycznie wykorzystana w tym scenariuszu. Jeśli jeszcze tego nie zrobiłeś, edytuj swoją stronę i dopisz wybraną walutę.

Gotowy?

1. Zaloguj się do swojego konta Trustisto.
2. Z zakładki u góry strony wybierz Optymalizacja, a następnie Trust Bar.
3. Kliknij granatowy przycisk Dodaj Trust Bar.

4. Wybierz typ kampanii Zwiększ sprzedaż produktów i kliknij Dalej.

5. Nazwij swoją kampanię i wybierz opcję jej aktywowania. Następnie przejdź Dalej.

6. W kolejnym kroku wybierz szablon – Darmowa dostawa. Następnie kliknij granatowy przycisk Dalej, widoczny pod zestawieniem wszystkich szablonów.

7. Wybierz położenie paska, np. u góry strony i opcję przypięcia paska. Kiedy to zrobisz, kliknij Dalej.

8. W kolejnym kroku zobaczysz podgląd swojego paska informacyjnego. Wyświetli się on na stronie Trustisto. Na początku wyświetla on komunikat: ,,Twoja dostawa jest darmowa”, ale spokojnie – zaraz się tym zajmiemy. Kliknij przycisk Dostosuj aby edytować ustawienia paska.

9. Zobaczysz okno edycji paska. Możesz zmieniać tekst, kolor tła, czcionki itp. Dostosuj pasek wedle własnej potrzeby. Najważniejsze dla tego scenariusza jest jednak prawidłowe ustawienie odliczania kwoty gwarantującej darmową dostawę:

• Możesz edytować Tekst przed osiągnięciem limitu, jednak pamiętaj, żeby pozostawić w nim zmienną $left – w jej miejscu wyświetlana będzie kwota brakująca do darmowej dostawy wraz z walutą, jaką wskazałeś w ustawieniach swojej strony.

• Tekst po osiągnięciu limitu wyświetli się, kiedy wartość koszyka spełni warunek darmowej dostawy. Jeśli chcesz, możesz go zmienić.

• W pole Limit darmowej dostawy wpisz minimalną kwotę, od której zapewniasz darmową dostawę.

• Pora przetestować to nasz pasek! zwróć uwagę na Kontekst. Ten obszar pokaże Ci, jak finalnie będzie wyglądał Twój Trust Bar z perspektywy klientów, z uwzględnieniem zmiennych wartości. Wpisz wybraną wartość koszyka. Zaobserwujesz wówczas, jak komunikat zmienia się w zależności od tego, jaka jest aktualna kwota zakupów klienta. Bez obaw! To co testujesz w ramach Kontekstu jest widoczne tylko w danej chwili dla Ciebie.

10. Kliknij granatowy przycisk Zapisz. Okno dostosowania wiadomości zostanie zamknięte. Przejdź Dalej do kolejnego kroku. Zauważ, że pasek widoczny w podglądzie został zmieniony – jeśli wpisałeś własny tekst po osiągnięciu limitu, został on zaktualizowany.

11. Dodaj Wywoływacz i kliknij Zapisz. My dla tego scenariusza wybraliśmy jako wywoływacz stronę koszyka, ale równie dobrze mogą być to strony produktowe. Pamiętaj, że możesz dodać więcej niż jeden wywoływacz. Gdy skończysz, przejdź Dalej.

12. W kolejnym kroku możesz ustawić Harmonogram wyświetlania paska informacyjnego, np. w określonym okresie. Ten krok nie są jednak obowiązkowy dla tego scenariusza. Nie zalecamy również dodawać dla niego limitów. Gdy skończysz, kliknij Dodaj Trust Bar.

13. Po chwili zobaczysz zielony komunikat o dodaniu Trust Bara. Zostaniesz wówczas przeniesiony na stronę, gdzie widnieją inne stworzone przez ciebie paski. Kliknij jeszcze tylko przycisk Publikuj, aby zmiany zostały zastosowane na Twojej stronie.

Gotowe!

Podsumowanie

Bo dodaniu Trust Bara według powyższej instrukcji, w życie zostanie wcielony następujący scenariusz:

1. W wybranym miejscu na Twojej stronie (u nas jest to strona koszyka) klient zobaczy pasek informacyjny z informacją o tym, ile brakuje mu do darmowej dostawy.
2. Jeśli klient zwiększy wartość swojego koszyka do kwoty wymaganej do darmowej dostawy, wówczas zobaczy komunikat, że darmowa dostawa została mu przyznana.

W ten sposób zachęcisz klientów do kupienia kolejnych produktów. Powodzenia!

Psst! Trust Bar ma jeszcze więcej zastosowań! Zerknij tutaj i zobacz, jakie inne scenariusze możesz stworzyć w ramach paska informacyjnego!