iModules — Szablon COSMO
[UPDATE] ⭐ Popup [09.2026]⭐- Integracja
Popup [09.2026] — instrukcja z nawigacją po typach popupów, live preview, opisami sekcji i historią aktualizacji. v05 wymusza poprawną typografię opisów pod nawigacją bezpośrednio na akapitach, aby style CRM nie nadpisywały font-size, line-height i marginesów.
Popup — centrum konfiguracji
Moduł został rozbudowany do jednego centrum obsługi kilku rodzajów popupów. W instrukcji poniżej wybierasz typ popupa z nawigacji u góry, konfigurujesz go po lewej stronie i od razu widzisz otwarty popup po prawej. Ustawienia globalne mają osobną zakładkę, ponieważ wpływają na wszystkie nowe typy popupów.

Jak korzystać z instrukcji?Na początku ustaw Ustawienia globalne, ponieważ określają wspólny wygląd wszystkich nowych popupów — m.in. tło, przyciemnienie, szerokość, zaokrąglenie i przycisk zamykania.
Następnie wybierz z nawigacji konkretny typ popupa i skonfiguruj jego własne zachowanie. Po lewej stronie edytujesz ustawienia, a po prawej od razu widzisz rezultat na podglądzie. Dzięki temu możesz przejść po kolei przez każdy typ i sprawdzić go bez przełączania się między osobnymi instrukcjami.
Sekcja Klasyczne (stare) została zachowana wyłącznie dla wcześniejszych wdrożeń. Przy nowych konfiguracjach zalecamy korzystanie z nowych typów popupów opisanych w tej instrukcji.

Test mode i priorytetyTryb testowy służy do sprawdzania konfiguracji bez części ograniczeń zapamiętywanych przez przeglądarkę, dlatego ułatwia wielokrotne testowanie tego samego popupa. Po zakończeniu testów należy go wyłączyć, aby popup działał zgodnie z ustawioną częstotliwością, limitami i zapamiętywaniem zamknięcia.
Jeżeli kilka popupów spełni warunki uruchomienia w tym samym momencie, o kolejności decyduje priorytet. Pierwszeństwo ma popup z niższą liczbą, dlatego warto świadomie rozdzielić priorytety między najważniejsze komunikaty.

Konfiguracja i podgląd
Zmiany pól oznaczonych jako LIVE są pokazane na podglądzie, gdy wpływają na wygląd lub bezpośrednie zachowanie. Pola techniczne, takie jak ID triggera albo prefiksy URL, mają oznaczenie S i dokładne objaśnienie po kliknięciu.

Interaktywny podgląd
Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki.
Najważniejsze różnice między typami popupów
Po kliknięciu — otwiera się po kliknięciu elementu o wskazanym ID. Automatyczny — może reagować na czas, scroll lub liczbę odsłon. Newsletter — ma dedykowany formularz zapisu i własne opcje wyglądu. Potwierdzenie wieku — blokuje wejście do czasu deklaracji klienta i może zapamiętać potwierdzenie. Exit Intent — reaguje na wyjście kursorem poza górną krawędź okna. Klasyczne — zachowane dla zgodności ze starszą wersją modułu.

Potwierdzenie wieku nie jest formalną weryfikacją tożsamościPopup wieku zbiera deklarację klienta. Nie sprawdza dokumentu ani faktycznej tożsamości użytkownika.

Exit Intent działa na urządzeniach z precyzyjnym kursoremŹródłowy JavaScript sprawdza obsługę hover: hover i pointer: fine. Mechanizm jest więc przeznaczony przede wszystkim dla desktopu z myszą.

Historia aktualizacji
19.09.2026
Rozbudowa systemu popupów
Moduł został przebudowany z prostego systemu klasycznych popupów do centrum obsługi kilku wyspecjalizowanych typów.
dodano wspólne ustawienia overlay, blur, szerokości, zaokrąglenia i przycisku zamykania,
dodano osobne popupy uruchamiane po kliknięciu oraz automatyczne wyzwalacze: czas, scroll i liczba odsłon,
dodano dedykowany popup newslettera z natywnym formularzem, opcjonalną zgodą i konfiguracją wyglądu,
dodano popup potwierdzenia wieku z przyciskami akceptacji / odrzucenia i zapamiętywaniem decyzji,
dodano Exit Intent dla urządzeń z myszą,
dodano priorytety, tryb testowy, częstotliwość, limity wyświetleń, zakresy URL, urządzenia i animacje zamykania,
zachowano sekcję klasycznych popupów dla zgodności z wcześniejszymi wdrożeniami.