Тултип — это небольшое всплывающее окно с подсказкой, которое появляется при наведении или клике на элемент сайта. С его помощью можно быстро донести до пользователя дополнительную информацию, не перегружая страницу лишним текстом.
В Нотифлоу можно создать тултипы для вашего сайта без кода и сложных настроек. Разберем по шагам, как это сделать.
Как создать тултип
Чтобы создать тултип, нажмите в левом верхнем углу экрана кнопку «Создать». В появившемся окне выберите тип виджета — «Тултип», а затем снова нажмите «Создать», чтобы перейти в редактор.
На вкладке «Внешний вид» вы увидите основной домен сайта, привязанный к вашему аккаунту.
При необходимости вы можете указать, на каких страницах этого сайта должен отображаться тултип. Например, добавить путь к разделу /price или /catalog, если подсказка нужна не только на главной странице.
Нажмите «Начать», чтобы перейти к созданию тултипа.
После этого в новой вкладке откроется ваш сайт. Внизу экрана появится панель управления, нажмите на ней кнопку «Создать тултипы здесь» — «Создать тултип», а затем кликните на элемент, к которому нужно привязать подсказку.
На рабочей области появится заготовка для тултипа. Ее нужно будет наполнить контентом и настроить внешний вид.
Как добавить контент и настроить внешний вид
Для начала введите текст подсказки, которую увидят пользователи при наведении на нужный элемент сайта. Это может быть краткое объяснение, рекомендация или дополнительная информация.
Введите текст вручную или воспользуйтесь командой /, если хотите добавить в описание заголовок, список, изображение или видео.
Важно! Изображения можно загрузить прямо с устройства, а видео вставляется по ссылке — подойдут файлы, размещенные на внешнем хостинге.
При необходимости вы также можете выделить текст и отредактировать его с помощью панели, которая появится на экране. Можно:
- изменить тип текста (например, сделать его заголовком или пунктом списка);
- выделить фразу жирным или курсивом;
- зашить в текст ссылку на внешний источник.
После того как вы добавите контент, настройте внешний вид тултипа. Выберите иконку и укажите расположение подсказки относительно элемента (сверху, снизу, слева или справа).
Изменения применяются мгновенно — вы сразу увидите, как будет выглядеть тултип на сайте.
Аналогичным образом добавьте тултипы к другим элементам интерфейса. Все созданные подсказки будут отображаться в нижней части страницы. При необходимости вы можете кликнуть на любой из них, чтобы отредактировать содержимое, изменить расположение или привязать подсказку к другому элементу.
Когда все нужные тултипы будут добавлены, вернитесь на вкладку с личным кабинетом Нотифлоу и задайте условия показа.
Как настроить условия показа
По умолчанию тултипы будут отображаться на сайте постоянно с момента активации и до тех пор, пока вы не отключите их вручную.
Чтобы ограничить период показа, например, если подсказки нужны только в рамках временной акции или при запуске нового раздела сайта, перейдите на вкладку «Настройки». Здесь вы можете указать дату и время начала/завершения показа. В этом случае тултипы автоматически появятся и исчезнут с сайта в заданное время.
Готово! Теперь вы можете опубликовать тултипы. Подсказки появятся на сайте и помогут пользователям быстрее разобраться в интерфейсе.
