Jak stworzyć okienko popup?

Chcesz dodać popup do swojej strony? Oto szczegółowa instrukcja, jak to zrobić krok po kroku.


1. Tworzenie nowego szablonu popup

  1. Zaloguj się do panelu zarządzania stroną.

  2. Przejdź do zakładki Szablony → Popups w menu głównym.

  3. Kliknij przycisk „ADD NEW TEMPLATE”, aby utworzyć nowy popup.

  4. W polu „Wybierz typ szablonu, który chcesz edytować” upewnij się, że wybrana jest opcja „Popup”.

    Wybór szablonu popup


2. Wybór gotowego szablonu

Po otwarciu edytora Elementor zobaczysz listę gotowych szablonów.

  1. Wybierz interesujący Cię szablon.

  2. Kliknij „Wstaw”, aby dodać go do swojej strony.

    Gotowe szablony popup

  3. Po wstawieniu szablonu możesz edytować jego wygląd.


3. Ustawienia wyświetlania popupu

Po zakończeniu edycji popupu:

  1. Kliknij „Aktualizuj”, aby zapisać szablon.
  2. Otworzy się nowe okno ustawień wyświetlania popupu.

Warunki wyświetlania („Conditions”)

Określ, na których stronach popup ma się pojawiać.

  • Domyślnie ustawione jest „Wszystkie strony” (popup pojawi się na całej stronie).

  • Aby np. wyświetlać popup tylko w koszyku:

    1. Wybierz z listy „Pojedynczy”.
    2. Zmień wartość „Wszystkie pojedyncze” na „Strony”.
    3. W polu „Wszystkie” wpisz nazwę strony, na której popup ma się pojawiać.

    Reguły wyświetlania popupu

Wyzwalacze („Triggers”)

Określ, kiedy popup powinien się pojawić:

  • On Page Load – po wejściu na stronę.
  • On Scroll – po przewinięciu strony.
  • On Scroll To Element – po dotarciu do konkretnego elementu na stronie.
  • On Click – po kliknięciu na stronie.
  • After Inactivity – po dłuższym braku aktywności użytkownika.
  • On Page Exit Intent – gdy użytkownik próbuje opuścić stronę.

Zaawansowane reguły („Advanced Rules”)

Dzięki tej sekcji możesz jeszcze precyzyjniej określić, kto i kiedy zobaczy popup.


4. Zapisanie i aktywacja popupu

  1. Po ustawieniu wszystkich reguł kliknij „Save & Close”, aby zapisać zmiany.
  2. Twój popup powinien teraz działać zgodnie z ustawionymi warunkami.

🎉 Gotowe! Popup będzie się wyświetlał na wybranych stronach zgodnie z ustalonymi regułami. 🚀