Конструктор виджета
Для админов

Конструктор виджета

«Настройки → Конструктор виджета» (группа «Каналы», в боковом меню — «Виджет на сайте») — визуальный конструктор чат-виджета с предпросмотром. Работать с ним могут владелец и администраторы.

Разделы

Слева — список разделов под заголовком «Конструктор», справа — предпросмотр. Рабочие разделы:

  • «Брендинг» — акцентный цвет и градиент, тема (авто, светлая, тёмная), «Язык виджета» («Авто», «Всегда русский», «Всегда английский»; см. «Бренд и шапка»), логотип, кнопка-лончер со своей иконкой, заголовок и подзаголовок, аватары команды (до 10), «Powered by SupportHub».
  • «Приветствие» — приветственный блок и кнопка, кнопки быстрых ответов (до 8), блоки «Внизу главной» («Последние новости» и «Популярные статьи и поиск», статьи — плитками или списком; см. «Главная вкладка и приветствие») и автооткрытие (см. ниже).
  • «Вкладки» — «Помощь / База знаний», «Новости / Анонсы» и «Мини-приложение». Главная и чат есть всегда. «Помощь» появляется, если есть хотя бы одна опубликованная публичная статья, «Новости» — если есть активные объявления для клиентов, вкладка мини-приложения — если в разделе «Мини-приложение» задан адрес страницы.
  • «Формы и темы» — поля, которые клиент заполняет до начала чата, и темы обращений.
  • «Чат» — «Показывать имя оператора»; «Показывать аватар оператора» — если выключить, вместо фото оператора виджет показывает логотип проекта; «Показывать историю тикетов» и «Макс. элементов» — закрытые обращения в списке чатов: выключено — их там нет, включено — видны последние N (открытые обращения видны всегда); «Запрос CSAT-оценки» и «Текст запроса оценки» — после закрытия обращения посетитель видит карточку со звёздами и может его оценить (см. «Система оценок»); «Оценка ответов 👍/👎 — для всего проекта» — общий переключатель проекта, тот же, что в «Настройки → Оценки» и в конструкторе Telegram-бота: сохраняется сразу, без публикации. «Заголовок истории» виджет пока не показывает.
  • «Часы работы» — показ часов работы и тексты «офлайн» и «вне рабочих часов». Само расписание здесь только отображается, меняется оно в «Настройки → Рабочие часы».
  • «Системные сообщения», «Email-мост» (просьба оставить email вне рабочих часов и письмо-подтверждение по переключателю, работает при выбранном email-канале; текст письма — в Email-шаблонах), «Кнопки ответа», «Мини-приложение» (страница для вкладки), «Закреплённый баннер», «Приветствия / отсутствие», «Набор эмодзи».
  • «Уведомления посетителю» — сообщить посетителю, который ушёл, что оператор ответил: Web Push на сайте, бот поддержки в своём Mini App или вебхук visitor.reply_waiting (см. «Уведомления посетителю»).
  • «Приватность» — индикатор печати, отметки о прочтении, «оператор увидел», а также «Разрешённые домены», где может работать виджет.
  • «Расширенные» — звук уведомления (в том числе свой по ссылке), cookie-домен и собственный CSS.
Разделы «Меню бота», «Профиль бота», «Истории», «Медленный режим» и «Фон» пока заглушки («… — скоро»). «Набор иконок», а в «Брендинге» — «Положение», «Радиус скругления» и «Режим отображения» виджет сейчас не учитывает: кнопка всегда справа внизу.

Логотип и иконка

В «Брендинге» логотип загружается файлом — PNG, JPEG, WebP или SVG до 256 КБ — или задаётся внешней ссылкой. Растровый файл перед загрузкой обрезается до квадрата (до 512 px), SVG загружается как есть. Опции: «Форма» (скруглённый, круг, квадрат) и «Прозрачный фон» — без акцентной плитки под логотипом, для картинок со своим фоном. Своя иконка кнопки-лончера загружается так же; её можно показывать без текста и на прозрачном фоне.

«Powered by SupportHub» в футере

Внизу виджета по умолчанию есть ссылка «Powered by SupportHub». На телефонах, сенсорных устройствах, во встроенных браузерах приложений и в предпросмотре конструктора её нет. Переключатель «Скрыть «Powered by SupportHub»» в «Брендинге» доступен на тарифах со своим брендингом (в стандартных тарифах — Business и Enterprise), на остальных он заблокирован и ведёт к тарифам.

Автооткрытие

  • «Задержка авто-открытия (секунды)» — 0 или пусто выключает; виджет открывается сам один раз за сессию браузера, но не в предпросмотре и не для ботов.
  • «Где открывать само» — везде, только в обычном браузере или только на компьютере.
  • «Сразу открывать чат в Telegram Mini App» — включено по умолчанию и срабатывает только при настоящем запуске Mini App, а не по ссылке из чата.
  • «Что открыть» — вкладку, раздел или статью базы знаний, новость (только среди видимых вкладок).

Предпросмотр

Предпросмотр обновляется почти сразу после каждой правки. Под ним «Состояние предпросмотра» переключает экраны: запуск, главная, форма перед чатом, диалог, печатает, системные сообщения, тикет создан, запрос оценки, email-мост, закрытый тикет, помощь, новости, офлайн и вне рабочих часов. «Мобильный предпросмотр (375px)» показывает мобильную вёрстку. Над разделами есть переключатель «Язык» и «Управление языками» — предпросмотр следует выбранному языку. Исключение — «Язык виджета» в «Брендинге»: при «Всегда русский» или «Всегда английский» предпросмотр всегда на этом языке.

Черновик и публикация

  • Каждая правка автоматически сохраняется в черновик. Посетители сайта видят только опубликованную версию.
  • «Опубликовать» переносит черновик в рабочую версию, «Отменить» отбрасывает черновик (после подтверждения). Обе кнопки неактивны, пока черновик совпадает с опубликованным — тогда в статусе «Все изменения опубликованы».
  • Опубликованные изменения доходят до посетителей не мгновенно: конфигурация виджета кэшируется, так что до пяти минут посетители могут видеть прежнюю версию.
  • Согласования, отложенной публикации и журнала изменений в интерфейсе конструктора нет.
Код установки — «Код для вставки» внизу левой колонки (на компьютере) или на плитке виджета в «Настройки → Каналы». В нём адрес виджета с ID проекта и закомментированный необязательный запрос HMAC-токена посетителя — подробнее в разделе «Настройка каналов».
Если у посетителя в системе включено уменьшение анимации, виджет учитывает это сам — отдельной настройки нет.
Была ли страница полезной?