W tym wpisie pokaże Ci jak w kilka chwil dodać wyskakujące powiadomienie (popup) na Twojej stronie internetowej.
Ten wpis tłumaczy jak dodać popup przy pomocy płatnej wtyczki Elementor PRO.
Jeżeli jej nie posiadasz i nie chcesz kupować to sprawdź mój inny artykuł na temat darmowego popupu
Wyskakujące okienko na stronie WordPress – Skorzystaj z bezpłatnej wtyczki Popup Maker

Jak dodać Popup przy pomocy Elementora PRO?

Na sam początek zaloguj się na swoją stronę WordPress.
Następnie wejdź w zakładkę „Szablony” oraz „Popups„

Uruchomi Ci się pole z wszystkimi popupami dodanymi na stronę.
Aby dodać nowy popup naciśnij przycisk „Dodaj nowy” w lewym górnym rogu.

Następnie musisz wybrać typ szablonu który dodajesz.
Pozostaw na „Popup” i przejdź dalej

Otworzy Ci się biblioteka Elementora, wybierz któryś z szablonów, najedź na niego i naciśnij „Wstaw„
Tak wstawiony szablon możesz dowolnie edytować jak każdą inną rzecz w Elementorze.

Zwróć uwagę na pole ustawień w lewym dolnym rogu, jest to często pomijana rzecz a bardzo ważna.
W tym panelu możesz ustawić wysokość, szerokość, animacje czy krycie popupu.
Ponadto ustawisz pozycję popupu, czas animacji, tło czy czcionki.
Działa to na identycznej zasadzie jak edycja każdego innego bloku przy pomocy Elementora

Ustawienia wyświetlania popupu (display conditions)

Po skończeniu prac nad wyglądem Popupu musisz zająć się jego odpowiednim wyświetlaniem.
W tym celu rozwiń zieloną zakładkę koło przycisku „Opublikuj” i wejdź w „Display Conditions„

W zakładce „Conditions” musisz ustawić warunek na jakich stronach ma się wyświetlać Twój Popup
Zazwyczaj popupy ustawa się na wszystkich stronach „Entire Site” lub stronie blogowej.

Następnie przejdź do zakładki „Triggers„
W tym miejscu musisz ustalić z jakich powodów ma się uruchamiać Popup

On Page Load – Od razu po wejściu na stronę, lub po jakimś czasie
On Scroll – Po przejechaniu jakiejś części na stronie, np. 30% ekranu
On Scroll To Element – Po przejechaniu do jakiegoś konkretnego elementu na stronie, np. obrazka czy tekstu
On Click – Po kliknięciu gdziekolwiek na stronie (w dalszej części pokaże jak ustawić popup na przycisk)
After Inactivity – W przypadku braku aktywności Twojego odbiorcy, np. po 30 sekundach
On Page Exit Intent – Dosłownie w chwili gdy próbuje zamknąć kartę

Kolejno przejdź do ostatniej zakładki „Advanced Rules„
Tutaj ustawisz jak często ma się pojawiać Twój popup i w jakich okolicznościach.

Show after X page views – Pojawi się maksymalnie określoną ilość razy, zależną od wyświetleń odbiorcy
Show after X sessions – Pojawi się maksymalnie ustaloną ilość razy, zależną od sesji odbiorcy
When arriving from specific URL – W wypadku wejścia na Twoją stronę z konkretnego linka
Show up to X times – Popup będzie się pokazywał maksymalnie, ustaloną ilość razy konkretnemu odbiorcy
Hide for logged in users – Możesz ukryć popup przed zalogowanymi użytkowniami
Show on devices – W tym miejscu ustalisz czy popup ma się wyświetlać na wszystkich urządzeniach (komputery, telefony)
Show on browsers – Możesz ustawić na jakich przeglądarkach ma wyskakiwać popup

Po naniesieniu warunków nie zapomnij nanieść zmian, klikając zielony przycisk „Save & Close„
Jeżeli wszystko przebiegło zgodnie z poradnikiem to Twój popup powinien być już aktywny.