Jak stworzyć angażującą klienta promocję na Black Friday w PrestaShop
Home / Laboratorium / Prestashop

Jak stworzyć angażującą klienta promocję na Black Friday w PrestaShop

Black Friday zbliża się wielkimi krokami. Dla właścicieli sklepów internetowych oznacza to czas intensywnej walki o uwagę klientów. Wszyscy przygotowują promocje, obniżają ceny, projektują banery i wysyłają newslettery. …

Paweł Nosko 4 listopad 2026 27 min czytania

Black Friday zbliża się wielkimi krokami. Dla właścicieli sklepów internetowych oznacza to czas intensywnej walki o uwagę klientów. Wszyscy przygotowują promocje, obniżają ceny, projektują banery i wysyłają newslettery. Problem w tym, że niemal każdy sklep robi dokładnie to samo.

A gdyby zamiast kolejnego komunikatu „-20% na wszystko” zaprosić klienta do zabawy, w której sam wylosuje swoją nagrodę? 🎡

Właśnie z takiego pomysłu powstał DC SpinToWin – moduł koła fortuny dla PrestaShop , który przygotowałem w Design Cart z myślą o naszych stałych klientach.

Chciałem dać im coś więcej niż standardowe narzędzie promocyjne. Coś, co pozwoli wyróżnić sklep podczas Black Friday, przyciągnąć uwagę odwiedzających i sprawić, że zdobycie rabatu stanie się małym wydarzeniem.

Spin To Win w pełnej odsłonie na froncie sklepu
Spin To Win w pełnej odsłonie na froncie sklepu

Zamiast automatycznie rozdawać wszystkim identyczne kupony, możemy pozwolić klientom zakręcić wirtualnym kołem, wylosować jedną z przygotowanych nagród i odebrać kod rabatowy na adres e-mail.

Brzmi prosto? Bo sam pomysł jest prosty. Natomiast możliwości jego wykorzystania w handlu internetowym są znacznie większe, niż mogłoby się wydawać.

Tworzenie sklepów internetowych wymaga coraz to większej kreatywności od nas, przy jednoczesnym zachowaniu możliwie jak najprostszej drogi obsługi rozwiązań przez właściciela sklepu. Zobacz na poniższym filmie jak sobie z tym radzimy:

🎯 Dlaczego tradycyjne promocje przestają wystarczać?

Wyobraźmy sobie dwa sklepy internetowe sprzedające podobne produkty.

Pierwszy wita odwiedzającego dużym banerem:

„Black Friday! Rabaty do 30%!”

Drugi wyświetla zaproszenie:

„Black Friday! Zakręć kołem i sprawdź, jaki rabat przygotowaliśmy dla Ciebie!”

Oba sklepy oferują zniżki. Różnica polega na sposobie ich prezentacji.

W pierwszym przypadku klient otrzymuje zwykłą informację. W drugim zostaje zaproszony do wykonania konkretnej czynności.

Musi zainteresować się komunikatem, otworzyć koło, zakręcić nim i poczekać na wynik.

To przykład wykorzystania grywalizacji (gamification) w e-commerce, czyli wprowadzania mechanizmów znanych z gier do czynności, które na co dzień z grami nie mają wiele wspólnego.

Nie oznacza to oczywiście, że każdy klient kupi więcej tylko dlatego, że zakręcił kołem. Taki mechanizm może jednak skuteczniej przyciągać uwagę niż kolejny statyczny baner z procentową obniżką.

Co ważne, grywalizacja nie musi oznaczać rozbudowanych programów lojalnościowych czy kosztownych aplikacji. Czasami wystarczy jedna, dobrze zaprojektowana interakcja.

Jeśli podoba Ci się to rozwiązanie ale nie wiesz za bardzo jak się zabrać za jego wdrożenie skorzystaj z oferty tworzenie sklepów Prestashop i napisz do nas. 

🚀 Co sklep internetowy może zyskać dzięki Spin to Win?

1. Większe zaangażowanie klientów

Typowy użytkownik sklepu przegląda produkty, porównuje ceny i przechodzi pomiędzy kategoriami. Nie zawsze zwraca uwagę na komunikaty promocyjne.

Interaktywne koło fortuny wprowadza do tego procesu zupełnie nowy element.

Klient przestaje być wyłącznie odbiorcą reklamy. Staje się uczestnikiem zabawy.

Może fizycznie zakręcić kołem, obserwować animację i sprawdzić, jaka nagroda została wylosowana.

Taka interakcja może zwiększać zainteresowanie promocją, szczególnie w okresach intensywnych kampanii sprzedażowych.

2. Więcej czasu spędzonego w sklepie

W analityce internetowej często analizujemy czas zaangażowania użytkownika oraz zachowanie odwiedzających na stronie. W kontekście SEO spotykamy również pojęcie dwell time , odnoszące się do czasu pomiędzy wejściem na stronę z wyników wyszukiwania a powrotem do tych wyników.

Spin to Win może skłonić klienta do wykonania dodatkowych czynności i pozostania w sklepie nieco dłużej.

Nie twierdzę jednak, że samo wydłużenie wizyty automatycznie poprawi pozycję strony w Google. Nie ma podstaw, aby obiecywać taki efekt.

Z perspektywy właściciela sklepu bardziej interesujące jest to, czy dodatkowy czas przekłada się na rzeczywiste zainteresowanie ofertą.

Jeżeli klient najpierw wylosuje rabat, a następnie zacznie szukać produktów, na których może go wykorzystać, mechanizm spełnia swoje zadanie.

3. Pozyskiwanie adresów e-mail 📧

To jedna z funkcji, na których szczególnie mi zależało.

Po wylosowaniu nagrody klient nie otrzymuje kodu rabatowego automatycznie na ekranie. Musi podać adres e-mail, na który system wyśle wiadomość z odpowiednim kuponem.

Dzięki temu sklep może gromadzić kontakty osób aktywnie zainteresowanych promocją.

W panelu administratora dostępna jest lista zgłoszeń oraz eksport danych do pliku CSV.

Warto jednak pamiętać o ważnym rozróżnieniu: podanie adresu w celu otrzymania nagrody nie jest automatycznie zgodą na otrzymywanie newslettera czy innych wiadomości marketingowych .

Jeśli zamierzamy wykorzystywać zebrane adresy również w późniejszych kampaniach mailingowych, musimy zadbać o odpowiednią, odrębną podstawę prawną i właściwą informację dla użytkownika.

Sam moduł zapewnia mechanizm zgody na przetwarzanie adresu w celu przesłania kodu. Nie należy utożsamiać go z pełnym systemem zarządzania zgodami newsletterowymi.

4. Silniejsza motywacja do wykorzystania rabatu

Jest pewna różnica pomiędzy kuponem, który otrzymujemy bez żadnego wysiłku, a nagrodą zdobytą w wyniku własnego działania.

W drugim przypadku klient może postrzegać promocję bardziej osobiście.

„Wygrałem 20 zł rabatu” brzmi inaczej niż „Sklep oferuje 20 zł rabatu”.

Nie jest to gwarancja większej sprzedaży, ale ciekawy mechanizm psychologiczny, który warto wykorzystać i przetestować.

Dodatkowo możemy przygotować kupony z określonym terminem ważności czy minimalną wartością zamówienia. Takimi warunkami zarządzamy już bezpośrednio w PrestaShop.

5. Większe możliwości przygotowania promocji Black Friday

W tradycyjnej kampanii często stosujemy jedną obniżkę dla wszystkich odwiedzających.

SpinToWin pozwala wykorzystać kilka różnych nagród w jednej akcji.

Przykładowo mogą to być:

  • 5% rabatu na całe zamówienie.

  • 10% rabatu na wybraną kategorię.

  • 20 zł zniżki przy zakupach od 150 zł.

  • Darmowa dostawa.

  • 25% rabatu na określoną grupę produktów.

  • Specjalny kupon dla powracających klientów.

Wszystkie te nagrody możemy oprzeć na kuponach przygotowanych wcześniej w systemie PrestaShop.

Nie musimy tworzyć drugiego, niezależnego systemu rabatowego.

🎡 DC SpinToWin – moje podejście do koła fortuny w PrestaShop

Przygotowując moduł, postawiłem sobie kilka założeń.

Po pierwsze, koło powinno wyglądać atrakcyjnie. Nie chciałem tworzyć kolejnego płaskiego okręgu, który jedynie obraca obrazkiem.

Po drugie, administrator musi mieć kontrolę nad promocją. Chodzi o możliwość wyboru kuponów, zmiany treści, kolorów, sposobu uruchamiania oraz częstotliwości wyświetlania.

Po trzecie, rozwiązanie powinno korzystać z mechanizmów rabatowych istniejących już w PrestaShop.

W ten sposób powstał Design Cart SpinToWin , moduł wykorzystujący animowane koło 3D, systemowe reguły koszyka PrestaShop oraz mechanizm wysyłania nagród pocztą elektroniczną.

Co potrafi moduł?

Najważniejsze możliwości to:

  • 🎡 Interaktywne koło fortuny 3D oparte na bibliotece Three.js.

  • 🎟️ Losowanie nagród z wybranych kuponów systemowych PrestaShop.

  • 📩 Wysyłanie wylosowanego kodu rabatowego na e-mail.

  • 📊 Zapisywanie zgłoszeń i eksport do CSV.

  • 🌍 Wielojęzyczne treści popupów i wiadomości.

  • 🎨 Personalizacja kolorów oraz typografii.

  • 🖱️ Uruchamianie popupu automatycznie albo kliknięciem wskazanego elementu.

  • ⚙️ Kontrola częstotliwości wyświetlania.

  • 🔐 Opcjonalny checkbox zgody na przetwarzanie danych.

Moduł jest przeznaczony dla PrestaShop 9 . Prezentowaną wersję 1.0.0 przygotowałem i sprawdzałem na PrestaShop 9.0.3.

Jak działa SpinToWin z punktu widzenia klienta?

Cały mechanizm można przedstawić w kilku krokach.

Krok 1. Otwarcie koła

Klient odwiedza sklep. W zależności od konfiguracji popup może otworzyć się automatycznie lub po kliknięciu wybranego przycisku.

Krok 2. Zakręcenie kołem

Użytkownik uruchamia animację koła 3D. System wybiera jedną z nagród przypisanych do aktywnych kuponów.

Krok 3. Prezentacja wygranej

Po zakończeniu animacji pojawia się karta prezentująca wylosowany rabat i nazwę nagrody.

Krok 4. Podanie adresu e-mail

Klient wpisuje adres e-mail i, jeśli odpowiednia opcja jest aktywna, zaznacza checkbox zgody.

Krok 5. Wysłanie kodu

Moduł zapisuje zgłoszenie oraz wysyła wiadomość z kodem rabatowym.

Krok 6. Zakupy z rabatem

Klient może wykorzystać otrzymany kupon zgodnie z jego warunkami ustawionymi w PrestaShop.

To istotne: SpinToWin odpowiada za interaktywną prezentację i przydzielenie nagrody, natomiast zasady realizacji kuponu pozostają po stronie systemowego mechanizmu rabatowego sklepu.

📖 Dokumentacja modułu DC SpinToWin

Przejdźmy teraz do konkretów.

Zależało mi na tym, aby obsługa modułu nie wymagała znajomości programowania. Zamiast jednego ogromnego formularza przygotowałem panel podzielony na pięć głównych sekcji.

Panel administracyjny modułu Design Cart SpinToWin dla PrestaShop 9. Dashboard z pięcioma sekcjami konfiguracji.
Panel administracyjny modułu Design Cart SpinToWin dla PrestaShop 9. Dashboard z pięcioma sekcjami konfiguracji.

Panel główny – Dashboard

Po otwarciu konfiguracji modułu zobaczymy pięć kafelków.

Sekcja Przeznaczenie
Ogólne Włączanie modułu, określanie miejsca i częstotliwości wyświetlania, selektory CSS oraz kolory popupów.
Kupony Wybór istniejących kuponów PrestaShop, które mają pojawiać się jako nagrody.
Adresy e-mail Podgląd zgłoszeń i eksport zebranych danych do CSV.
Treści Edycja wszystkich tekstów widocznych w popupach i wiadomości wysyłanej klientowi.
Typografia Ustawienia wyglądu tekstów, rozmiarów, grubości, kolorów i wielkich liter.

Każda sekcja ma własny ekran oraz odpowiednio pogrupowane ustawienia.

1. Ogólne – konfiguracja działania modułu

W sekcji Ogólne znajdziemy trzy zakładki: Status i wyświetlanie , Przycisk / klasy CSS oraz Kolory popupów .

1.1. Status i wyświetlanie

Tutaj decydujemy, czy i gdzie koło fortuny będzie aktywne.

Ustawienia modułu SpinToWin: włączenie, miejsce wyświetlania i częstotliwość otwierania popupu.
Ustawienia modułu SpinToWin: włączenie, miejsce wyświetlania i częstotliwość otwierania popupu.
Opcja Dostępne wartości Opis
Moduł włączony na froncie Tak / Nie Główny przełącznik aktywności koła fortuny w sklepie.
Na których stronach pokazywać? Tylko strona główna Popup dostępny wyłącznie na stronie głównej sklepu.
Na których stronach pokazywać? Każda podstrona sklepu Moduł może pojawiać się również na stronach produktów, kategorii i innych podstronach.
Jak często otwierać popup? Tylko raz (zapamiętaj w przeglądarce) Po pierwszym wyświetleniu informacja zostaje zapisana w localStorage .
Jak często otwierać popup? Przy każdej nowej sesji Otwarcie jest zapamiętywane w sessionStorage , dzięki czemu popup nie otwiera się ponownie podczas tej samej sesji przeglądarki.
Jak często otwierać popup? Przy każdym przeładowaniu strony (testy) Popup otwiera się automatycznie przy kolejnych załadowaniach strony.
Jak często otwierać popup? Tylko po kliknięciu przycisku Automatyczne otwieranie zostaje wyłączone. Klient sam uruchamia koło przez wskazany element.

Które ustawienie polecam?

W przypadku dłuższej kampanii promocyjnej zacząłbym od wyświetlania tylko raz w przeglądarce. Pozwala to zaprezentować promocję bez niepotrzebnego przerywania kolejnych wizyt.

Opcję uruchamiania przy każdym przeładowaniu strony traktowałbym przede wszystkim jako tryb testowy.

Warto również wiedzieć, że zapamiętywanie wyświetlenia w przeglądarce nie jest mechanizmem ograniczającym liczbę przyznawanych nagród na poziomie konta klienta.

1.2. Przycisk / klasy CSS

Ta opcja daje większą swobodę umieszczania zaproszenia do zabawy w różnych miejscach sklepu.

Definiowanie selektorów CSS otwierających koło fortuny SpinToWin w PrestaShop.
Definiowanie selektorów CSS otwierających koło fortuny SpinToWin w PrestaShop.
Opcja Opis
Selektory CSS Lista selektorów elementów, których kliknięcie ma otwierać popup. Można podać kilka selektorów oddzielonych przecinkami.
Domyślna wartość .dc-stw-open
Przykładowe dodatkowe selektory #open-wheel , .menu-spin , .btn-spin

Przykładowo w ustawieniach możemy wpisać:

.dc-stw-open, #open-wheel, .menu-spin

A następnie umieścić w szablonie przycisk:

<button type="button" class="dc-stw-open">
  🎁 Zakręć kołem i wygraj rabat!
</button>

Po kliknięciu przycisku moduł otworzy przygotowany popup.

Taki element możemy umieścić na przykład w nagłówku, sekcji promocyjnej strony głównej czy przygotowanym specjalnie na Black Friday banerze HTML.

Warto pamiętać, że ustawienie selektora nie powoduje automatycznego stworzenia przycisku. Element musi już istnieć w strukturze strony.

1.3. Kolory popupów

Tutaj możemy dopasować podstawowe tła do identyfikacji wizualnej sklepu.

Personalizacja kolorów tła głównego popupu i karty odbioru nagrody w SpinToWin.
Personalizacja kolorów tła głównego popupu i karty odbioru nagrody w SpinToWin.
Opcja Wartość domyślna Opis
Tło popupu z kołowrotkiem #2a1259 Kolor tła dużego okna z kołem fortuny.
Tło małego popupu (odbiór nagrody) #ffffff Kolor tła karty prezentującej wygraną i formularz e-mail.

Kolory można wybierać przez graficzny color picker.

Jeżeli sklep wykorzystuje ciemną stylistykę, możemy pozostawić głębokie odcienie fioletu. Przy jaśniejszym motywie nic nie stoi na przeszkodzie, aby przygotować zupełnie inną kolorystykę.

Pozostałe elementy tekstowe dostosujemy później w sekcji Typografia.

2. Kupony – jakie nagrody może wygrać klient?

To najważniejszy element całej promocji.

Nie chciałem tworzyć kolejnego systemu definiowania rabatów. PrestaShop ma już rozbudowany mechanizm reguł koszyka, dlatego SpinToWin korzysta właśnie z niego.

Administrator przygotowuje kupony w panelu sklepu, a następnie wybiera te, które mają pojawiać się na kole.

Panel wyboru systemowych kuponów PrestaShop wykorzystywanych jako nagrody na kole SpinToWin.
Panel wyboru systemowych kuponów PrestaShop wykorzystywanych jako nagrody na kole SpinToWin.

Ustawienia zakładki Kupony

Element Działanie
Lista kuponów systemowych Wyświetla aktywne reguły koszyka dostępne dla sklepu.
Kafelek kuponu Prezentuje wartość rabatu, nazwę promocji i kod kuponu.
Zaznaczenie kafelka Dodaje wskazany kupon do zestawu nagród.
Odznaczenie kafelka Usuwa kupon z zestawu nagród SpinToWin, nie kasując go z PrestaShop.
Podświetlenie kafelka Wizualnie wskazuje nagrody wybrane do losowania.
Zapisz wybór kuponów Zapisuje listę kuponów wykorzystywanych przez moduł.

Jak przygotować nagrody?

Najpierw przechodzimy do systemowego zarządzania rabatami PrestaShop i tworzymy odpowiednie reguły koszyka.

Możemy określić między innymi wartość rabatu, termin ważności, minimalną wartość zamówienia oraz inne dostępne warunki wykorzystania kuponu.

Następnie wracamy do modułu i zaznaczamy wybrane kupony.

Przykładowy zestaw nagród na Black Friday:

Nagroda Przykładowe zastosowanie
5% Niewielki rabat na dowolne zamówienie.
10% Rabat na wybraną kategorię.
15 zł Zniżka od określonej wartości koszyka.
20 zł Nagroda dla klientów planujących większe zakupy.
25% Mocniejsza promocja z odpowiednimi ograniczeniami.
Darmowa dostawa Zachęta do finalizacji zamówienia.

Wszystkie te warunki ustalamy w odpowiednich regułach PrestaShop.

Czy można wykorzystać istniejące kupony?

Tak. To jedna z zalet tego rozwiązania.

Nie trzeba odtwarzać kuponów, które już istnieją w sklepie. Wystarczy je zaznaczyć.

Moduł obsługuje nagrody wyrażone procentowo, kwotowo oraz darmową dostawę, korzystając z danych systemowych reguł koszyka.

Ważne, aby kupony były aktywne i miały przypisany kod. Warto również sprawdzić daty ważności oraz warunki realizacji.

Jak działa losowanie nagród?

W wersji 1.0.0 wybór nagrody odbywa się w kodzie JavaScript koła.

Każda z wybranych nagród ma standardowo jednakową wagę losowania. Moduł nie udostępnia obecnie w panelu osobnych ustawień prawdopodobieństwa dla poszczególnych kuponów.

Nie ma więc opcji pozwalającej określić, że przykładowo rabat 5% ma pojawiać się w 50% losowań, a rabat 25% tylko w 2%.

Jest to celowo prosty mechanizm, który nie komplikuje przygotowania promocji.

Trzeba też zaznaczyć, że w tej wersji wybór wyniku jest realizowany po stronie przeglądarki, a serwer przy odbiorze nagrody weryfikuje, czy przekazany kupon należy do wybranych i jest aktywny. Nie jest to system certyfikowanego losowania ani mechanizm zabezpieczający przed manipulacją wynikiem po stronie klienta.

W przypadku akcji, w której poszczególne nagrody mają istotnie różną wartość, należałoby zastosować dodatkowe zabezpieczenia i losowanie po stronie serwera.

3. Adresy e-mail – lista uczestników i eksport danych 📧

SpinToWin nie kończy działania w momencie zatrzymania koła.

Po wylosowaniu nagrody klient może podać adres e-mail, a moduł zapisze zgłoszenie i podejmie próbę wysłania kuponu.

W panelu administracyjnym przygotowałem osobną sekcję do przeglądania tych informacji.

Lista zgłoszeń SpinToWin z datami, adresami e-mail, kodami rabatowymi, nagrodami i eksportem CSV.
Lista zgłoszeń SpinToWin z datami, adresami e-mail, kodami rabatowymi, nagrodami i eksportem CSV.

Dostępne funkcje

Opcja Opis
Eksportuj wszystko Pobiera pełny eksport zgłoszeń w formacie CSV.
Tylko adresy e-mail Pobiera uproszczony plik CSV zawierający adresy e-mail.
Łącznie rekordów Pokazuje liczbę zapisanych zgłoszeń.
Lista zebranych adresów Wyświetla historię zgłoszeń.
Data Data i godzina zapisania zgłoszenia.
E-mail Adres podany przez uczestnika.
Kod Kod rabatowy przypisany do zgłoszenia.
Nagroda Wartość i nazwa wylosowanej nagrody.

Limity podglądu i format eksportu

Lista administratora pokazuje maksymalnie 200 najnowszych rekordów . Nie jest to jednak limit liczby przechowywanych zgłoszeń.

W kodzie eksportu zastosowałem pliki CSV z kodowaniem UTF-8 i znacznikiem BOM, co ułatwia ich otwieranie w popularnych arkuszach kalkulacyjnych.

Eksport pełny zawiera również identyfikatory zgłoszeń i kuponów oraz adres IP, choć tych danych nie pokazuję w podstawowej tabeli.

W obecnej implementacji eksport jednorazowo pobiera do 100 000 rekordów. Przy większych zbiorach należałoby rozważyć eksport partiami.

Do czego wykorzystać dane?

Podstawowym zastosowaniem jest sprawdzenie, ilu użytkowników odebrało nagrody oraz jakie kupony im przypisano.

Możemy również zestawić liczbę zapisanych zgłoszeń ze sprzedażą i wykorzystaniem kodów w PrestaShop.

Daje to możliwość oceny, czy akcja promocyjna rzeczywiście przynosi oczekiwane rezultaty.

Pamiętajmy jednak, że sama baza zgłoszeń nie jest automatycznie bazą subskrybentów newslettera. Przed wykorzystaniem adresów do innych celów marketingowych należy zadbać o odpowiednią podstawę prawną.

4. Treści – pełna kontrola nad komunikatami

Nie każdy sklep prowadzi sprzedaż w jednym języku. Co więcej, nie każdy właściciel chce używać identycznych komunikatów.

Dlatego przygotowałem możliwość edytowania tekstów widocznych w poszczególnych etapach zabawy.

Sekcja Treści jest podzielona na trzy zakładki:

  • Popup z kołem.

  • Odbiór nagrody.

  • E-mail z kodem.

Treści są przechowywane osobno dla języków sklepu. W instalacji modułu przygotowałem również domyślne komunikaty polskie i angielskie.

4.1. Popup z kołem

To pierwsze komunikaty, jakie zobaczy klient.

Edycja wielojęzycznego tytułu i podtytułu koła fortuny SpinToWin.
Edycja wielojęzycznego tytułu i podtytułu koła fortuny SpinToWin.
Opcja Opis Przykładowa treść
Język treści Wybór języka, dla którego edytujemy komunikaty. PL
Tytuł koła Główny, duży nagłówek nad kołowrotkiem. SPIN TO WIN
Podtytuł Krótka instrukcja lub zachęta do udziału. Chwyć koło i zakręć, aby wygrać rabat.

Na potrzeby Black Friday możemy wykorzystać bardziej okazjonalne komunikaty.

Na przykład:

Tytuł: BLACK FRIDAY – ZAKRĘĆ PO RABAT!

Podtytuł: Sprawdź, jaką niespodziankę przygotowaliśmy dla Ciebie. Zakręć kołem i odbierz swoją nagrodę!

Warto eksperymentować z treściami. Jedne sklepy mogą postawić na język zabawy, inne na bardziej elegancki komunikat.

4.2. Odbiór nagrody

Kiedy koło się zatrzyma, użytkownik zobaczy mniejszy popup z informacją o wygranej oraz formularzem odbioru kodu.

Konfiguracja komunikatów karty wygranej, formularza e-mail oraz zgody RODO w SpinToWin.
Konfiguracja komunikatów karty wygranej, formularza e-mail oraz zgody RODO w SpinToWin.
Opcja Opis
Nagłówek wygranej Tekst wyświetlany po wylosowaniu nagrody, np. „Gratulacje! Wygrałeś:”.
Etykieta pola e-mail Nazwa pola, w którym użytkownik podaje adres.
Placeholder e-mail Przykładowy adres wyświetlany wewnątrz pustego pola.
Przycisk odbioru Tekst przycisku wysyłającego kod rabatowy na e-mail.
Komunikat sukcesu Informacja prezentowana po pomyślnej wysyłce kodu.
Komunikat błędu Informacja wyświetlana w razie niepowodzenia operacji.
Włącz zgodę RODO Włącza lub wyłącza checkbox zgody przy formularzu.
Tekst zgody RODO Treść zgody prezentowana użytkownikowi.
Komunikat gdy RODO niezaznaczone Informacja o konieczności zaznaczenia zgody przed wysłaniem formularza.

Obsługa zgody RODO

Domyślnie checkbox zgody jest aktywny.

Jeśli administrator pozostawi go włączonego, klient musi go zaznaczyć, aby otrzymać nagrodę.

Moduł sprawdza ten warunek również po stronie serwera, a nie wyłącznie w przeglądarce.

Tekst zgody można dostosować do polityki prywatności sklepu.

Zwracam jednak uwagę, że treść zgody powinna odpowiadać rzeczywistemu celowi przetwarzania danych, a nie stanowić uniwersalnego sposobu pozyskiwania zgód marketingowych.

Jeżeli sklep przetwarza adres jedynie w celu przesłania kodu, należy odpowiednio opisać tę czynność. Jeśli dodatkowo zamierza zapisywać użytkowników na newsletter, potrzebny jest właściwie zaprojektowany, odrębny mechanizm.

4.3. E-mail z kodem

Po zapisaniu zgłoszenia moduł wysyła wiadomość z wylosowanym kuponem.

Administrator może określić zarówno temat, jak i treść tej wiadomości.

Ustawienia treści wiadomości e-mail z kodem rabatowym w module SpinToWin.
Ustawienia treści wiadomości e-mail z kodem rabatowym w module SpinToWin.
Opcja Opis
Język treści Określa wersję językową wiadomości.
Temat e-maila Tytuł wiadomości wysyłanej do klienta.
Treść e-maila Główna zawartość wiadomości z kodem i informacją o nagrodzie.

Dynamiczne znaczniki w wiadomości

W treści wiadomości możemy wykorzystać trzy placeholdery:

Znacznik Działanie
{coupon_code} Wstawia kod rabatowy przypisany do wygranej.
{prize_amount} Wstawia wartość nagrody, np. 20% lub 15 zł .
{prize_name} Wstawia nazwę kuponu lub nagrody.

Przykładowa wiadomość:

Temat: 🎁 Twoja nagroda Black Friday już czeka!

Cześć!

Dziękujemy za udział w naszej zabawie Spin to Win.

Twoja nagroda: {prize_amount} {prize_name}

Kod rabatowy: {coupon_code}

Wykorzystaj go podczas zakupów w naszym sklepie.

Miłych zakupów!

Dzięki placeholderom nie musimy tworzyć osobnych wiadomości dla każdego kuponu. Moduł automatycznie podstawia dane przypisane do wylosowanej nagrody.

Wysyłka odbywa się przez system pocztowy PrestaShop, dlatego przed rozpoczęciem kampanii należy sprawdzić poprawność konfiguracji e-mail sklepu.

5. Typografia – dopasowanie wyglądu do sklepu 🎨

Dobrze zaprojektowany popup promocyjny powinien wyglądać jak część sklepu, a nie przypadkowa reklama doklejona do strony.

Dlatego w module umieściłem osobną sekcję odpowiedzialną za wygląd tekstów.

Dzieli się ona na dwie zakładki: Kołowrotek oraz Karta wygranej .

5.1. Kołowrotek

Personalizacja typografii tytułu i podtytułu koła fortuny w PrestaShop SpinToWin.
Personalizacja typografii tytułu i podtytułu koła fortuny w PrestaShop SpinToWin.

Możemy niezależnie zmieniać wygląd dwóch podstawowych elementów.

Element Dostępne ustawienia
Tytuł koła Kolor tekstu, rozmiar w pikselach, grubość czcionki, automatyczna zamiana na wielkie litery.
Podtytuł Kolor tekstu, rozmiar w pikselach, grubość czcionki, automatyczna zamiana na wielkie litery.

Każde ustawienie działa niezależnie.

Przykładowo możemy przygotować duży, żółty tytuł z grubą czcionką, a pod nim umieścić delikatniejszy opis w kolorze jasnego fioletu.

W prezentowanej konfiguracji domyślne wartości wynoszą:

Parametr Tytuł koła Podtytuł
Kolor #ffd54a #e6dcff
Rozmiar 42 px 16 px
Grubość 900 400
Uppercase Tak Nie

5.2. Karta wygranej

Ta zakładka odpowiada za wygląd małego popupu pojawiającego się po zakończeniu losowania.

Pełna konfiguracja typografii karty wygranej: nagłówek, rabat, nazwa nagrody, e-mail i przycisk odbioru.
Pełna konfiguracja typografii karty wygranej: nagłówek, rabat, nazwa nagrody, e-mail i przycisk odbioru.
Element Opis
Nagłówek wygranej Wygląd komunikatu informującego o wygranej.
Wartość rabatu Styl dużej liczby lub wartości procentowej prezentującej nagrodę.
Nazwa nagrody Wygląd dodatkowego opisu wylosowanego kuponu.
Etykieta e-mail Styl podpisu pola adresu e-mail.
Przycisk odbioru Wygląd tekstu przycisku wysyłającego kod rabatowy.

Dla każdego z tych elementów możemy określić zestaw parametrów.

Parametr Funkcja
Kolor tekstu Ustawia kolor napisów.
Rozmiar (px) Określa wielkość tekstu w pikselach.
Grubość Pozwala zastosować odpowiednią wagę czcionki, np. 400, 600, 700 lub 900.
Uppercase Automatycznie zamienia litery na wielkie.
Tło Dodatkowa opcja dostępna dla przycisku odbioru nagrody.

W przypadku przycisku możemy więc niezależnie ustawić kolor tekstu i jego tło.

Dlaczego rozdzieliłem ustawienia?

Ponieważ duża wartość rabatu powinna przyciągać uwagę, a etykieta pola e-mail nie musi być równie wyrazista.

Możemy na przykład przygotować kartę, w której napis „Gratulacje!” będzie stosunkowo niewielki, natomiast wylosowane 30% zajmie centralną część okna.

To niewielki szczegół, ale pozwala łatwiej zbudować odpowiednią hierarchię wizualną.

🛠️ Instalacja modułu SpinToWin w PrestaShop

Instalacja przebiega podobnie jak w przypadku standardowych modułów PrestaShop.

Krok 1. Pobierz archiwum modułu

Pobierz paczkę ZIP zawierającą moduł dc_spintowin .

Krok 2. Otwórz panel administracyjny

Zaloguj się do panelu PrestaShop i przejdź do sekcji:

Moduły → Menedżer modułów

Następnie wybierz możliwość przesłania nowego modułu.

Krok 3. Prześlij paczkę ZIP

Wskaż pobrane archiwum i rozpocznij instalację.

PrestaShop powinien rozpoznać moduł i zainstalować go w systemie.

Krok 4. Otwórz konfigurację

Po instalacji wyszukaj moduł Design Cart SpinToWin i kliknij „Konfiguruj”.

Krok 5. Przygotuj kupony

Zanim włączysz koło na froncie, utwórz odpowiednie reguły koszyka w PrestaShop.

Nadaj im kody, sprawdź wartości rabatów, aktywność oraz terminy ważności.

Następnie wróć do sekcji Kupony modułu i wybierz nagrody.

Krok 6. Ustaw treści i wygląd

Przygotuj komunikaty, dostosuj kolory, tytuły oraz formularz odbioru nagrody.

Krok 7. Włącz moduł

Przejdź do:

Ogólne → Status i wyświetlanie

Aktywuj moduł i określ sposób jego otwierania.

Krok 8. Przetestuj całą ścieżkę

Przed rozpoczęciem promocji polecam przeprowadzić kilka próbnych losowań.

Sprawdź, czy:

  • Popup poprawnie otwiera się i zamyka.

  • Koło wyświetla wszystkie wybrane nagrody.

  • Formularz poprawnie sprawdza adres e-mail i wymaganą zgodę.

  • Wiadomość z kodem dociera do skrzynki odbiorczej.

  • Kod można wykorzystać w koszyku zgodnie z warunkami promocji.

  • Zgłoszenie pojawia się na liście adresów e-mail.

Warto też przetestować moduł na telefonie i przy różnych szerokościach ekranu.

📅 Jak wykorzystałbym SpinToWin podczas Black Friday?

Gdybym przygotowywał kampanię dla sklepu internetowego, zacząłbym od prostego scenariusza.

Najpierw utworzyłbym kilka kuponów, których wartości nie zagrożą marży sklepu. Następnie przygotowałbym zaproszenie do zabawy widoczne na stronie głównej.

Nie uruchamiałbym od razu najbardziej agresywnego trybu wyświetlania popupu. Zacząłbym od jednorazowego otwarcia albo przycisku dostępnego na banerze promocyjnym.

Dzięki temu użytkownik nie musiałby zmagać się z wyskakującym oknem podczas każdej wizyty.

Przykładowy scenariusz kampanii

Etap 1 – Przygotowanie promocji

Tworzymy pulę kuponów, ustalamy warunki wykorzystania i sprawdzamy opłacalność rabatów.

Etap 2 – Start Black Friday

Na stronie głównej umieszczamy zaproszenie:

„🎡 Black Friday? U nas sam losujesz rabat!”

Etap 3 – Interakcja klienta

Użytkownik otwiera koło, wykonuje losowanie i odbiera nagrodę.

Etap 4 – Wykorzystanie kodu

Klient otrzymuje wiadomość i może przejść do zakupów.

Etap 5 – Analiza wyników

Po zakończeniu promocji sprawdzamy liczbę zgłoszeń, wykorzystanie kodów rabatowych i sprzedaż.

Sama liczba zakręceń kołem czy zgłoszeń e-mail nie powinna być jedynym miernikiem sukcesu.

Ważniejsze jest to, czy akcja przyniosła dodatkowe zamówienia i czy koszt udzielonych rabatów pozostaje uzasadniony.

Kilka rzeczy, o których warto pamiętać

SpinToWin jest narzędziem promocyjnym, a nie automatyczną receptą na zwiększenie sprzedaży.

Wiele zależy od atrakcyjności oferty, doboru nagród, czytelności komunikatów i sposobu uruchamiania popupu.

Przygotowując kampanię, zwróciłbym szczególną uwagę na cztery sprawy.

Po pierwsze – nie przesadzajmy z częstotliwością. Popup pojawiający się przy każdym przejściu na kolejną podstronę może bardziej przeszkadzać niż pomagać.

Po drugie – sprawdzajmy warunki kuponów. Wygranie rabatu, którego później nie można wykorzystać, może wywołać niezadowolenie klienta.

Po trzecie – zadbajmy o transparentność promocji. Warto przygotować jasne zasady udziału, warunki odbioru nagród i informację o sposobie działania losowania. Jeżeli promocja miałaby przyjmować formę loterii lub akcji z nagrodami o szczególnym charakterze, przed uruchomieniem trzeba zweryfikować obowiązujące wymogi prawne.

Po czwarte – pamiętajmy o danych osobowych. Zebrane adresy i inne informacje należy przetwarzać zgodnie z właściwą podstawą prawną, polityką prywatności i zasadami retencji danych. Obecna wersja zapisuje również adres IP uczestnika, co należy uwzględnić w dokumentacji przetwarzania.

Warto też pamiętać, że wersja 1.0.0 nie stanowi kompletnego systemu antyfraudowego, nie gwarantuje jednego losowania na osobę i nie posiada odrębnego mechanizmu losowania nagród po stronie serwera.

📥 Download – skąd pobrać DC SpinToWin?

Moduł Design Cart SpinToWin udostępniam w dwóch miejscach.

Pobieranie ze strony Design Cart

Pobierz z Design Cart1

Pobieranie z GitHub

Pobierz z GitHub

Opisana w artykule wersja modułu to 1.0.0, przeznaczona dla PrestaShop 9 .

🧩 Podsumowanie – czy warto zamienić rabat w zabawę?

Tworząc SpinToWin, nie próbowałem wymyślać promocji internetowych na nowo.

Chciałem przygotować narzędzie, które pozwoli naszym klientom w ciekawszy sposób wykorzystać mechanizmy rabatowe dostępne już w PrestaShop.

Black Friday wydawał mi się dobrym momentem, aby taki pomysł zrealizować.

Sklepy od lat konkurują ceną, promocjami i terminami dostaw. Warto jednak pamiętać, że liczy się również sposób komunikowania oferty i doświadczenie użytkownika.

SpinToWin pozwala zamienić zwykły kod rabatowy w małą interaktywną zabawę.

Klient może zakręcić kołem, zobaczyć własną nagrodę, odebrać ją pocztą elektroniczną i wykorzystać podczas zakupów.

Właściciel sklepu otrzymuje natomiast narzędzie do prowadzenia promocji, zarządzania nagrodami i zbierania zgłoszeń.

Czy taka forma promocji zwiększy sprzedaż? Tego nie chciałbym obiecywać bez danych z rzeczywistych kampanii. Wiele zależy od sklepu, asortymentu i przygotowanej oferty.

Wierzę jednak, że dobrze zaprojektowana interakcja może być interesującym uzupełnieniem tradycyjnych działań marketingowych.

A jeśli dzięki temu klient spędzi kilka chwil więcej w sklepie, zainteresuje się przygotowanymi rabatami i z przyjemnością wróci na zakupy, to znaczy, że pomysł był wart realizacji.

 

Wróć do wszystkich publikacji