Wtyczka JetPopup For Elementor - 2.2.0

JetPopup to wtyczka WordPress do budowy wyskakujących okien metodą drag & drop — natywnie w Elementorze i Gutenbergu, bez kodowania. Trafia do twórców na Elementorze, użytkowników ekosystemu Crocoblock i sklepów WooCommerce, którym zależy na popupach lead-generation i promocyjnych spójnych ze stylem witryny. Wyróżnia ją biblioteka presetów oraz warunki wyświetlania i wyzwalacze, z exit-intentem włącznie.

Funkcje i możliwości JetPopup

JetPopup buduje wyskakujące okna metodą drag & drop — tymi samymi widżetami i blokami co reszta strony, natywnie w Elementorze (wystarczy darmowy) i w Gutenbergu od wersji 2.0.0. W zestawie ponad sto gotowych presetów, kilkanaście efektów animacji, kilka layoutów pojawiania się okna oraz eksport i import popupów w formacie JSON.

Budowanie popupów w Elementorze i Gutenbergu

Popup powstaje ze standardowych widżetów Elementora. Układ i styl projektuje się więc tak samo jak zwykłą sekcję strony — z pełną kontrolą nad rozmiarem kontenera, niestandardową wysokością, wartością z-index, tłem, przyciskiem zamykania i nakładką (overlay). Od wersji 2.0.0 cała ta funkcjonalność działa również w edytorze blokowym WordPressa.

Przy tworzeniu nowego okna wybiera się builder — Block editor albo edycję w Elementorze — a kolumna Info w panelu pokazuje, którym narzędziem zbudowano dany popup. Edytor blokowy daje pełen zestaw mechanizmów popupu bez instalowania Elementora.

Biblioteka gotowych presetów

Preset Library zawiera kilkadziesiąt wbudowanych układów-wzorów gotowych do edycji — między innymi countdown, rabat, sale, subscribe, contact us, info card, yes/no, GDPR i cookie policy. Tutoriale i recenzje Crocoblock wskazują ponad sto gotowych popupów w różnych kategoriach: od formularzy kontaktowych po content lockery.

Każdy gotowy popup eksportuje się do pliku JSON i importuje na innej witrynie — przez opcje Export Popup oraz Import Popup w panelu All Popups. To skraca powtarzalne wdrożenia i przenosi sprawdzone okna między projektami.

Layouty, animacje i ładowanie treści przez AJAX

JetPopup udostępnia kilka layoutów określających sposób pojawienia się okna na ekranie: Classic, Slide In, Bar, Bordering, Full View oraz Custom. Wejście i wyjście okna obsługuje kilkanaście efektów animacji.

• Animacje wejścia i wyjścia — Fade, Zoom In/Out, Move Up, Bounce In/Out, Slide w czterech kierunkach, Flip poziomy i pionowy oraz Rotate.
• Loading Content with Ajax — treść popupu dociąga się dopiero przy jego otwarciu, co odciąża wczytywanie samej strony.
• Przełączniki zachowania — Prevent Page Scrolling (blokada przewijania strony pod oknem), Show Once (pokaż raz na sesję), Use Overlay i Close On Overlay Click.

Sterowanie wyświetlaniem: zdarzenia wyzwalające i warunki

JetPopup steruje momentem pokazania popupu zdarzeniami wyzwalającymi: na otwarciu strony, przy próbie wyjścia (exit-intent), po przewinięciu, po czasie bezczynności, na ustaloną datę oraz po interakcji z konkretnym widżetem. System Visibility Conditions w trybie Include/Exclude decyduje, na jakich stronach i komu popup się pokazuje — z targetowaniem po urządzeniu, roli użytkownika i parametrze URL.

Zdarzenia wyzwalające popup i triggery przypięte do elementu

Open Event ustawia się osobno dla każdego popupu. Dostępne zdarzenia otwarcia to on page open (na wejściu), exit-intent przy próbie opuszczenia strony, page progress scrolling po przewinięciu do określonego punktu, user inactive time po czasie bezczynności oraz otwarcie na ustaloną datę i godzinę (schedule date and time open event dodany w 2.0.10).

Drugi mechanizm to triggery przypięte do elementu (Attached Popup) — wywołują okno po interakcji z konkretnym widżetem lub blokiem. W Elementorze obejmują Click On Button, Click On Widget, Click on Container (kliknięcie całego kafelka w gridzie listingu), Custom Selector Click po własnej klasie CSS lub ID, Hover oraz Scroll To Widget. W Gutenbergu dostępne są Click, Custom Selector Click, Hover i Scroll To Block.

Warunki wyświetlania (Include / Exclude)

Visibility Conditions działa w dwóch trybach. Include pokazuje popup w wybranych lokalizacjach, Exclude go z nich wyklucza — a reguły można łączyć i dodawać wiele naraz. Źródłem warunku jest jeden z kilku typów: Entire (cała witryna), Singular (konkretny wpis, strona lub typ treści), Archive (archiwa, na przykład wpisy z kategorii), Advanced, WooCommerce oraz JetEngine.

Warunek WooCommerce obejmuje archiwum produktów, pojedynczy produkt i strony sklepu, a działa po aktywacji WooCommerce. Warunek JetEngine korzysta z Custom Query w wariantach Query Has Items i Query Has No Items — to pozwala pokazać inne okno przy pustych, a inne przy niepustych wynikach zapytania.

Targetowanie po urządzeniu, roli i parametrze URL

Tryb Advanced zawęża wyświetlanie popupu do urządzenia, roli użytkownika lub parametru URL. Okno pokaże się tylko na mobile albo tylko na desktopie, wyłącznie wybranym rolom WordPressa (na przykład gościom, administratorom czy edytorom). A warunek po parametrze URL uruchamia popup, gdy odwiedzający wpisze konkretne zapytanie w wyszukiwarce.

Praktyczne zastosowania JetPopup

JetPopup sprawdza się w zbieraniu zapisów do newslettera z triggerem exit-intent, popupach promocyjnych i rabatowych w sklepie WooCommerce, banerach cookie i zgodach RODO oraz w quick view produktu wyzwalanym kliknięciem elementu listingu. Dynamiczne popupy zasilane danymi JetEngine pozwalają zbudować jedno okno działające dla każdego elementu katalogu.

Lead generation i zapis do newslettera (exit-intent)

Do zbierania adresów e-mail buduje się popup z formularzem — na przykład z wbudowanym widżetem MailChimp — i ustawia trigger exit-intent. Okno pojawia się dopiero wtedy, gdy odwiedzający chce opuścić stronę. Opcja Show Once ogranicza wyświetlenie do raz na sesję, więc stali czytelnicy nie oglądają go w kółko.

Promocje, rabaty i baner cookie/GDPR

Do wyprzedaży nadaje się preset discount albo countdown — z otwarciem na ustaloną datę i godzinę oraz warunkiem WooCommerce, który zawęża okno na przykład do archiwum produktów. Baner cookie i zgodę RODO obsługuje preset cookie policy lub GDPR w layoucie Bar, z warunkiem Entire Site i opcją Show Once, żeby nie wracał po akceptacji.

Quick view produktu i popupy warunkowe oparte na danych

Quick view produktu z listingu buduje się jako dynamiczny popup zasilany danymi JetEngine, wyzwalany triggerem Click On Widget lub Click on Container na elemencie katalogu — jedno okno wyświetla dane konkretnego produktu bez przeładowania strony. Komunikat warunkowy oparty na danych korzysta z reguł Query Has Items i Query Has No Items: jeden popup pokazuje się, gdy lista (na przykład wishlista z JetEngine Data Store) ma elementy, a inny, gdy jest pusta.

Integracje JetPopup z ekosystemem Crocoblock i narzędziami zewnętrznymi

JetPopup integruje się natywnie z JetEngine (dynamiczne popupy z listingów, pól ACF, typów treści CPT i zapytań SQL), z JetWooBuilder i WooCommerce (quick view produktu, powiadomienia o zakupie, warunki sklepowe) oraz z MailChimp przez wbudowany widżet zapisu konfigurowany kluczem API. JetElements dokłada widżety treści do wnętrza popupu, a od wersji 2.0.7 wtyczka jest kompatybilna z WPML.

Dynamiczne popupy z JetEngine

W parze z JetEngine popup zasila się danymi dynamicznymi: wpisami z listingów, zawartością Options Page oraz wynikami zapytań SQL. Jedno okno działa wtedy indywidualnie dla każdego elementu katalogu — wyświetla dane dokładnie tego rekordu, na którym kliknął odwiedzający.

Uwaga o zakresie: sam JetPopup dostarcza mechanikę i targetowanie popupu, natomiast pełna dynamika treści (pola ACF, typy treści CPT, repeatery, wyniki query) wymaga aktywnego JetEngine. To dwie współpracujące wtyczki, nie jedna.

WooCommerce, JetWooBuilder i MailChimp

W połączeniu z JetWooBuilder i WooCommerce JetPopup buduje quick view produktu wyzwalany kliknięciem elementu listingu oraz powiadomienia o zakupie, a warunki WooCommerce kierują okna na archiwa, kategorie i pojedyncze produkty. Widżet MailChimp obsługuje zapis do listy przez klucz API ustawiany w panelu wtyczki i przyjmuje formularze wielopolowe.

JetElements udostępnia dodatkowe widżety treści do wnętrza popupu — countdown, formularze czy animowane bloki. Współpraca z JetSearch i JetSmartFilters działa przy warunku po parametrze URL, gdy okno ma reagować na zapytanie z wyszukiwarki lub filtrów.

Kiedy warto wybrać JetPopup

JetPopup sprawdza się najlepiej u twórców stron na Elementorze, którzy chcą popupów w tym samym narzędziu, u użytkowników ekosystemu Crocoblock korzystających już z JetEngine czy JetWooBuilder oraz w sklepach WooCommerce nastawionych na konwersję. Agencje budujące wiele witryn zyskują na presetach i eksporcie JSON, a użytkownicy Gutenberga dostają pełną funkcjonalność bez Elementora.

Elementor, ekosystem Crocoblock i sklepy WooCommerce

Dla kogo JetPopup sprawdza się najlepiej:

• twórcy stron na Elementorze, którzy chcą projektować popupy tymi samymi widżetami co resztę witryny, bez rozjazdu stylistycznego;
• użytkownicy ekosystemu Crocoblock korzystający już z JetEngine, JetElements lub JetWooBuilder — popup wpina się w ten sam panel i te same dane;
• sklepy WooCommerce i strony konwersyjne, którym zależy na warunkach sklepowych, quick view i oknach rabatowych bez zewnętrznego SaaS-a;
• agencje i freelancerzy budujący wiele witryn — biblioteka presetów i eksport JSON przyspieszają powtarzalne wdrożenia;
• użytkownicy Gutenberga, którzy chcą popupów w natywnym edytorze blokowym bez instalowania Elementora.

Dla kogo JetPopup nie jest najlepszym wyborem

JetPopup koncentruje się na budowaniu i targetowaniu popupów, nie na optymalizacji konwersji, więc nie każdemu odpowie. Poniższe scenariusze lepiej obsłużą inne narzędzia.

• marketerzy potrzebujący zaawansowanego A/B testingu, rozbudowanej analityki i segmentacji behawioralnej — to domena dedykowanych narzędzi typu OptinMonster czy Thrive Leads;
• strony oparte głównie na Bricks lub Divi — JetPopup nie figuruje wśród Jetów zintegrowanych z Bricks ani w pakiecie Divi, a bez Elementora lub Gutenberga jego edycja wizualna traci sens;
• użytkownicy szukający w pełni darmowego rozwiązania — JetPopup nie ma wersji free na wordpress.org, a do prostych potrzeb wystarczą bezpłatne alternatywy.

Wymagania techniczne i kompatybilność

JetPopup wymaga PHP 8.1 lub nowszego, certyfikatu SSL oraz aktualnej wersji WordPressa, a do edycji wizualnej Elementora (wystarczy darmowy — Elementor Pro nie jest wymagany) lub Gutenberga. Wtyczka jest oficjalnie testowana z popularnymi motywami, kompatybilna z WPML od wersji 2.0.7, a popupy zostają responsywne na urządzeniach mobilnych.

Środowisko serwerowe i wersje

Wymagania środowiska Crocoblock podaje zbiorczo dla całej rodziny JetPlugins, a JetPopup pracuje na tym samym stosie. Minimalnej wersji WordPressa producent nie określa osobno dla tej wtyczki — najbezpieczniej trzymać aktualne wydanie, tym bardziej że przy pracy z Elementorem obowiązują jego własne wymagania.

Buildery, motywy i wielojęzyczność

Do edycji wizualnej JetPopup potrzebuje Elementora albo Gutenberga — w obu działa pełna mechanika popupu, a Elementor Pro pozostaje zbędny. Wtyczka nie figuruje wśród Jetów zintegrowanych z Bricks ani w pakiecie Divi, więc realnym środowiskiem pozostają te dwa buildery.

Crocoblock oficjalnie testuje JetPopup z ośmioma motywami: Astra, GeneratePress, Kadence, Blocksy, OceanWP oraz lekkim Hello Theme, często rekomendowanym do par z Elementorem. Wielojęzyczność obsługuje WPML od wersji 2.0.7, a osobny warunek per urządzenie dopasowuje zachowanie okna do desktopu i mobile.

Najczęściej zadawane pytania