Pop-upy pojawiające się na stronach internetowych są w większości postrzegane jako coś irytującego. W wielu miejscach użyte są w taki sposób, który zakłóca użytkownikom przeglądanie treści.
Stworzenie skutecznej strategii używania pop-upów to jedno, ich faktyczne projektowanie to zupełnie coś innego. Jeśli do tej pory tego nie robiłeś lub brakuje Ci praktyki, może to być wyzwaniem. Nie martw się – nasz Custom Pop-up builder sprawi, że wszystko przebiegnie łatwo i przyjemnie!
W tym artykule omówimy proces tworzenia pop-upów. Aby dowiedzieć się więcej o wszystkich możliwościach naszego potężnego Pop-up edytora, kliknij tutaj.
Jak skonfigurować Custom Pop-up
Aby rozpocząć, zaloguj się do Mission Control i przejdź do zakładki ONSITE > CUSTOM POP-UP.
Kliknij przycisk + aby stworzyć Twój nowy Custom Pop-up. Spowoduje to utworzenie widżetu 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 (zobacz Krok 3).
Twoja praca będzie automatycznie zapisywana co 60 sekund, jednak dla pewności, przed opuszczeniem strony, kliknij przycisk ZAPISZ.
Krok 1: Cel
Pierwszą rzeczą, której potrzebujesz, jest określenie głównego celu Twojego Custom Pop-upu.
Budowanie bazy subskrybentów – wybierz tę opcję jeśli chcesz wyświetlić pop-up z formularzem, który będzie zbierał adresy e-mail odwiedzających i inne dane osobowe, takie jak imię, płeć lub datę urodzin.
Zwiększenie sprzedaży – wybierz tę opcję jeśli chcesz wyświetlić pop-up złożony z promocyjnych obrazków i tekstu (być może z dołączonym kuponem rabatowym)
Polecanie innych produktów – jest to opcja zaawansowana, dostępna tylko dla klientów korzystających z Marketing Machine. Dzięki niej możliwe jest wyświetlanie spersonalizowanych rekomendacji produktów w pop-upie, dla każdego odwiedzającego. Jeśli chcesz aktywować tę opcję, skontaktuj się z naszym zespołem Supportu.
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.
Gdy już wybierzesz swój szablon, kliknij zakładkę Design.
Krok 2: Design
Czas na część rozrywkową! 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.
Podoba Ci się Twoja kreacja? Jeśli tak, przejdźmy do zakładki Wyświetlanie.
Krok 3: Wyświetlanie
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.
Pozycje dla pop-upów na desktopie:
| Pozycje dla pop-upów na mobile:
|
Po wybraniu urządzenia i pozycji przejdź do ostatniego kroku: Ustawienia.
Krok 4: 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
Czas skonfigurować lokalizację – czyli to, na których stronach Twojej witryny, będzie pojawiał się pop-up.
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).
Następnie, wybierz planowanie – i ustaw kiedy Twój pop-up ma się pojawić.
Wyświetlanie teraz (rozpocznij natychmiast i pozostaw aktywny przez nieokreślony czas)
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ć. Wybierz interesującą Cię opcję z rozwijanej listy:
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.
Zapisz, Podgląd lub Opublikuj
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.
Gdy już to zrobisz, przycisk ZAPISZ zmieni kolor na szary, a pozostałe dwa przycisku będą nadal dostępne.
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.
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 :)
Tak trzymaj!
Potrzebujesz dodatkowej pomocy?
Jeśli masz jakiekolwiek dodatkowe pytania związane z Custom Pop-up, skontaktuj się z nami na hello@edrone.me