Онлайн-чат на сайте

Виджет — это та же воронка, что и в мессенджерах, но прямо на вашем сайте. Отдельный бот и токен не нужны: чат работает от проекта.

Шаг 1. Скопировать код

Проект → Каналы → блок Web Widget → Код виджета. Минимальный вариант выглядит так:

<script>
window.ImpactBotConfig = { projectId: "ваш-id-проекта" };
</script>
<script src="https://api.impactbot.ru/api/widget/loader.js" async></script>

ID проекта подставляется в сниппет автоматически — копируйте код кнопкой, не набирайте руками.

Шаг 2. Вставить на сайт

Код ставится перед закрывающим тегом `</body>`:

Обычный сайт — в общий шаблон страницы, чтобы чат был на всех страницах
Tilda — блок T123 «HTML-код» либо Настройки сайта → Ещё → HTML-код для вставки внутрь body
WordPress — в footer темы или через плагин для вставки скриптов

Шаг 3. Настроить внешний вид

Расширенный вариант сниппета принимает параметры:

<script>
window.ImpactBotConfig = {
  projectId: "ваш-id-проекта",
  color: "#1a53c6",
  position: "right",
  greeting: "Напишите нам",
};
</script>
<script src="https://api.impactbot.ru/api/widget/loader.js" async></script>

`color` — цвет кнопки в формате hex
`position` — `right` или `left`
`greeting` — текст-приманка у кнопки

Как это работает дальше

Посетитель пишет в чат — создаётся клиент проекта, как из любого другого канала
Отвечает опубликованная воронка; при передаче оператору диалог появляется в разделе «Диалоги»
Переписка и переменные видны в карточке клиента

Если не получилось

Кнопка не появилась — код вставлен вне `<body>` или конструктор сайта вырезал скрипты; проверьте исходный код страницы
Виджет есть, бот молчит — воронка не опубликована либо в ней нет триггера на входящее сообщение
Чат не открывается на мобильном — другой скрипт на сайте перехватывает клики или перекрывает виджет по z-index
Скопирован чужой ID проекта — сообщения уходят в другой проект; возьмите сниппет из нужного