Creative Popupy drag & drop: targeting smart - Module PrestaShop

Twórz popupy, które konwertują, dzięki wizualnemu edytorowi drag & drop

Każdego dnia tracisz odwiedzających, nie pokazując im właściwego komunikatu we właściwym czasie. Creative Popup to kompletny moduł do tworzenia popupów dla PrestaShop. Dzięki wizualnemu edytorowi drag & drop opartemu na GrapesJS, 8 inteligentnym wyzwalaczom oraz zaawansowanemu targetowaniu odbiorców, stworzysz efektowne popupy, które przyciągną uwagę użytkowników i zmienią ich w klientów — bez pisania ani jednej linii kodu.

Niezależnie od tego, czy chcesz odzyskiwać porzucone koszyki, zbierać adresy email do newslettera, oferować unikalny kod rabatowy podczas wyprzedaży flash, czy wyświetlać pasek informacyjny o dostawie i zwrotach, Creative Popup daje Ci wszystkie narzędzia, aby osiągnąć to w kilka minut — a potem pokazuje zapisy, zamówienia i przychód, które przyniósł. Pełny przewodnik po Creative Popup opisuje każde ustawienie.

Prawdziwy edytor wizualny, a nie zwykły edytor tekstu

Zapomnij o podstawowych edytorach WYSIWYG, takich jak TinyMCE. Creative Popup integruje pełny edytor wizualny GrapesJS bezpośrednio w Twoim panelu administracyjnym PrestaShop. Otrzymujesz prawdziwe płótno projektowe, na którym możesz przeciągać i upuszczać elementy, dowolnie je rozmieszczać i personalizować każdy szczegół wizualny.

Edytor zawiera wyspecjalizowane bloki zaprojektowane dla popupów e-commerce:

• Tytuł — Główny tytuł z edytowalnym tekstem i konfigurowalnymi stylami
• Akapit — Tekst opisowy dla Twoich ofert i komunikatów
• Obraz — Zdjęcie produktu, ilustracja lub logo z wbudowanym przesyłaniem (JPEG, PNG, GIF, WebP)
• Przycisk — Przycisk wezwania do działania z konfigurowalnym linkiem, kolorem i tekstem
• Zapis do newslettera — Formularz zapisu połączony z PrestaShop, z polem zgody przy użyciu psgdpr
• Kod rabatowy — Stały lub unikalny kod z przyciskiem kopiowania jednym kliknięciem i datą ważności
• Odliczanie — Animowany licznik budujący poczucie pilności
• Link „Nie, dziękuję” — Dyskretny link zamykający popup
• Separator — Wizualna linia oddzielająca
• Elementy formularza — Pola i przyciski do Twoich formularzy

Panel Warstwy wyświetla strukturę wszystkich elementów popupu dla łatwej nawigacji. Panel Styl daje pełną kontrolę nad typografią, kolorami, tłem, obramowaniem, odstępami i cieniami. Panel Ustawienia pozwala konfigurować właściwości funkcjonalne każdego elementu (adresy URL przycisków, teksty linków itp.). Każdy język ma własny projekt: wybór szablonu uzupełnia wszystkie języki, a jeden przycisk kopiuje projekt do języków, które są jeszcze puste.

Możesz także podglądać swój popup w czasie rzeczywistym na 3 rozmiarach ekranów (desktop, tablet, mobile) dzięki zintegrowanemu przełącznikowi urządzeń.

8 inteligentnych wyzwalaczy, aby wyświetlać popupy we właściwym momencie

Moment wyświetlenia popupu jest tak samo ważny jak jego treść. Creative Popup oferuje 8 rodzajów wyzwalaczy (triggers), aby zmaksymalizować wpływ Twoich komunikatów:

Exit intent — Zatrzymaj wychodzących użytkowników

Wyzwalacz exit intent wykrywa ruch myszy użytkownika w stronę górnej krawędzi okna, co sygnalizuje zamiar opuszczenia strony; na telefonie reaguje na szybkie przewinięcie w górę. To idealny moment, aby zaproponować ofertę specjalną, kod rabatowy lub poprosić o adres email. Ten trigger jest wyjątkowo skuteczny w odzyskiwaniu porzuconych koszyków.

Timer — Wybierz precyzyjny moment

Wyświetl popup po określonym czasie w sekundach od załadowania strony. Natychmiast po załadowaniu, po 3 sekundach dla pilnych ofert lub po 10 sekundach, aby pozwolić użytkownikowi najpierw zapoznać się z treścią.

Inaktywność — Reaktywuj wahających się klientów

Trigger inaktywności monitoruje zachowanie odwiedzających. Gdy przestają oni wykazywać aktywność (brak ruchu myszy, przewijania, kliknięć), często oznacza to wahanie lub zamiar rezygnacji. Popup z ofertą specjalną może ich reaktywować i skłonić do zakupu.

Scroll — Nagradzaj zaangażowanie

Uruchom popup, gdy użytkownik przewinie określony procent strony lub zdefiniowaną liczbę pikseli. Odwiedzający, który przeczytał 50% strony, wykazał zainteresowanie — to idealny czas na propozycję zapisu do newslettera lub przedstawienie oferty.

Kliknięcie w element — Popup na żądanie

Uruchom popup, gdy użytkownik kliknie w konkretny element na stronie: przycisk, link lub baner — przy każdym kliknięciu. Wyzwalacz definiujesz za pomocą selektora CSS (klasa, ID lub dowolny atrybut HTML). Idealne dla popupów informacyjnych lub formularzy kontekstowych.

Dodanie do koszyka — Wykorzystaj moment zakupu

Wyświetl popup zaraz po dodaniu produktu do koszyka: ofertę uzupełniającą, kwotę brakującą do darmowej dostawy lub kod do sfinalizowania zamówienia.

Liczba odsłon i czas w sklepie — Zwracaj się do zaangażowanych

Poczekaj, aż odwiedzający obejrzy kilka stron lub spędzi trochę czasu w sklepie, zanim zaproponujesz ofertę: komunikat trafia wtedy, gdy zainteresowanie jest prawdziwe.

Zaawansowane targetowanie — Właściwy przekaz do właściwego klienta

Skuteczny popup to popup trafny. Creative Popup posiada potężny system targetowania, aby dostarczać odpowiednie treści do konkretnych segmentów odbiorców. Każda reguła może uwzględniać lub wykluczać („jest” / „nie jest”), a zdanie podsumowania zawsze pokazuje, kto zobaczy popup. Możesz łączyć:

• Typ strony — Strona główna, strony produktów, strony kategorii, koszyk, zamówienie, wyszukiwanie, marki, konto klienta lub strony CMS
• Kategoria — Użytkownicy przeglądający kategorię, z podkategoriami lub bez
• Produkt — Karta jednego lub kilku produktów, wybieranych przez wyszukiwanie
• Grupa klientów i logowanie — Odwiedzający, goście, zalogowani klienci lub Twoje własne grupy
• Urządzenie — Komputer, tablet lub telefon
• Nowy lub powracający użytkownik — Pierwsza wizyta lub osoby, które wracają
• Adres strony — Zawiera, zaczyna się od lub jest dokładnie danym tekstem
• Źródło wejścia i kampania — Wyszukiwarka, sieć społecznościowa, konkretna witryna lub parametr UTM
• Liczba odsłon — Po określonej liczbie stron podczas wizyty
• Koszyk — Wartość, pusty lub pełny koszyk, produkt lub kategoria w koszyku

Serwer wybiera popupy według strony, kategorii, produktu, języka i sklepu; przeglądarka sprawdza następnie urządzenie, wizytę i częstotliwość. Wczytywane są tylko kwalifikujące się popupy, a jeśli żaden nie pasuje, nie jest wczytywany żaden plik modułu. Tryb zgodny z pamięcią podręczną stron zapewnia poprawność reguł dotyczących klienta i koszyka dla każdego odwiedzającego.

Harmonogram i częstotliwość wyświetlania

Precyzyjnie kontroluj, kiedy i jak często pojawiają się Twoje popupy:

• Harmonogram według dat — Ustaw datę i godzinę rozpoczęcia i zakończenia kampanii, według czasu sklepu. Przygotuj popup Black Friday z wyprzedzeniem, zaplanuj go na 25–30 listopada, a włączy się i wyłączy automatycznie.
• Częstotliwość wyświetlania — Wybierz jeden z 4 trybów: przy każdej odsłonie, raz na wizytę, tylko raz lub co X dni. Popup może też przestać się wyświetlać po zapisie lub skopiowaniu kodu. Twoi klienci nigdy nie poczują się zasypani komunikatami.
• System priorytetów — Gdy kilka popupów pasuje do tego samego kontekstu, naraz wyświetla się tylko jeden, najpierw ten o najwyższym priorytecie.
• Limity globalne — Liczba popupów na stronę, na wizytę i minimalny odstęp między dwoma popupami.

6 pozycji wyświetlania i 7 animacji

Dopasuj pozycję popupu do jego celu:

• Środek (modal) — Klasyczna pozycja dla ofert promocyjnych, newsletterów i ważnych komunikatów
• Górny pasek (top bar) — Stały pasek na górze ekranu, idealny do ogłoszeń, kodów rabatowych i info o dostawie
• Dolny pasek (bottom bar) — Stały pasek na dole, idealny dla informacji o dostawie, zwrotach lub płatnościach
• Lewy / prawy dolny róg — Wysuwany popup dla dyskretnych komunikatów i promocji pobocznych
• Pełny ekran (fullscreen) — Dla kluczowych komunikatów: ekrany powitalne, wyprzedaże flash, ważne wydarzenia

Każdy popup otrzymuje animację wejścia i wyjścia spośród 7 efektów: przenikanie, powiększenie, odbicie oraz wysuwanie w górę, w dół, w lewo lub w prawo. Animacje działają w czystym CSS, bez zewnętrznych bibliotek, i są ograniczane u osób, które zażądały tego w swoim systemie.

Na telefonach wybierz dla każdego popupu to samo wyświetlanie, panel wysuwany od dołu, pasek lub brak wyświetlania. Tryb przyjazny Google nie pokazuje popupu wyśrodkowanego ani pełnoekranowego na pierwszej stronie odwiedzającego z telefonu, który przyszedł z wyszukiwarki. Każdy popup jest dostępny: fokus klawiatury, zamykanie klawiszem Escape i ogłaszanie czytnikom ekranu.

Zintegrowany licznik, aby stworzyć presję czasu

Dodaj blok Countdown do swojego popupu, aby wywołać poczucie pilności skłaniające do działania. Dostępne są dwa tryby:

• Czas trwania — Odliczanie oparte na liczbie godzin, minut i sekund. Każdy użytkownik widzi ten sam pozostały czas od momentu wyświetlenia popupu. Idealne dla ofert typu „Ważne przez 2 godziny”.
• Stała data końcowa — Odliczanie do konkretnej daty i godziny, według czasu sklepu. Wszyscy odwiedzający widzą ten sam pozostały czas w czasie rzeczywistym, a po upływie terminu popup sam znika. Perfekcyjne dla wyprzedaży flash ze wspólnym terminem zakończenia.

Unikalne kody rabatowe i śledzenie zamówień

Umieść blok Kod rabatowy w popupie i wybierz ten sam kod dla wszystkich (istniejąca reguła koszyka) lub unikalny kod generowany dla każdego odwiedzającego:

• Dowolny rabat — Procent, kwota lub darmowa dostawa, z minimalną wartością zamówienia, ważnością i prefiksem
• Ujawnienie we właściwym momencie — Od razu po otwarciu, po kliknięciu „Odbierz mój kod” lub po zapisie do newslettera
• Ochrona przed nadużyciami — Kod jednorazowy, jeden kod na odwiedzającego lub adres email, dzienny limit i ograniczenie liczby żądań
• Automatyczne porządki — Wygasłe i nieużyte kody są usuwane

Każde zamówienie złożone z kodem popupu zostaje mu przypisane: widzisz liczbę zamówień i przychód wygenerowany przez każdą kampanię.

Koszyk i darmowa dostawa

Zarezerwuj popup dla koszyków od określonej wartości, pustych lub z konkretnym produktem, i pokazuj kwotę brakującą do darmowej dostawy w walucie odwiedzającego, aktualizowaną po każdym dodaniu do koszyka.

22 gotowe szablony przetłumaczone na 5 języków

Nie zaczynaj od zera. Creative Popup zawiera 22 profesjonalne szablony, które możesz załadować jednym kliknięciem i spersonalizować w edytorze wizualnym. Ich teksty są uzupełniane po polsku, angielsku, francusku, hiszpańsku i włosku we wszystkich językach sklepu.

Szablony sezonowe

Black Friday, Cyber Monday, Boże Narodzenie, Halloween, Walentynki, Wielkanoc, Dzień Matki, Dzień Ojca, letnia wyprzedaż, zimowa wyprzedaż, noworoczna wyprzedaż, karnawał, Singles' Day, powrót do szkoły.

Szablony praktyczne

Zapis do newslettera, Kod rabatowy, Odzyskanie koszyka (exit intent), Pasek informacyjny, Powitanie na pełnym ekranie, Media społecznościowe, Baner aplikacji mobilnej, Wyprzedaż błyskawiczna z odliczaniem.

Każdy szablon jest w pełni edytowalny: zmieniaj teksty, kolory, zdjęcia, dodawaj lub usuwaj elementy. Szablon to tylko punkt wyjścia dla Twojej kreatywności.

Pełne wsparcie wielojęzyczności

Twórz inną treść dla każdego języka w Twoim sklepie. Przełącznik języków u góry edytora pozwala łatwo przełączać się między tłumaczeniami, a znaczniki pokazują, które języki są już zaprojektowane. Przycisk „Skopiuj ten projekt do pustych języków” daje punkt wyjścia do tłumaczenia; odwiedzający, którego język nie jest zaprojektowany, widzi język domyślny zamiast pustego popupu.

Parametry konfiguracyjne (wyzwalacz, targetowanie, pozycja, harmonogram) są wspólne dla wszystkich języków. Tylko treść wizualna zmienia się zależnie od języka.

Kompatybilność z Multistore

Każdy popup może być przypisany do jednego lub wielu sklepów w Twojej sieci multistore PrestaShop. Filtrowanie odbywa się automatycznie po stronie front-endu. Zarządzaj różnymi kampaniami dla każdego ze swoich sklepów z jednego panelu administracyjnego.

Wbudowane statystyki konwersji

Śledź skuteczność swoich popupów dzięki wbudowanym statystykom:

• Wyświetlenia, zamknięcia i kliknięcia — Zasięg każdego popupu i zainteresowanie jego przyciskami
• Zapisy do newslettera — Adresy email zebrane przez popup
• Skopiowane i wygenerowane kody — Wykorzystanie Twoich ofert
• Zamówienia i przychód — Sprzedaż złożona z kodem popupu
• Kliknięcia zakładki przypominającej — Osoby wracające do oferty

Panel pokazuje te dane w wybranym okresie, w porównaniu z poprzednim, z wykresem dziennym, tabelą dla każdego popupu i eksportem CSV. Wizyty pracowników i robotów wyszukiwarek nie są liczone. Jeśli korzystasz z Google Tag Manager, zdarzenia popupów mogą być też wysyłane do GA4 przez dataLayer.

Podgląd, tryb testowy i zakładka przypominająca

Przycisk Podgląd w sklepie od razu pokazuje popup w prawdziwym sklepie, a status Test sprawia, że jest widoczny tylko w Twojej przeglądarce przez 12 godzin: sprawdzasz kampanię, zanim zobaczą ją klienci. Po zamknięciu bez konwersji zakładka przypominająca (na przykład „-10% dla Ciebie”) pozostaje z boku ekranu i otwiera popup jednym kliknięciem.

Optymalna wydajność — żadnych plików, gdy nie zaplanowano popupu

W przeciwieństwie do innych modułów, które ładują swoje skrypty na każdej stronie, Creative Popup stosuje inteligentne podejście:

• Na każdej stronie serwer wybiera popupy zaplanowane dla tej strony, języka i sklepu, a następnie przeglądarka sprawdza urządzenie, wizytę i częstotliwość
• Jeśli żaden popup nie pasuje → żaden plik JavaScript ani CSS modułu nie jest wczytywany
• Jeśli popup pasuje → wczytywana jest tylko jego treść i lekki skrypt o rozmiarze ok. 10 KB po kompresji
• Popupy kandydujące są zapisywane w pamięci podręcznej dla każdego sklepu i języka
• Edytor nigdy nie jest wczytywany w sklepie — działa tylko w panelu administracyjnym

Nowoczesna architektura techniczna

• Kontrolery w 100% Symfony — Natywny interfejs PrestaShop, uprawnienia pracowników sprawdzane przy każdej akcji
• Zgodny z PrestaShop 1.7.8, 8.2+ i 9.1+ (8.0, 8.1 i 9.0 nieobsługiwane) w jednej wersji modułu
• Vanilla JavaScript dla silnika popupów (bez zależności)
• Brak override plików rdzenia PrestaShop
• PHP 7.4 lub nowszy
• Zgodny z MySQL 5.7+, MySQL 8.0 i MariaDB 10.3+
• Zgodny z motywami Classic i Hummingbird oraz motywami na nich opartymi

Konkretne przykłady użycia

Odzyskiwanie porzuconych koszyków

Użyj szablonu "Odzyskanie koszyka" z wyzwalaczem Exit Intent, skierowanego na stronę koszyka i pełne koszyki. Zaproponuj rabat lub darmową dostawę osobom, które próbują opuścić koszyk.

Zbieranie zapisów do newslettera

Użyj szablonu "Zapis do newslettera" z wyzwalaczem czasowym (5 sekund) lub Scroll (50%), skierowanego do nowych użytkowników, i ujawnij unikalny kod rabatowy po zapisie. Częstotliwość: tylko raz, aby nie być intruzywnym. Statystyki pokażą następnie zamówienia złożone z tymi kodami.

Pasek informacyjny o dostawie i zwrotach

Użyj szablonu "Pasek informacyjny" w pozycji dolnego paska, aby przypomnieć o darmowej dostawie, zwrotach lub metodach płatności. Częstotliwość: raz na 7 dni. Brak reguł targetowania, aby był widoczny na wszystkich stronach.

Wyprzedaż Black Friday

Użyj szablonu "Black Friday" z blokiem Odliczanie ustawionym na datę zakończenia akcji. Harmonogram: od 25 do 30 listopada. Częstotliwość: raz na wizytę. Popup sam się włączy, wyłączy i zniknie po upływie terminu.

Różne popupy zależnie od urządzenia

Wybierz, jak każdy popup wygląda na telefonach: tak samo, panel wysuwany od dołu, dolny pasek lub ukryty. Możesz też stworzyć popup "Desktop" w pozycji środkowej i popup "Mobile" w pozycji dolnego paska, każdy skierowany na odpowiednie urządzenie. Każdy klient zobaczy wersję zoptymalizowaną pod swój ekran.

Promocja celowana na kategorię

Stwórz popup oferujący -15% na buty, skierowany wyłącznie na kategorię Obuwie. Wyzwalacz Scroll (30%). Tylko klienci zainteresowani tą kategorią zobaczą ofertę.

Szybka i prosta instalacja

Pobierz moduł ze swojego konta klienta Wepresta, prześlij go w panelu przez Moduły > Menedżer modułów > Załaduj moduł, aktywuj licencję i zacznij tworzyć popupy od razu. Instalacja automatycznie tworzy tabele w bazie danych i rejestruje niezbędne hooki. Nie jest wymagana żadna konfiguracja techniczna. Aktualizacja z wersji 1.0 zachowuje Twoje popupy i ich ustawienia.

Pomoc techniczna

Potrzebujesz pomocy? Nasz zespół wsparcia odpowiada w ciągu 24 do 48 godzin roboczych z poziomu Twojego konta klienta Wepresta. Pomagamy w konfiguracji, rozwiązywaniu problemów technicznych i optymalizacji kampanii. Pełny przewodnik odpowiada też na częste pytania.