Pop-upy pojawiające się na stronach internetowych są w większości postrzegane jako coś irytującego. W wielu miejscach użyte są w taki sposób, który zakłóca użytkownikom przeglądanie treści.
Stworzenie skutecznej strategii używania pop-upów to jedno, ich faktyczne projektowanie to zupełnie coś innego. Jeśli do tej pory tego nie robiłeś lub brakuje Ci praktyki, może to być wyzwaniem. Nie martw się – nasz Custom Pop-up builder sprawi, że wszystko przebiegnie łatwo i przyjemnie!
W tym artykule omówimy proces tworzenia pop-upów. Aby dowiedzieć się więcej o wszystkich możliwościach naszego potężnego Pop-up edytora, kliknij tutaj.
Jak skonfigurować Custom Pop-up
Aby rozpocząć, zaloguj się do Mission Control i przejdź do zakładki ONSITE >POP-UP.
Kliknij przycisk “Nowy Pop-up” aby stworzyć Twój nowy Custom Pop-up.
Kilka ważnych informacji na temat procesu tworzenia Custom Pop-up:
Nie ma ograniczeń co do liczby pop-upów, które możesz stworzyć.
Wszystkie pop-upy są automatycznie responsywne, jednak będziesz mógł wybrać, czy chcesz wyświetlić je tylko na desktopie, tylko na urządzeniach mobilnych, czy na obu (zobacz Krok 3).
Twoja praca będzie automatycznie zapisywana co 60 sekund, jednak dla pewności, przed opuszczeniem strony, kliknij przycisk ZAPISZ.
Konfiguracja
1. Nadaj nazwę popupowi
W polu „Wpisz nazwę tego pop-upu” wpisz nazwę, która ułatwi Ci identyfikację kampanii (np. Newsletter – mobile – luty 2026).
Nazwa jest widoczna tylko w panelu administracyjnym – nie zobaczą jej użytkownicy.
2. Wybierz urządzenia
W sekcji „Wybierz urządzenia” zdecyduj, na jakich urządzeniach popup ma się wyświetlać:
tylko mobile,
tylko desktop,
oba typy urządzeń.
To ustawienie pozwala dopasować komunikat do konkretnego typu ruchu.
3. Wybierz pozycję wyświetlania
W sekcji „Wybierz pozycję wyświetlania” określ, gdzie popup ma się pojawić, np.:
na środku ekranu,
w innym z dostępnych wariantów (w zależności od typu popupu).
Dostępne warianty mogą różnić się w zależności od tego, czy konfigurujesz popup dla mobile, czy dla desktopu. Niektóre typy popupów oferują inne układy i pozycje wyświetlania w zależności od wybranego urządzenia.
Wybór pozycji wpływa na widoczność i skuteczność komunikatu.
4. Ustaw akcję wyświetlenia
W sekcji „Ustaw akcję” określasz, w jakim momencie popup ma zostać wyświetlony użytkownikowi.
Dostępne opcje:
🔹 Natychmiast
Popup wyświetli się od razu po załadowaniu strony.
Kiedy warto użyć?
Przy ważnych komunikatach, które mają być widoczne od razu.
🔹 Opóźnienie
Popup pojawi się po określonym czasie od wejścia na stronę (np. po 5 sekundach).
Kiedy warto użyć?
Przy zapisie do newslettera lub gdy chcesz dać użytkownikowi chwilę na zapoznanie się ze stroną.
🔹 Bezczynność
Popup wyświetli się po czasie braku aktywności użytkownika.
Kiedy warto użyć?
Aby ponownie zaangażować użytkownika.
🔹 Scrollowanie
Popup pojawi się po przewinięciu określonej części strony (np. 50%).
Kiedy warto użyć?
Gdy chcesz dotrzeć do bardziej zaangażowanych użytkowników.
🔹 Opuszczenie strony (Exit intent)
Popup wyświetli się, gdy użytkownik będzie próbował opuścić stronę (desktop).
Kiedy warto użyć?
Do zatrzymania użytkownika, np. poprzez kod rabatowy.
🔹 Kliknięcie
Popup pojawi się po kliknięciu wybranego elementu strony.
Kiedy warto użyć?
Gdy popup ma być uruchamiany świadomie przez użytkownika (np. przyciskiem).
🔹 Po najechaniu kursorem
Popup wyświetli się po najechaniu kursorem na wskazany element (desktop).
Kiedy warto użyć?
W scenariuszach opartych na interakcji z konkretnym elementem strony.
🔹 Zapis do newslettera
Popup pojawi się po zapisaniu się użytkownika.
Kiedy warto użyć?
Jako potwierdzenie zapisu lub komunikat z kodem rabatowym.
🔹 Niestandardowy
Popup wyświetli się po wykryciu niestandardowego zdarzenia.
Kiedy warto użyć?
W bardziej zaawansowanych scenariuszach integracyjnych.
5. Określ, gdzie popup ma się wyświetlać
🔹 Na każdej stronie
Popup będzie wyświetlany w całym serwisie.
Kiedy warto użyć?
Przy uniwersalnych komunikatach (np. zapis do newslettera).
🔹 Na stronie głównej
Popup pojawi się wyłącznie na stronie głównej.
Kiedy warto użyć?
Przy komunikatach wizerunkowych lub głównych promocjach.
🔹 Na stronach produktowych
Popup będzie wyświetlany tylko na kartach produktów.
Kiedy warto użyć?
Przy kodach rabatowych, upsellu lub zachęcie do zapisu przed zakupem.
🔹 Bazując na adresach URL
Możesz określić, na których adresach URL popup ma się wyświetlać (np. zawiera /kategoria/).
Kiedy warto użyć?
Gdy chcesz precyzyjnie targetować wybrane sekcje strony.
🔹 Na podstawie HTML
Popup będzie wyświetlany w oparciu o obecność konkretnego elementu HTML na stronie.
Kiedy warto użyć?
W bardziej zaawansowanych scenariuszach, gdy chcesz uzależnić wyświetlenie od struktury strony.
6. Zaplanuj wyświetlanie
W sekcji „Planowanie” możesz zdecydować:
czy popup ma wyświetlać się od razu,
czy tylko w określonym przedziale czasowym (np. kampania sezonowa).
To idealne rozwiązanie dla promocji ograniczonych czasowo.
7. Wybierz status subskrypcji
W tej sekcji określasz, do jakiej grupy użytkowników popup ma być wyświetlany, na podstawie ich statusu subskrypcji.
Dostępne opcje:
🔹 Każdy
Popup będzie wyświetlany wszystkim użytkownikom — niezależnie od statusu.
Kiedy warto użyć?
Przy komunikatach ogólnych (np. informacja o promocji).
🔹 Tylko subskrybenci
Popup zobaczą wyłącznie osoby zapisane do newslettera.
Kiedy warto użyć?
Przy komunikatach dedykowanych stałym odbiorcom.
🔹 Tylko wypisani
Popup będzie wyświetlany osobom, które wcześniej wypisały się z newslettera.
Kiedy warto użyć?
Przy próbie ponownego zaangażowania użytkownika.
🔹 Tylko nieznani
Popup zobaczą wyłącznie użytkownicy, którzy nie są jeszcze rozpoznani jako subskrybenci.
Kiedy warto użyć?
Przy zbieraniu nowych zapisów.
🔹 Wypisani oraz nieznani
Popup będzie wyświetlany osobom, które nie są aktywnymi subskrybentami.
Kiedy warto użyć?
Przy kampaniach nastawionych na pozyskiwanie nowych zapisów, bez wyświetlania popupu obecnym subskrybentom.
8. Przypisz tag
W sekcji „Tag” wybierz tag, który zostanie przypisany użytkownikom po zapisie przez popup.
Tag pozwala:
segmentować nowych subskrybentów,
mierzyć skuteczność konkretnego popupu,
budować dedykowane scenariusze automatyzacji.
10. Ustaw limity wyświetlania
W sekcji „Limity” możesz określić, jak często popup ma się wyświetlać temu samemu użytkownikowi (np. raz na 6 godzin).
To zabezpiecza przed nadmiernym wyświetlaniem komunikatu i poprawia doświadczenie użytkownika.
Edytuj Design
11. Układ
W sekcji „Wybierz układ” określasz strukturę popupu oraz sposób rozmieszczenia treści i grafiki.
Dostępne warianty:
🔹 Bez tła
Popup zawiera wyłącznie treść (nagłówek, opis, formularz, przycisk).
🔹 Z tłem
Popup posiada dodatkowe tło graficzne.
🔹 Zdjęcie z lewej
Grafika wyświetla się po lewej stronie treści.
🔹 Zdjęcie z prawej
Grafika wyświetla się po prawej stronie treści.
Dodawanie grafiki do popupu
Jeśli wybierzesz układ ze zdjęciem, możesz dodać własną grafikę na dwa sposoby:
🔹 Generator Banerów AI
Możesz wygenerować grafikę bezpośrednio w systemie, korzystając z Generatora Banerów AI. Po wygenerowaniu obrazu wystarczy go pobrać i użyć w popupie.
🔹 Dodaj swoje zdjęcie
Możesz przesłać własny obraz, który będzie wyświetlany w popupie.
Warianty układu mogą różnić się w zależności od tego, czy konfigurujesz popup dla desktopu czy mobile.
12. Główne ustawienia styli
W tej sekcji możesz dostosować wygląd popupu.
🔹 Margines wewnętrzny
Reguluje odstęp między treścią a krawędzią popupu.
🔹 Zaokrąglenie narożników
Pozwala ustawić stopień zaokrąglenia rogów popupu.
🔹 Szerokość
Pozwala na ustawienie szerkości Pop-upu
🔹 Kolor tła
Umożliwia ustawienie koloru tła popupu (kod HEX).
🔹 Kolor tła cienia
Pozwala ustawić kolor warstwy przyciemniającej tło strony.
🔹 Cień
Umożliwia wybór intensywności cienia popupu (np. jasny).
13. Przycisk zamknięcia
W tej sekcji konfigurujesz wygląd i pozycję ikony zamknięcia (X).
🔹 Ikona zamknięcia
Możesz wybrać jeden z dostępnych wariantów ikony.
🔹 Rozmiar przycisku zamknięcia
Reguluje wielkość ikony.
🔹 Kolor przycisku zamknięcia
Pozwala ustawić kolor ikony (kod HEX).
🔹 Pozycja ikony (oś X / oś Y)
Pozwala precyzyjnie ustawić położenie ikony zamknięcia.
11. Własny Google Font
W tej sekcji możesz dostosować typografię popupu.
Możesz:
🔹 wybrać gotowy font z listy dostępnych czcionek,
🔹 dodać własny font Google, aby dopasować popup do identyfikacji wizualnej swojej strony.
12. Popup – adres przekierowania
W tej sekcji możesz dodać adres URL, na który użytkownik zostanie przekierowany po wykonaniu określonej akcji (np. kliknięciu).
Kiedy warto użyć?
Gdy chcesz:
przekierować użytkownika na dedykowany landing page,
przenieść użytkownika do konkretnej oferty.
Potrzebujesz dodatkowej pomocy?
Jeśli masz jakiekolwiek dodatkowe pytania związane z Custom Pop-up, skontaktuj się z nami na hello@edrone.me