Нотифлоу — это виджет-платформа, которая помогает сделать интерфейс понятным и дружелюбным.
С Нотифлоу можно:
- дать пошаговый план действий в виде чек-листа;
- привлечь внимание к акциям, новым функциям и важным обновлениям через попап;
- добавить короткие подсказки (тултипы) к элементам интерфейса;
- провести по основным разделам или функциям с помощью продукт-тура.
Все виджеты создаются в визуальном редакторе, без кода и сложных настроек. После публикации они автоматически появляются на сайте, а управлять их работой можно прямо из личного кабинета.
Чтобы запустить свой первый виджет, следуйте инструкции ниже.
Шаг 1. Зарегистрируйтесь
На странице регистрации заполните форму контактными данными, придумайте пароль и нажмите кнопку «Создать аккаунт». Аккаунт будет создан.
После этого вы сможет войти в личный кабинет, используя указанные при регистрации email и пароль. При желании можно поставить галочку рядом с пунктом «Оставаться в системе», чтобы в дальнейшем входить в кабинет автоматически.
Также для быстрого входа в аккаунт можно воспользоваться VK ID. Для этого нажмите на странице входа соответствующую кнопку и подтвердите доступ к вашему профилю.
Всем пользователям при регистрации подключается тариф «Старт». Он позволяет бесплатно создать до пяти виджетов любого типа, привязать один домен и работать с аудиторией до 1000 уникальных пользователей в месяц.
Тариф можно изменить в любой момент в настройках аккаунта на вкладке «Профиль».
Шаг 2. Добавьте домен и установите скрипт на сайт
Перед началом работы необходимо связать домен вашего сайта с личным кабинетом Нотифлоу с помощью специального скрипта. Это можно сделать для любого сайта, независимо от используемых технологий, CMS, языков программирования или разметки.
Обратите внимание:
|
Чтобы добавить домен, нажмите в правом верхнем углу кнопку «+ Добавить домен», перейдите на вкладку «Настройки» и укажите адрес сайта в формате mydomain.ru — без https:// и без / в конце.
После этого платформа сгенерирует скрипт с уникальным идентификатором вашего аккаунта (API-ключом). Он нужен для того, чтобы система могла распознать ваш сайт и корректно отображать на нем нужные виджеты.
Скопируйте скрипт в буфер обмена и откройте HTML-код сайта. Чтобы скрипт подгружался корректно и не мешал загрузке основного контента, рекомендуем разместить его перед закрывающим тегом </body>.
Если все сделано правильно, на вкладке «Настройки» рядом с вашим доменом появится статус «Скрипт установлен». При необходимости можно нажать кнопку «Проверить установку», платформа проверит наличие скрипта на сайте и предоставит актуальную информацию о статусе установки.
Шаг 3. Создайте виджет
После того как вы добавили домен и установили скрипт на сайт, можно переходить к созданию первого виджета. Нажмите кнопку «+ Создать» в левом верхнем углу.
В открывшемся окне выберите нужный тип виджета (чек-лист, попап, тултип или продукт-тур) и способ его создания. Можно создать виджет с нуля или использовать готовый шаблон.
При создании виджета с нуля откроется пустой редактор, где вы сможете самостоятельно задать структуру, внешний вид и расположение виджета. Этот способ подойдет тем, кто уверенно работает с редактором и хочет настроить виджет под свои задачи.
При использовании готового шаблона редактор предоставит базовую структуру и содержимое виджета. Вы сможете адаптировать его под себя — изменить тексты и внешний вид элементов. Такой способ подойдет тем, кто только начинает разбираться с функционалом редактора или хочет быстро запустить онбординг на сайте.
После выбора способа откроется редактор виджетов. Здесь для работы доступны две вкладки:
- Внешний вид. На этой вкладке настраивается оформление основных элементов виджета.
- Настройки. Здесь задаются условия показа: когда и на каких страницах должен отображаться виджет.
Подробные инструкции по работе с редактором и созданию каждого типа виджета вы найдете в следующих статьях:
- Как создать и настроить чек-лист.
- Как создать и настроить попап.
- Как создать и настроить тултип.
- Как создать и настроить продукт-тур.
Шаг 4. Опубликуйте виджет
Когда нужный виджет будет готов, в верхней части редактора укажите его название и нажмите кнопку «Сохранить и выйти».
Новый виджет появится в личном кабинете Нотифлоу.
Чтобы включить показ виджета на сайте, используйте переключатель в столбце «Статус». При необходимости показ можно в любой момент отключить, кликнув на переключатель еще раз.
Здесь вы также можете просматривать основную информацию о виджетах (название, тип, статус, дату создания, период показа) и управлять ими.
Если нужно внести изменения в виджет, нажмите на его строку. Откроется редактор, где вы сможете изменить тексты, внешний вид или условия показа.
Чтобы создать копию виджета, нажмите на три точки рядом с ним и выберите пункт «Копировать». Скопированный виджет унаследует все настройки оригинала, которые вы сможете адаптировать под свою задачу.
Чтобы удалить ненужный виджет, нажмите на три точки, выберите пункт «Удалить» и подтвердите действие. Виджет будет безвозвратно удален из вашего аккаунта.
