Обучение прямо
в вашем интерфейсе
Виджет проводит человека по порталу шагами: подсвечивает кнопку и объясняет, что это и как работает. Вместо инструкции, которую никто не читает, и звонка в поддержку.
Интерактивное обучение на сайте (онбординг, тур по интерфейсу) — это подсказки поверх вашей страницы, которые ведут пользователя по порядку: куда нажать, что заполнить, что будет дальше. Ставится одной строкой кода, шаги пишете сами в кабинете.
Кому это нужно
Везде, где у клиента есть свой вход: личный кабинет, портал, панель управления, сервис по подписке.
Личный кабинет клиента
Новый пользователь заходит и не понимает, с чего начать. Обучение показывает первые три действия и уходит.
Внутренний портал
Новый сотрудник вместо чтения регламента проходит обучение прямо в системе, в которой ему работать.
Сервис по подписке
После обновления интерфейса люди пишут в поддержку «куда всё делось». Короткий тур снимает волну обращений.
Сложная форма
Заявка на десять полей, половину из которых заполняют неверно. Подсказка у каждого поля объясняет, что именно туда писать.
Как это собирается
Без программиста и без правок вашего кода, кроме одной строки при установке.
Одна строка кода
Тег script на страницах портала. Обучение, кнопка запуска и чат работают этим же кодом.
Разметка щелчком
Нажимаете «Указать элемент» — открывается ваш сайт. Наводите на кнопку, щёлкаете, она становится шагом. Адрес элемента собирается сам.
Правила показа
На каких страницах, запускать самому или по кнопке, показывать один раз, каждый раз или снова через N дней.
Переход между страницами
Обучение запоминает шаг и продолжается после перехода. Шаг с другого раздела не ищет несуществующий элемент, а предлагает перейти туда.
Не ломается от вёрстки
Если элемента больше нет, шаг пропускается, а обучение идёт дальше. Виджет сообщает об этом, и в кабинете появляется предупреждение с номером шага.
Видно, где бросают
Сколько раз начали, сколько это было браузеров, сколько дошли до конца, на каком шаге чаще закрывают. Пока запусков мало, выводов не пишем.
Под ваш интерфейс
Цвет, надписи кнопок и положение кнопки запуска задаёте вы, чтобы обучение не выглядело чужой врезкой в вашем продукте.
Кому показывать
Новым пользователям, определённой роли или своему признаку — если вы передаёте его в window.wvTourUser. Данные ваших пользователей при этом остаются у вас.
Чат тем же кодом
Подключите своего бота Woove — на сайте появится чат, а заявки упадут в раздел «Чаты» вместе с остальными каналами.
Четыре формата на выбор
Не всё стоит объяснять одинаково: знакомство с сервисом, подсказка у одного поля и список первых дел — это разные задачи. Разбор каждого формата — в статье «Форматы шагов, аудитория и оформление обучения».
Шаг с подсветкой
Страница затемняется, нужный элемент остаётся светлым, рядом короткое объяснение. Основной формат обучения.
Окно по центру
Шаг без элемента: приветствие в начале или итог в конце. «Покажу за минуту, как тут всё устроено».
Точка-подсказка
Пульсирующая точка у элемента. Страницу не затемняет и работать не мешает: человек сам решает, читать объяснение или нет.
Чек-лист
Список первых дел в углу экрана со счётчиком «1 из 4». Каждый пункт открывает свою подсказку и отмечается сделанным.
Что видит ваш пользователь
Затемнение, подсвеченный элемент и короткое объяснение. Кнопки «Назад», «Далее» и «Закрыть» на месте, счётчик шагов показывает, сколько осталось. Закрыть можно в любой момент — и тогда обучение больше не выскочит само. Шаг можно сделать и обязательным к действию: дальше пустит только настоящее нажатие на подсвеченную кнопку, а не чтение.
Если у вас есть разработчик
Виджет отдаёт наружу несколько команд, чтобы обучение вписывалось в вашу логику, а не жило отдельной жизнью.
Запуск из вашего кода
wvTour.start(id) — начать обучение, wvTour.restart(id) — показать заново, wvTour.checklist() — открыть чек-лист. Кнопку запуска можно убрать совсем.
Кому показывать
Выставьте window.wvTourUser — например { new: true, role: 'manager' }. Мы сверим это с условием обучения; сами значения никуда не уходят.
Цена
Одна подписка на аккаунт: сколько угодно сайтов и обучений, без ограничения по числу посетителей.
| Месяц | 2 999 ₽ |
| Год | 29 999 ₽ — два месяца в подарок |
| Первый месяц | 1 499 ₽ |
Без подписки обучение можно собрать и посмотреть в кабинете, но посетителям вашего сайта виджет его не покажет.
Вопросы
Что нужно установить?
Одну строку кода перед закрывающим тегом body. Больше ничего: обучение, кнопка запуска и чат работают этим же кодом. Ставится один раз, дальше обучение правится в кабинете без программиста.
Как выбрать элемент на своей странице?
В кабинете нажимаете «Указать элемент», открывается ваш сайт в режиме разметки. Наводите на кнопку или поле, щёлкаете — элемент становится шагом обучения, а адрес этого элемента мы собираем сами.
А если вёрстка поменяется?
Шаг, элемент которого исчез, пропускается: обучение идёт дальше, а не ломается посреди диалога. Виджет при этом сообщает нам, что не нашёл элемент, и в карточке обучения появляется предупреждение с номером шага. Адреса элементов мы стараемся собирать устойчивые: сначала id, потом data-атрибуты, и только потом путь по классам.
Обучение переживёт переход на другую страницу?
Да. Текущий шаг запоминается, и после перехода обучение продолжается с того же места. Если шаг привязан к другой странице портала, виджет предложит перейти на неё кнопкой и продолжит там.
Можно ли ждать, пока человек сам нажмёт кнопку?
Да. У шага есть выбор: двигаться дальше по кнопке «Далее» или только после того, как человек нажмёт подсвеченный элемент. Второй вариант учит действием, а не чтением.
Можно показать обучение не всем?
Да, если на своём портале вы заполняете window.wvTourUser — например роль пользователя или его тариф. Мы сверяем эти значения с условием обучения. Ничего о ваших пользователях мы при этом не знаем и не храним.
Можно запустить обучение из своего кода?
Да: wvTour.start(номер) начинает обучение, wvTour.restart(номер) показывает его заново, wvTour.checklist() открывает чек-лист. Кнопку запуска при этом можно убрать совсем.
Как посмотреть обучение, не показывая его посетителям?
В карточке обучения есть кнопка «Посмотреть на сайте»: откроется ваш портал и запустится именно это обучение. Статистику предпросмотр не пишет и отметку «уже видел» не ставит.
Можно показывать только на некоторых страницах?
Да, у каждого обучения есть правило: пути через запятую, звёздочка означает начало пути. Например «/app*, /orders» покажет обучение в кабинете и на заказах и не покажет на главной.
Человек уже проходил обучение, покажем ли снова?
По умолчанию нет: пройденное запоминается в браузере посетителя, как и обучение, которое он закрыл сам. Можно задать повтор через N дней — например напоминать раз в месяц. Запустить руками человек всегда может кнопкой в углу страницы.
Видно ли, где бросают обучение?
Да. В карточке обучения видно, сколько раз его начали, сколько браузеров это были, сколько дошли до конца и на каком шаге чаще всего закрывают. Пока запусков мало, выводов мы не пишем: на трёх прохождениях любой вывод — выдумка.
Чат сюда подключается?
Тем же кодом. Выбираете своего бота Woove, и на сайте появляется чат: заявки и диалоги падают в раздел «Чаты» вместе с Telegram, WhatsApp и остальными каналами.
Где лежат данные?
На серверах в России, дата-центр REG.RU «Москва ФЗ-152». Виджет не собирает персональные данные посетителей: он хранит в браузере отметку «это обучение пройдено» и случайный номер, по которому мы отличаем один браузер от другого в статистике.