Как добавить чеклист онбординга в приложение без программиста
Чеклист первых шагов превращает «и что теперь?» в четыре понятные задачи с полосой прогресса. В Clew вы пишете пункты, к каждому ставите ссылку на страницу, где он выполняется, и выбираете, кому показывать список, — прогресс виджет хранит в браузере пользователя.
- Время
- ● 15 минут
- Цена
- 14 дней бесплатно, без карты
- Формат
- Чеклист онбординга
Что такое чеклист в Clew
Формат Чеклист онбординга — компактная панель в углу экрана: заголовок, полоса прогресса и Пункты чеклиста. У каждого пункта есть название, короткое пояснение и необязательная ссылка. Когда пользователь нажимает на пункт, тот отмечается, а ссылка открывается в новой вкладке.
Прогресс хранится в браузере посетителя, поэтому список помнит сделанное между визитами на этом устройстве. Прохождение засчитывается, когда отмечены все пункты.
Что писать в список
Настройка, после которой продукт начинает работать
Подключить данные, создать первый проект, пригласить коллегу — три-четыре шага, после которых пользователь получает пользу.
Ссылки сразу на нужный экран
Каждый пункт ведёт на страницу, где он выполняется, — никто не ищет раздел в меню.
Тур за пунктом
Поставьте в ссылку пункта страницу с ?tutorial=<slug> — тур запустится сразу после перехода, и чеклист превратится в интерактивную инструкцию.
Только тем, кому нужно
С правилом аудитории список видят пользователи на пробном периоде или аккаунты, не закончившие настройку, а не все подряд и навсегда.
Как добавить чеклист онбординга за 5 шагов
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Один раз поставьте строку на сайт
Вставьте код там, где вы управляете сайтом. Каждая инструкция занимает 5–10 минут, и повторять её не придётся: всё остальное делается в Clew.
Шаг 2 · схема интерфейса - Шаг 03
Напишите пункты чеклиста в Clew
В Clew откройте Сценарии → + Новый сценарий и выберите Чеклист онбординга. Заполните Заголовок чеклиста и добавьте 3–5 пунктов в Пункты чеклиста: название-действие, одну строку пояснения и в Адрес ссылки страницу, где это делается. Селекторы не нужны.
Шаг 3 · схема интерфейса - Шаг 04
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Чеклист онбординга Где показывать (URL страницы) Раздел по префиксу /personalКогда показывать Сразу при загрузке Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 4 · схема интерфейса - Шаг 05
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 5 · схема интерфейса
Пошагово: чеклист онбординга на вашей платформе
Выберите платформу, на которой сделан сайт или приложение. В каждой инструкции — шаги установки, разобранный пример с готовыми настройками и подводные камни этой платформы.
Это бесплатно?
Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.
Вопросы и ответы
Чеклист бесплатный?
Чеклисты входят в тариф Pro. У новых аккаунтов 14 дней пробного периода со всеми форматами и правилами аудитории, без карты; туры и подсказки остаются бесплатными.
Пункты отмечаются сами, когда пользователь выполнил задачу?
Пока нет: пункт отмечается, когда пользователь нажимает на него, — при этом открывается его ссылка. Отметка по событиям приложения анонсирована на будущее, а пока формулируйте пункты как действия («Создайте первый проект»), чтобы клик был естественным шагом.
Прогресс синхронизируется между устройствами?
Нет, он хранится в браузере. Для онбординга этого обычно достаточно: продукт настраивают на том устройстве, где регистрировались.
Как скрыть чеклист у тех, кто уже всё настроил?
Передайте свойство, например onboarded, через Clew.identify() и добавьте правило аудитории: Свойство onboarded не равно true.