Prowadź odwiedzających krok po kroku po stronie lub aplikacji, także przez wiele stron.

Otwórz Przewodniki w menu.

Przewodnik po produkcie pokazuje dymek obok prawdziwego przycisku, pola lub menu na Twojej stronie, krok po kroku. Świetnie sprawdza się przy powitaniu nowych użytkowników, prezentacji nowej funkcji lub konfiguracji. Działa na każdej stronie i w każdej aplikacji webowej z zainstalowanym Messengerem, także w produktach SaaS dla zalogowanych użytkowników.

Tworzenie przewodnika

Kliknij Nowy przewodnik i nadaj mu nazwę.
Dodaj kroki (do 10). Dla każdego kroku:
- Element — kliknij kursor w polu. Twoja strona otworzy się w nowym oknie; kliknij wybrany element, a jego selektor zostanie wpisany automatycznie. Selektor CSS możesz też wpisać ręcznie. Zostaw puste dla kroku na środku ekranu.
- Strona (opcjonalnie) — strona kroku, np. /ustawienia. Zostaw puste, aby zostać na bieżącej stronie.
- Położenie dymka — automatyczne albo pod, nad, po prawej lub po lewej stronie elementu.
- Tytuł i tekst — krótko i jasno. Każdy krok można przetłumaczyć; puste tłumaczenie pokazuje tekst w języku obszaru roboczego.
Wybierz kolor i sposób uruchamiania.

W oknie wyboru użyj najpierw Przeglądaj strony, aby przejść na inną stronę, a potem Wybierz.

Przewodniki na wielu stronach

Nadaj krokowi Stronę, a przewodnik przeniesie tam odwiedzającego, gdy dotrze do tego kroku, i będzie kontynuowany na nowej stronie. Można przechodzić między krokami w przód i w tył; przewodnik pamięta, gdzie był, przez 30 minut w tej karcie. Strony muszą być w tej samej witrynie co Messenger.

Jak uruchamia się przewodnik

Sam na pasujących stronach — wybierz strony i opóźnienie w sekcji Kto i kiedy. Każda osoba zobaczy go raz: nie uruchomi się ponownie po ukończeniu lub zamknięciu, a nieukończony najwyżej raz dziennie.
Tylko z Twojej strony — uruchom go JavaScriptem, np. z linku „Pokaż mi stronę”:

Shopxare('startTour', 'ID_PRZEWODNIKA')

Edytor pokazuje dokładny wiersz do skopiowania. Uruchomiony w ten sposób przewodnik można zawsze odtworzyć ponownie.

Wypróbuj przed publikacją

W sekcji Na Twojej stronie wpisz adres strony i kliknij Podgląd na Twojej stronie. Przewodnik odtworzy się tylko dla Ciebie, nawet jako szkic, i nie zostanie policzony. Link podglądu działa godzinę.

Wskazówki dla stabilnych selektorów

Selektory oparte na identyfikatorach lub własnych atrybutach działają także po zmianie wyglądu. Dodaj atrybut data-tour do elementów, które chcesz wskazać:

<button data-tour="nowy-projekt">Nowy projekt</button>

i użyj [data-tour="nowy-projekt"] jako elementu. Jeśli element nie pojawi się w ciągu 3 sekund, krok otworzy się na środku ekranu.

Wyniki

Każdy przewodnik pokazuje, ile osób go zobaczyło, ukończyło i zamknęło — każda osoba liczona raz. Możesz też wybrać odbiorców lub segment oraz daty rozpoczęcia i zakończenia.