Форматы шагов, аудитория и оформление обучения

Что ещё умеет обучение: чек-лист, точка-подсказка, шаг по действию, переход между страницами

Выберите вид каждого шага

У шага три вида. «Подсветить элемент» — основной: страница затемняется, нужная кнопка остаётся светлой. «Окно по центру» — шаг без элемента, для приветствия в начале и итога в конце. «Точка-подсказка» — пульсирующая точка у элемента, которая не затемняет страницу и не мешает работать: человек сам решает, читать объяснение или нет.

Соберите чек-лист вместо тура

Кнопка «Создать чек-лист» делает не последовательность, а список первых дел в углу экрана со счётчиком «1 из 4». Каждый пункт открывает свою подсказку и отмечается сделанным. Это для случая, когда дела не обязаны идти подряд: заполнить профиль, добавить сотрудников, выставить первый счёт.

Заставьте шаг ждать действия

В поле «Что двигает дальше» выберите «Нажатие на сам элемент». Тогда кнопки «Далее» на шаге не будет: человек пойдёт дальше, только когда действительно нажмёт подсвеченное. Так учатся действием, а не чтением. Не ставьте это на шаг, после которого открывается другая страница, если следующий шаг живёт на текущей.

Привяжите шаг к его странице

Поле «Страница, где живёт шаг» заполняется само, когда вы тыкаете в элемент. Шаг с другого раздела тогда не ищет несуществующий элемент: виджет покажет окно «Следующий шаг находится здесь» с кнопкой перехода и продолжит обучение уже там. Без привязки шаг просто пропустится, если элемента на странице нет.

Проверьте переход между страницами

Текущий шаг запоминается в браузере посетителя на два часа, поэтому обучение переживает переход по порталу и перезагрузку страницы. Через два часа отметка считается протухшей: это уже другой визит, и обучение начнётся сначала.

Ограничьте аудиторию

Обучение можно показывать не всем: только новым пользователям, только определённой роли или по своему признаку. Работает, если на своём портале вы задаёте window.wvTourUser до загрузки нашего скрипта — например { new: true, role: 'manager', plan: 'trial' }. Мы только сверяем эти значения на вашей же странице: данные ваших пользователей к нам не уходят.

Настройте повтор

Переключатель «Только один раз каждому» запоминает и пройденное, и закрытое вручную обучение. Поле «Повторить через, дней» позволяет напомнить о нём позже: например раз в месяц показывать тур по новым возможностям. Ноль означает «не повторять никогда».

Подгоните оформление под свой продукт

В настройках проекта задаются основной цвет, надписи всех кнопок («Далее», «Назад», «Готово», «Закрыть», слово перед номером шага) и угол, в котором висит кнопка запуска. Кнопку можно убрать совсем. Смысл в том, чтобы обучение выглядело частью вашего интерфейса, а не чужой врезкой.

Запускайте обучение своим кодом

Виджет отдаёт наружу три команды: wvTour.start(номер) начинает обучение, wvTour.restart(номер) показывает его заново даже тем, кто уже видел, wvTour.checklist() открывает чек-лист. Номер обучения написан под его редактором в кабинете. Так обучение можно повесить на свою кнопку «Как это работает» или запустить после нужного события в вашем интерфейсе.

Смотрите на предупреждения о шагах

Если виджет несколько раз подряд не нашёл элемент шага, в карточке обучения появляется предупреждение: «шаг 4: элемент не нашёлся 11 раз из 11 — вёрстка страницы изменилась». Это не догадка по провалу воронки, а прямой отчёт виджета. Откройте шаг и укажите элемент заново.

Если не работает