Чек-лист — это виджет со списком шагов, которые пользователь должен выполнить на сайте. Такие списки часто используют для онбординга, обучения или продвижения новых функций.
Чек-лист может включать шаги вроде заполнить профиль, пополнить счет или подключить интеграцию. После каждого выполненного действия рядом с пунктом появится галочка, а внизу — прогресс выполнения. Когда все шаги будут завершены, пользователь увидит анимацию с поздравлением.
На сайте такой чек-лист может выглядеть так:
В Notiflow можно создать чек-лист за считанные минуты. Ниже расскажем, как это сделать.
Как создать чек-лист
Чтобы создать чек-лист, нажмите кнопку «Создать» в левом верхнем углу экрана. Откроется окно, где нужно выбрать тип виджета и способ его создания — с нуля или с помощью готового шаблона.
В этой инструкции мы по шагам разберем, как собрать чек-лист с нуля. Но те же шаги пригодятся, если вы решите отредактировать готовый шаблон под свои задачи.
Чтобы попасть в редактор виджетов, нажмите в окне кнопку «Создать».
Работа над чек-листом начинается на вкладке «Внешний вид». Справа отображается сам чек-лист, где нужно добавить шаги и текст поздравления, а слева — панель с настройками внешнего вида контейнера и шагов.
Первым делом задайте название чек-листа — текст, который будет отображаться над списком шагов. Кликните по полю и введите нужный вариант.
Затем переходите к наполнению чек-листа контентом и настройке условий показа. Об этом рассказываем ниже.
Как добавить и настроить шаги
Чтобы добавить в чек-лист первый шаг, кликните на кнопку «Добавить шаг» и укажите название шага. При необходимости можно добавить описание шага, оно отобразится под заголовком более мелким шрифтом.
На панели слева можно задать дополнительные настройки шага:
-
Добавить ссылку, по которой пользователь перейдет в нужный раздел сайта.
-
Указать время, которое потребуется на выполнение шага. По нему будет строиться шкала прогресса.
Аналогичным образом добавьте и настройте остальные шаги.
Шаги можно менять местами. Для этого зажмите иконку с точками слева от названия шага и перетащите шаг вверх или вниз.
Чтобы удалить ненужный шаг, нажмите на иконку корзины.
Как настроить поздравление
Когда пользователь выполнит все шаги чек-листа, он увидит поздравление — финальное окно с текстом и кнопкой. Поздравление поможет завершить сценарий взаимодействия и направить пользователя дальше. Например, на страницу с бонусом или следующему этапу обучения.
Чтобы отредактировать заголовок и текст поздравления, перейдите на вкладку «Поздравление». Если выделить текст, появится панель форматирования, где вы сможете изменить начертание, выравнивание и стиль текста.
На панели слева можно дополнительно настроить действие кнопки — закрытие чек-листа или переход по ссылке, а также выбрать тип анимации, которая будет сопровождать завершение чек-листа.
Как изменить расположение на странице
По умолчанию чек-лист будет появляться в правом нижнем углу сайта. Чтобы изменить его расположение, кликните в рабочей области редактора на нужную зону экрана — центр, левый или правый угол. Чек-лист будет закреплен в выбранной позиции.
Как настроить условия показа
Когда вы завершите оформление чек-листа, можно перейти к настройке условий его показа. Для этого откройте вкладку «Настройки» в верхней части редактора.
Здесь задаются параметры, которые определяют, когда и на каких страницах сайта будет доступен чек-лист.
Когда показывать. Если чек-лист должен показываться на сайте постоянно, ничего дополнительно указывать не нужно. По умолчанию он будет доступен сразу после активации.
Но если вы хотите запустить показ к определенному событию, например к промо новой функции, задайте дату начала или окончания показа. В этом случае чек-лист появится или скроется на сайте автоматически.
Где показывать. Чтобы чек-лист автоматически появлялся или скрывался на нужных страницах, укажите здесь их полные URL-адреса (с протоколом и доменом). Например: https://mydomain.com/profile.
Важно! Без этой настройки виджет будет недоступен для активации.
Готово! Теперь вы можете опубликовать чек-лист и начать онбординг новых пользователей на вашем сайте.
