1. Kliknij ADD NEW POPUP
Spowoduje to stworzenie Twojego nowego Custom Pop-up z domyślnymi ustawieniami. Kliknij go, aby edytować.
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ę Design
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
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)
Nie zapomnij o wybraniu statusu subskrypcji, jaki ma mieć użytkownik, któremu pop up ma się wyświetlać.
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