Część użytkowników zamyka pop-up nie dlatego, że nie chce rabatu, ale dlatego, że najpierw chce obejrzeć produkty i sprawdzić ceny. Teaser umożliwia zamknięcie pop-upu i pozwala wrócić do formularza w dowolnym momencie wizyty.
Według wewnętrznych danych edrone standardowy pop-up bez teasera osiąga średnio około 1% konwersji, a pop-up połączony z teaserem około 3%. Teaser nie wymusza decyzji od razu i daje drugą szansę na zapis.
💡 Quick Win: Teaser jest domyślnie wyłączony. Jeśli masz już działający pop-up, rozwiń sekcję Ustaw teaser — samo jej włączenie może zwiększyć liczbę zapisów bez zmiany czegokolwiek innego w kampanii.
Jak włączyć teaser?
Teaser konfigurujesz w panelu ustawień pop-upu. Rozwiń sekcję Ustaw teaser i przełącz Włącz teaser.
Teaser wyświetla się po spełnieniu tych samych reguł co pop-up. Nie ustawiasz ich osobno, więc jeśli pop-up wyświetlasz tylko nieznanym użytkownikom, teaser też zobaczą tylko oni. Szczegóły znajdziesz w artykule Omówienie reguł wyświetlania w pop-upach.
Typ teasera
Typ | Jak wygląda | Kiedy warto użyć? |
Dymek | Ikona z krótkim komunikatem w formie chmurki | Uniwersalny wybór na start — widoczny, ale nie dominuje |
Przycisk | Klasyczny przycisk z tekstem | Gdy chcesz wyraźnego CTA, np. „Odbierz 10% rabatu” |
Narożnik | Element wpisany w narożnik ekranu | Gdy zależy Ci na oszczędności miejsca i minimalnej ingerencji w układ strony |
Zakładka boczna | Element przyklejony do lewej lub prawej krawędzi ekranu | Gdy dolne narożniki są już zajęte przez widżet czatu lub inne elementy |
Przyklejona belka | Pasek widoczny przez całą wizytę | Przy komunikatach, które mają być stale obecne, np. promocja ograniczona czasowo |
Naklejka | Lekka, dekoracyjna forma | Gdy nie chcesz przerywać estetyki strony mocnym elementem |
Pozycja teasera
Do wyboru masz osiem pozycji: lewy górny róg, góra na środku, prawy górny róg, po lewej na środku, po prawej na środku, lewy dolny róg, dół na środku oraz prawy dolny róg.
Dodatkowo ustawisz Przesunięcie poziome i Przesunięcie pionowe w pikselach (domyślnie 24 px każde). Użyj ich, żeby odsunąć teaser od krawędzi ekranu albo od innego elementu.
⚠️ Ważne: Domyślną pozycją jest prawy dolny róg — czyli miejsce, w którym zwykle znajduje się widżet czatu, w tym AI Sales Chat. Jeśli Twój sklep ma czat, rekomenduje lewy dolny róg, albo zwiększ przesunięcie pionowe. Nakładające się elementy obniżają skuteczność on-site'ów.
Wygląd
Ustawienie | Co robi? |
Zaokrąglenie rogów | Stopień zaokrąglenia narożników teasera (domyślnie 16 px) |
Kolor tła | Główny kolor tła teasera |
Kolor ikony i tekstu | Kolor zawartości -zadbaj o kontrast wobec koloru tła |
Kolor ikony zamknięcia | Kolor krzyżyka ukrywającego teaser |
Pokaż cień | Dodaje głębię wokół teasera; poprawia widoczność na jasnym tle |
Ikona
Do wyboru masz siedem ikon: Procent, Odznaka procentowa, Tagi, Prezent, Dzwonek, Gwiazdka oraz Gwiazdka w kole. Dopasuj ikonę do oferowanej korzyści:
Procent lub Odznaka procentowa - rabat procentowy
Tagi - promocja lub wyprzedaż
Prezent - upominek do zamówienia, nagroda w Kole Fortuny
Dzwonek - powiadomienie o promocji lub powrocie produktu
Gwiazdka lub Gwiazdka w kole - program lojalnościowy, wyróżniona oferta
Ruch
Ruch | Efekt | Kiedy warto użyć? |
Brak | Teaser jest statyczny | Gdy na stronie są już inne animowane elementy |
Pulsowanie | Teaser delikatnie pulsuje | Gdy chcesz zwrócić uwagę bez agresywnego efektu |
Poruszenie | Teaser wykonuje krótki ruch | Przy grywalizacji, np. Kole Fortuny, gdzie ruch pasuje do mechaniki |
📌 Wskazówka: Nie stosuj animacji, jeśli sklep ma już animowany banner, czat albo karuzelę. Kilka poruszających się elementów naraz rozprasza użytkownika, zamiast kierować jego uwagę.
Pokaż ikonę zamknięcia
Ta opcja pozwala odwiedzającemu ukryć teaser bez otwierania pop-upu.
Rekomendujemy jej włączenie. Użytkownik, który nie jest zainteresowany zapisem, może usunąć element z widoku, zamiast oglądać go przez całą wizytę. Poprawia to komfort korzystania ze sklepu i zmniejsza ryzyko, że teaser zostanie odebrany jako natrętny.
Dobre praktyki
Teaser nie zastępuje pop-upu. Pop-up przyciąga uwagę, teaser pozwala wrócić do formularza po jego zamknięciu. Najlepiej działają razem.
Pokaż korzyść, nie funkcję. „Odbierz 10% rabatu” działa lepiej niż „Newsletter”.
Sprawdź kolizje. Teaser nie może zasłaniać widżetu czatu, paska cookies, ikon kontaktu, sticky menu ani przycisku „dodaj do koszyka”.
Przetestuj na telefonie. Pozycja i rozmiar dobre na monitorze rzadko są dobre na małym ekranie. Teaser musi być łatwy do kliknięcia przy obsłudze jedną ręką.
Wyświetlaj właściwym osobom. Ustaw status subskrypcji pop-upu na Tylko nieznani lub Wypisani oraz nieznani — teaser odziedziczy to ustawienie i nie będzie zachęcał do zapisu osób już zapisanych.
Teaser a Koło Fortuny
Przy pop-upie z Kołem Fortuny teaser jest szczególnie opłacalny — użytkownik, który nie zakręcił kołem od razu, może wrócić do losowania później. Ustaw wtedy ikonę Prezent lub Gwiazdka w kole oraz ruch Pulsowanie.
Sprawdź przed publikacją, czy:
✅ Teaser jest widoczny po zamknięciu pop-upu - przetestuj na żywej stronie, nie tylko w podglądzie.
✅ Nie nakłada się na czat, pasek cookies, sticky menu lub CTA sklepu.
✅ Jest czytelny i łatwy do kliknięcia na telefonie.
✅ Kliknięcie otwiera formularz zapisu.
✅ Kolor ikony i tekstu ma wystarczający kontrast wobec koloru tła.
✅ Nie wyświetla się osobom już zapisanym do bazy.
Najczęściej zadawane pytania
Czy teaser zastępuje pop-up?
Nie. Teaser działa jako uzupełnienie — pop-up zwraca uwagę użytkownika, a teaser pozwala wrócić do formularza po jego zamknięciu.
Czy muszę ustawiać reguły wyświetlania teasera osobno?
Nie. Teaser dziedziczy reguły lokalizacji, harmonogramu, urządzenia i statusu subskrypcji od pop-upu, do którego należy.
Czy teaser działa z Kołem Fortuny?
Tak. Teaser jest częścią konfiguracji pop-upu, więc możesz go włączyć również w pop-upie z Kołem Fortuny.
Potrzebujesz dodatkowej pomocy?
Jeśli masz jakiekolwiek dodatkowe pytania dotyczące teasera w pop-upie, skontaktuj się z nami na hello@edrone.me