Przejdź do głównej zawartości
Wszystkie kolekcjeROZWIĄZANIA ONSITEPOP-UP
Jak skonfigurować Custom Pop-up?
Jak skonfigurować Custom Pop-up?
Weronika Kapias avatar
Napisane przez Weronika Kapias
Zaktualizowano ponad 3 miesiące temu

1. Kliknij ADD NEW POPUP

Spowoduje to stworzenie Twojego nowego Custom Pop-up z domyślnymi ustawieniami. Kliknij go, aby edytować.

Kliknij  ADD NEW POPUP

Kilka ważnych informacji na temat procesu tworzenia Custom Pop-up:

  • Nie ma ograniczeń co do liczby pop-upów, które możesz stworzyć.

  • Wszystkie pop-upy są automatycznie responsywne, jednak będziesz mógł wybrać, czy chcesz wyświetlić je tylko na desktopie, tylko na urządzeniach mobilnych, czy na obu.

  • Twoja praca będzie automatycznie zapisywana co 60 sekund, jednak dla pewności, przed opuszczeniem strony, kliknij przycisk ZAPISZ.

2. Wybierz cel, który chcesz osiągnąć

Więcej o celach przeczytasz tutaj. (dodać link do artykułu z celami)

3. Zainspiruj się gotowymi szablonami

Do każdego celu dołączone są różne zestawy szablonów. Po wybraniu każdego celu zobaczysz inny zestaw do wyboru.

UWAGA: Ustalenie celu jest jedynie sposobem na zasugerowanie bardziej efektywnych szablonów dla niedoświadczonych użytkowników. Możesz także przejrzeć wszystkie szablony i wybrać ten, który Ci się podoba.

4. Gdy już wybierzesz swój szablon, kliknij zakładkę Projekt

Stworzysz Twój pop-up przy pomocy łatwego do użycia pop-up buildera. Aby poznać wszystkie możliwości Custom Pop-up edytora, kliknij tutaj.

Jeśli podoba Ci się Twoja kreacja, przejdźmy do zakładki Wyświetlanie.

5. Ustal reguły wyświetlania

Wszystkie Custom Pop-upy są domyślnie responsywne, ale możesz chcieć pokazać swój pop-up na konkretnym urządzeniu w zależności od strategii. Możesz wybrać pomiędzy:

  • Wszystkie urządzenia (desktop i mobile)

  • Tylko desktop

  • Tylko mobile

Po podjęciu decyzji, będziesz mógł wybrać pozycję, w której Twoje pop-up pojawi się na ekranie.

6. Ustawienia

To już prawie wszystko! Teraz określimy jeszcze zasady, mówiące o tym, kiedy i gdzie będzie wyświetlany Twój pop-up.

Najpierw musisz określić akcje – czyli warunki i zdarzenia, po których zostanie wyświetlony Twój pop-up.

  • Natychmiast (Twój pop-up zostanie wyświetlony natychmiast, bez żadnych opóźnień)

  • Opóźnienie (Twój pop-up zostanie wyświetlony z wybranym opóźnieniem)

    • Musisz wprowadzić czas opóźnienia, w sekundach, w polu tekstowym, które pojawi się poniżej.

  • Bezczynność (Twój pop-up zostanie wyświetlony po wybranym czasie bezczynności użytkownika na stronie)

    • Musisz podać czas bezczynności (w sekundach) w polu tekstowym, które pojawi się poniżej.

  • Po najechaniu kursorem (Twój pop-up zostanie wyświetlony po najechaniu przez użytkownika kursorem na wybrany element strony)

    • Ten warunek nie będzie dostępny jeśli wybrałeś "wszystkie urządzenia" lub "tylko mobile" w kroku 3.

    • Musisz wprowadzić CSS selector w polu tekstowym, które pojawi się poniżej.

  • Scrollowanie (Twój pop-up zostanie wyświetlony po przescrollowaniu przez użytkownika 50% strony)

  • Opuszczenie strony (Twój pop-up zostanie wyświetlony, gdy użytkownik przesunie kursor w górę strony).

    • Ten warunek nie będzie dostępny jeśli wybrałeś "wszystkie urządzenia" lub "tylko mobile" w kroku 3.

  • Kliknięcie (Twój pop-up zostanie wyświetlony, gdy użytkownik kliknie na wybrany element strony).

    • Musisz wprowadzić CSS selector w polu tekstowym, które pojawi się poniżej.

  • Zapis do Newslettera (Twój pop-up zostanie wyświetlony po tym, jak użytkownik zapisze się do Twojego newslettera).

    • Jest to świetna opcja do stworzenia pop-upu z podziękowaniem za zapis

7. Ustal, gdzie Twój pop-up ma zostać wyświetlony

  • Na każdej stronie (wszystkie strony Twojej witryny)

  • Na stronie głównej (tylko strona główna)

  • Na stronach produktowych (tylko strony produktowe)

  • Bazując na adresach URL

    • URL to dokładnie...

    • URL to nie...

    • URL nie zawiera fragmentu...

    • URL zawiera fragment...

    • URL adres (Regex)

Zwróć uwagę, że możesz połączyć warunki URL, aby dopasować je do swoich potrzeb. Na przykład, możesz chcieć dodać pop-up tylko do stron związanych z checkoutem, z wyjątkiej ostatniej (po zakupie).

8. Dostosuj pozostałe ustawienia

  1. Wybierz planowanie – i ustaw kiedy Twój pop-up ma się pojawić:

    • Wyświetlanie teraz (rozpocznij natychmiast i pozostaw aktywny przez nieokreślony czasie)

    • Wyświetlanie w wybranym okresie (wybierz datę początku i końca wyświetlania Twojego pop-upu)

  2. Nie zapomnij o wybraniu statusu subskrypcji, jaki ma mieć użytkownik, któremu pop up ma się wyświetlać.

  3. Jeśli chcesz rozróżnić, z którego miejsca zapisują się Twoi klienci, gdy masz więcej elementów on-site, dostosuj tag, który zostanie przypisany użytkownikowi po zapisaniu się do newslettera

Możesz również ustawić limit, aby określić ile razy Twój pop-up wyświetli się każdemu użytkownikowi. Możesz wybrać jedną z kilku opcji – od zawsze (bez limitów) do raz (co 31 dni).

Przykład: Jeśli zdecydujesz,że Twój pop-up ma być aktywny przez miesiąc i ustalisz, limit 1h, oznacza to, że bez względu na ilość wejść użytkownika na stronę w ciągu godziny, pop-up wyświetli mu się tylko raz.

I wreszcie, nazwij swój pop-up. To pomoże Ci zidentyfikować go później, gdy będziesz chciał zarządzać wszystkimi pop-upami lub sprawdzić jego wydajność w Raportach Onsite.

9. Na zakończenie...

Wszystko gotowe? W tym kroku zobaczysz trzy przyciski: Zapisz, Podgląd i Opublikuj.

Jeśli posiadasz niezapisane zmiany, będziesz w stanie kliknąć jedynie przycisk ZAPISZ.

Klikając przycisk PODGLĄD, zobaczysz jak Twój pop-up będzie wyglądał w sklepie. Zostanie wygenerowany nowy przycisk o nazwie ZOBACZ W SKLEPIE. Po jego kliknięciu zostaniesz przeniesiony do widoku Twojego sklepu z nowo utworzonym pop-upem.

10. Gotowe!

Jeśli jesteś zadowolony z wyglądu Twojego pop-upu w widoku sklepu, kliknij przycisk OPUBLIKUJ i voilà – Twój nowy Custom Pop-up jest gotowy do pracy :)


Potrzebujesz dodatkowej pomocy?

Jeśli masz jakiekolwiek dodatkowe pytania dotyczące pracy z kreatorem pop-up w edrone, skontaktuj się z nami na hello@edrone.me

Czy to odpowiedziało na twoje pytanie?