Продукт +
Чат Виджеты Помощник Команды и роли База знаний Внутренние заметки
Тарифы
Ресурсы +
Журнал и база знаний Документация
Контакты Войти Начать бесплатно
Виджет

Подсказка на элементе — минус вопрос в поддержку.

Клиент навёл на иконку — увидел «что это». Кликнул на «?» — получил короткое объяснение и ссылку на статью базы знаний. Поддержка вздыхает с облегчением.

кабинет.пример.рф / настройки
ПОДСКАЗКА
Вебхук — адрес вашего сервера

Отправим запрос на этот адрес при каждом новом сообщении. Тело — данные диалога. Есть повтор и подпись.

Статья «Настройка вебхука» →
Проблема

Клиент не понимает, что значит иконка.

Открыл настройки, увидел 30 переключателей, из которых 12 не очевидны. Пошёл в чат поддержки. Или угадал. Или ушёл.

01Много полей — ноль объяснений

Форма с 20 полями. Половина — без плейсхолдера.

02Подсказка спрятана в FAQ

Клиент не знает, что искать, — и не найдёт.

03Тултипы дёргаются

Сделали через title="". Показываются через 2 секунды, в неудобном месте.

04Не учитывают контекст

Одна и та же подсказка для новичка и опытного.

Решение

Виджет, который знает свой текст.

Ставите data-атрибут на элемент или селектор в админке, пишете короткий текст + опционально ссылку на статью KB. Виджет сам показывается при наведении или клике на «?» рядом.

  • По наведению или клику — выбираете, как уместнее
  • Текст + ссылка на статью базы знаний в одной подсказке
  • Разные подсказки для ролей (новичок / опытный)
  • Редактирование без деплоя — админка
  • Статистика: сколько раз подсказка открывалась, помогло / не помогло
кабинет.пример.рф / настройки
ПОДСКАЗКА
Вебхук — адрес вашего сервера

Отправим запрос на этот адрес при каждом новом сообщении. Тело — данные диалога. Есть повтор и подпись.

Статья «Настройка вебхука» →
Возможности

Что отличает тултип Нотифлоу.

01KB
Контекстный поиск
В подсказке встроена ссылка на статью KB. Клиент кликает — попадает сразу на нужную.
02роль
Разные для ролей
Новому — «что это и зачем», опытному — «чем отличается от прежнего».
03автопомощь
Активные триггеры
Подсказка сама всплывает, когда клиент наводит 3-й раз — знает, что что-то неясно.
04эффект
Статистика помощи
Видно, сколько тултипов открывают и помогает ли: клиент после подсказки сделал действие?
05no-code
Редактирование без деплоя
Контент подсказки — в админке. Релиз сайта не нужен.
06эксперимент
A/B текста
Два варианта подсказки. Смотрите, какой формулировки — больше успешных действий.
Сценарии

Где даёт самый видимый эффект.

TechBasedev-tool

Тултипы на каждом параметре API. Тикеты «что это за поле» — минус 62% за 2 недели.

Контур.Плюсфинтех

Подсказки к налоговым терминам. Время заполнения декларации — минус 40%.

TravelUpSaaS

Тултипы в настройках тарифа. Клиенты перестали писать «что такое MAU».

Правила показа

Тултип — помощник, а не шум.

Не на каждом элементе — только на тех, где есть реальная непонятность. И не слишком навязчиво: не лайкают автовсплывающие.

ПОКАЗАТЬ, ЕСЛИ
клиент навёл на элемент или кликнул «?»
это первые 30 дней в продукте
НЕ ПОКАЗЫВАТЬ
клиент уже открывал эту подсказку 3 раза
подсказка отмечена «не показывать больше»
Частые вопросы

Что спрашивают перед запуском.

Можно ли сделать тултип без правки кода сайта?

Да, если вы можете указать CSS-селектор элемента. Ставим подсказку по селектору — без доработки фронта.

Тултипы мешают accessibility?

Нет. Подсказка доступна и по клавиатуре (Tab), и для screen-reader (aria-describedby). Крестик для закрытия.

Сколько тултипов — не перебор?

На одном экране — не больше 5–6. Если больше — интерфейс перегружен, нужно упрощать, а не обвешивать подсказками.

Связан ли тултип с поддержкой?

Да. Если подсказка не помогла («не разобрался»), виджет предлагает открыть чат с оператором. Оператор видит, на какой подсказке застрял клиент.

Попробовать на своем сайте?

14 дней тарифа «Бизнес», без привязки карты. Подключение за 15 минут.