Konstruktor wyskakujących okienek GutenKit jest modułem umożliwiającym użytkownikom tworzenie i dostosowywanie różnych typów okien pop-up, takich jak okna modalne, lightboxy czy nakładki, na potrzeby swoich witryn internetowych.
Zobaczmy jak działa ten moduł.
GutenKit Popup Builder #
To jest Moduł profesjonalny. Nie zapomnij go zdobyć Tutaj.
- Dostęp do pulpitu WordPress
- Znajdź GutenKit i przejdź do modułów
- Znajdź Popup Builder i włącz go

Utwórz nowe okno podręczne #
Teraz możesz zobaczyć Popup Builder w modułach, musisz na niego kliknąć, aby utworzyć wyskakujące okienko.

- Kliknij na znak plus
- Zobaczysz Popup Builder, kliknij na niego

Następnie w polu podręcznym ponownie zobaczysz znak plus i dodaj dowolny blok według własnego wyboru.

Edycja części treści #
- Wydarzenie otwarte: Określa, kiedy pojawi się wyskakujące okienko. Opcje tutaj to –
- Podczas ładowania strony: Tutaj możesz dostosować Opóźnienie otwarcia (S) czas załadować stronę.
- Po bezczynności: Umożliwia dostosowanie Czas nieaktywności użytkownika (s).
- Przewijanie strony: Musisz ustawić Postęp przewijania strony (%) Tutaj.
- Zamiar wyjścia ze strony: uruchamia wyskakujące okienko, gdy użytkownik zamierza opuścić stronę.
- W dniu: Tutaj możesz dostosować Czas i data.
- Kliknij selektor niestandardowy: Ma Klasa selektora dodanie opcji określającej element na stronie, który ma wywołać wyskakujące okienko.
- Animacja wejścia: Tutaj możesz wybrać styl wyświetlania wyskakującego okienka (np. zanikanie, powiększanie, obracanie, przewijanie itp.).
- Animacja wyjścia: Umożliwia wybór stylu zamknięcia okna podręcznego (np. zanikanie, przesuwanie).
- Czas trwania animacji: Umożliwia kontrolowanie szybkości animacji wejścia i wyjścia.

- Przycisk Zamknij: To przycisk umożliwiający ręczne zamknięcie okna podręcznego.
- Zamknij po kliknięciu na zewnątrz: Włączając przycisk, możesz pozwolić użytkownikom na zamknięcie okna podręcznego poprzez kliknięcie poza nim.
- Narzuta: To jest tło wyskakującego okienka, którego wygląd można dostosować.

- Przycisk Zamknij: To przycisk umożliwiający ręczne zamknięcie okna podręcznego.
- Zamknij po kliknięciu na zewnątrz: Włączając przycisk, możesz pozwolić użytkownikom na zamknięcie okna podręcznego poprzez kliknięcie poza nim.
- Narzuta: To jest tło wyskakującego okienka, którego wygląd można dostosować.
Ustawienie warunku #
Stan : schorzenie: Ta część umożliwia określenie, w jakich okolicznościach wyskakujące okienko ma się pojawić lub zostać ukryte.
- Włączać –
- Cała witryna: Okienko będzie wyświetlane na wszystkich stronach Twojej witryny.
- Liczba pojedyncza: Okienko będzie wyświetlane tylko na konkretnych stronach.
- Archiwum: Okienko będzie wyświetlane tylko na stronach archiwum (np. w archiwach autorów, wynikach wyszukiwania, kategoriach wpisów itd.).
- Wykluczać –
- Cała witryna: Okienko będzie ukryte na wszystkich stronach Twojej witryny.
- Liczba pojedyncza: Okienko będzie ukryte na określonych stronach.
- Archiwum: Okienko będzie ukryte na stronach archiwum.

Styl edycji #
Podobnie jak każdy inny blok i moduł GutenKit, możesz również stylizować Popup builder. Tutaj opcje stylizowania to – szerokość, wysokość, pozycja, kolor, wypełnienie itd.

Jak wygląda okno podręczne #
Możesz dostosować wyskakujące okienko zgodnie ze swoimi wyborami. Zobacz przykład.

Wyjście #
Oto jak działa kreator wyskakujących okienek.
