Как создать чек-лист онбординга в Нотифлоу

Чек-лист онбординга — это панель из 4–5 шагов с прогресс-баром, которая показывает новому пользователю, какие действия принесут пользу прямо сейчас. Разбираемся, как создать чек-лист онбординга в Нотифлоу за 15 минут — в визуальном конструкторе, без разработчика. Хороший чек-лист поднимает activation rate на 15–25%, плохой — раздражает и его закрывают на втором шаге. Главное правило: 4–5 пунктов, конкретные глаголы, прогресс-бар стартует с 10%, а не с нуля.

Зачем нужен чек-лист и когда его лучше показывать

После регистрации новый пользователь не знает, с чего начать. Если он не выполнит 1–2 главных действия в первые 10 минут, вероятность возврата падает в 3–4 раза. Чек-лист закрывает эту дыру: вместо пустого экрана пользователь видит конкретный список с прогрессом.

Лучший момент для запуска чек-листа — после первого входа в кабинет, через 1–2 секунды после загрузки. Так пользователь успевает осмотреться, но не успевает уйти. Хуже всего показывать чек-лист сразу при регистрации — он создает ощущение, что бесплатное пользование требует работы.

Чек-лист стоит запускать, когда у вас уже определен «ага-момент» — действие, после которого пользователь понимает ценность продукта. Для Нотифлоу это «опубликовал первый виджет». Для бухгалтерского SaaS — «загрузил первый счет». Для CRM — «добавил первого клиента». Если вы не знаете, какое действие у вас «ага-момент», сначала найдите его (можно через cohort-анализ retention), а потом стройте под него чек-лист.

Из каких шагов должен состоять рабочий чек-лист

Базовая структура — 4 или 5 шагов, каждый закрывает одно действие. Меньше 3 — выглядит несерьезно, больше 6 — пользователь видит длинный список и закрывает.

Что должно быть в каждом шаге:

• глагол + объект в формулировке («Добавить домен», «Создать первого бота»);
• ссылка или кнопка, ведущая прямо к экрану действия;
• триггер автозавершения по событию из API;
• одна короткая подсказка под основным текстом — на ховере или раскрытии.

Шаги расставляйте по возрастанию сложности. Первый — простое действие, которое выполнится за 30 секунд. Это дает быстрый прогресс и психологический толчок к остальным. Например:

1. Заполнить профиль (30 секунд).
2. Добавить домен (1 минута).
3. Поставить скрипт на сайт (3 минуты).
4. Создать первый виджет (10 минут).

Если в продукте есть критичный технический шаг (поставить SDK, развернуть webhook), не делайте его первым — он отпугнет.

Как создать чек-лист в Нотифлоу — пошагово

В кабинете на cp.notiflow.ru:

1. «Виджеты → Создать → Чек-лист». Откроется конструктор со встроенным шаблоном на 4 шага.
2. Назовите чек-лист. Имя видите только вы — например, «Онбординг новых регистраций».
3. Отредактируйте шаги. Кликаете по шагу слева — справа поле для текста и URL действия.
4. Настройте автозавершение. Для каждого шага — событие из вашего трекинга или встроенное событие Нотифлоу («open_widget_editor», «publish_widget»).
5. Включите прогресс-бар. Базовое значение — старт с 10%, чтобы первый шаг визуально продвигал индикатор.
6. Перейдите на вкладку «Показ». URL = только кабинет (не лендинг), сегмент = «новые посетители», триггер = «через 2 секунды».
7. «Сохранить как черновик». Откройте превью на боевом сайте.
8. «Опубликовать». Чек-лист уходит в продакшн через 30–60 секунд.

С шаблоном весь процесс занимает 15 минут. С нуля — около 25 минут.

Как написать текст для шага: формула и примеры

Один шаг — одно предложение длиной 4–8 слов. Формула: глагол + объект, без вспомогательных слов.

Чего избегать:

• глаголов «настроить», «организовать», «реализовать» — слишком абстрактные;
• слов «удобно», «легко», «быстро» — пользователь сам решит, легко это или нет;
• технических терминов в шагах для нетехнических пользователей;
• модальных «попробуйте», «давайте» — выбор и так за пользователем, лишние слова раздражают.

Под каждым шагом можно добавить подсказку из 1–2 предложений — она показывается на ховере или раскрытии. Туда уходят детали типа «скрипт ставится перед закрывающим </body>» — в основной формулировке шага этого не должно быть.

Где разместить чек-лист на странице

В Нотифлоу доступны 4 позиции для чек-листа:

• Правый нижний угол. Базовая позиция — выглядит как badge, не перекрывает контент. Подходит для большинства SaaS.
• Боковая панель справа. Раскрытый чек-лист всегда виден. Хорошо для онбординга в админке, где экран широкий.
• Поверх контента (модальное окно). Активно вмешивается, лучше для блокирующего сценария — «нужно завершить настройку, прежде чем работать».
• Встроенная карточка на странице. Чек-лист рендерится как блок внутри вашей страницы. Подходит для landing-style онбординга — «3 шага до запуска».

Не используйте модальное окно дольше первого экрана — пользователь будет вынужден закрыть его, чтобы что-то посмотреть в продукте, и больше не вернется. Для постоянной видимости лучше badge или боковая панель.

Прогресс-индикатор и психология «почти готово»

Прогресс-бар — это не декорация, а инструмент удержания. Два правила:

Стартуйте не с 0%, а с 10–15%. Пустой бар сообщает «впереди много работы». Заполненный на 10% — «уже что-то сделано, осталось чуть-чуть». Это эффект из исследования Nunes & Drèze 2006: автомойка, которая выдавала карту с 2 уже отмеченными штампами из 10, получала на 82% больше повторных визитов, чем чистая карта на 8.

Не показывайте процент после 80%. Когда индикатор перевалил за 80%, замените цифру на текст «Почти готово» или «Остался последний шаг» — это сильнее работает на завершение, чем «86%». Это эффект цели (goal-gradient) — чем ближе к финишу, тем сильнее мотивация.

После завершения чек-лист может либо исчезнуть с поздравлением, либо превратиться в свернутый бейдж «Готово ✓». Базовое поведение в Нотифлоу — сворачивание в бейдж на 7 дней, потом полное исчезновение.

Шаблоны чек-листов: SaaS, e-commerce, edtech

В библиотеке шаблонов Нотифлоу есть готовые сценарии — открываются на первом шаге создания чек-листа.

SaaS-сервис (4 шага):

1. Заполнить профиль команды.
2. Пригласить коллегу.
3. Добавить первый проект.
4. Подключить интеграцию (CRM, мессенджер).

E-commerce backend (5 шагов):

1. Загрузить логотип магазина.
2. Добавить первый товар.
3. Подключить платежную систему.
4. Настроить доставку.
5. Опубликовать витрину.

Edtech / онлайн-курсы (4 шага):

1. Заполнить профиль студента.
2. Пройти первый урок.
3. Сдать первое домашнее задание.
4. Получить обратную связь от куратора.

B2B-сервис (4 шага):

1. Завести компанию и проверить ИНН.
2. Пригласить первого менеджера.
3. Подключить почтовый домен для трекинга.
4. Запустить первую кампанию.

Шаблон — это начальная точка. Подгоняйте под свой «ага-момент»: убирайте лишние шаги, переименовывайте под свою терминологию, добавляйте автозавершение по своим событиям.

Подробный шаблон для SaaS с примерами текстов — в статье «Шаблон онбординга для SaaS».

Часто задаваемые вопросы

Чек-лист собирается в кабинете — заведите аккаунт на cp.notiflow.ru/auth/register и откройте «Виджеты → Создать → Чек-лист». Полезно прочитать рядом «Как отслеживать прогресс виджета» и «Прогресс-трекер в продукте». Подробнее о механике — на странице виджетов-чек-листов.