Chcesz dodać popup do swojej strony? Oto szczegółowa instrukcja, jak to zrobić krok po kroku.
1. Tworzenie nowego szablonu popup
-
Zaloguj się do panelu zarządzania stroną.
-
Przejdź do zakładki Szablony → Popups w menu głównym.
-
Kliknij przycisk „ADD NEW TEMPLATE”, aby utworzyć nowy popup.
-
W polu „Wybierz typ szablonu, który chcesz edytować” upewnij się, że wybrana jest opcja „Popup”.
2. Wybór gotowego szablonu
Po otwarciu edytora Elementor zobaczysz listę gotowych szablonów.
-
Wybierz interesujący Cię szablon.
-
Kliknij „Wstaw”, aby dodać go do swojej strony.
-
Po wstawieniu szablonu możesz edytować jego wygląd.
- Jeśli potrzebujesz pomocy w edycji, sprawdź te instrukcje:
📌 Jak używać Elementora?
📌 Personalizacja w Elementorze – wprowadzenie
- Jeśli potrzebujesz pomocy w edycji, sprawdź te instrukcje:
3. Ustawienia wyświetlania popupu
Po zakończeniu edycji popupu:
- Kliknij „Aktualizuj”, aby zapisać szablon.
- 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:
- Wybierz z listy „Pojedynczy”.
- Zmień wartość „Wszystkie pojedyncze” na „Strony”.
- W polu „Wszystkie” wpisz nazwę strony, na której popup ma się pojawiać.
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
- Po ustawieniu wszystkich reguł kliknij „Save & Close”, aby zapisać zmiany.
- 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. 🚀