Установка чат-виджета на сайт
Скрипт для встраивания, разрешённые домены и проверка работы.
Web-виджет — чат в правом нижнем углу вашего сайта. Посетитель пишет в него, у вас в Чатах появляется тикет; там же виджет показывает статьи вашей базы знаний и собирает оценки.
Шаг 1. Создайте канал
- Каналы связи → Добавить канал → Web-виджет.
- Заполните два шага: название и домены, затем — установка скрипта.
- Название и основной цвет — как виджет представится и выглядит (потом всё меняется в настройках внешнего вида).
- Разрешённые домены — сайты, на которых виджету можно работать,
например
mysite.com. Можно добавить несколько (лендинг + приложение). На чужих доменах виджет с вашим ключом не запустится.
Шаг 2. Вставьте скрипт
На карточке канала откройте «Скрипт» — там готовый тег для встраивания.
Вставьте его в <head> или перед </body> на всех страницах сайта и
опубликуйте изменения.
Куда вставлять на популярных платформах:
| Платформа | Куда |
|---|---|
| Свой сайт / React / Vue | шаблон страницы, перед </body> |
| WordPress | тема → footer.php, или любой плагин «insert headers & footers» |
| Tilda / Webflow | настройки сайта → «HTML-код для вставки» |
| Shopify | у нас отдельный путь — канал Shopify |
Шаг 3. Проверьте
Откройте сайт, напишите что-нибудь в виджет — в Чатах появится тикет от посетителя, а сам посетитель — в панели «Посетители онлайн» (с гео, источником перехода и путём по сайту).
Виджет не появился? Пройдитесь по статье «Виджет не появляется на сайте» — чаще всего дело в домене, которого нет в разрешённых, или в кэше сайта.
Что настроить дальше
- Внешний вид: логотип, цвета, офлайн-плашка.
- Статьи в виджете: база знаний с поиском прямо в чате.
- Триггеры: проактивные сообщения посетителям.
- AI-агента, чтобы виджет отвечал сам.
Не нашли ответ?
Напишите нам в чат — отвечает та же команда, что делает продукт. Или письмом на [email protected].