Главная · Возможности · Чат-бот для сайта с оператором в том же окне
Каналы
Чат-бот для сайта с оператором в том же окне
Посетитель пишет в окне на вашем сайте — первым отвечает бот по сценарию, а когда нужен человек, оператор продолжает в том же чате из «Диалогов». Контакты попадают в «Контакты» и CRM, а в шапке видно, кто ответит прямо сейчас.
Одна строка кодаВсе настройки — на любом тарифеБесплатно — 30 диалогов в месяц
Что умеет чат на сайт
Ставится одной строкой
Код из блока «Код вставки» — перед </body> в общем шаблоне: Tilda, WordPress, Битрикс или свой сайт. Дальше всё меняется в кабинете — код на сайте обновлять не нужно. Стили сайта окно не ломают, на телефоне чат открывается на весь экран.
Бот и оператор в одном окне
Первым отвечает сценарий. Блок «Оператор» передаёт диалог в «Диалоги», и человек отвечает в тот же чат — текстом или файлом, с индикатором «печатает». Ответил оператор — бот в этом диалоге замолкает.
Честный статус в шапке
«Оператор на линии» — только пока у сотрудника открыты «Диалоги» или ваш helpdesk сообщил о смене. В остальное время — «Сейчас отвечает бот», «Вне рабочего времени: ответим завтра в 10:00» по расписанию или честное «офлайн».
Контакты и заявки в CRM
Форма до начала диалога или кнопка «Оставить контакты» в шапке чата. По кнопке появляется контакт с тегом «виджет-лид», сделка на стадии «Новый» в «CRM» и письмо вам.
Проактивные сообщения
Чат сам предлагает помощь: через N секунд, при прокрутке, бездействии или уходе с сайта — на нужных страницах и устройствах. Если посетитель уже писал в чат или чат открыт, правила молчат.
Файлы в обе стороны
Посетитель прикладывает скриншот, договор или макет до 10 МБ: JPG, PNG, GIF, WebP, PDF, Word, Excel, TXT, CSV или ZIP. Оператор отвечает файлом из «Диалогов». В Telegram, MAX и ВКонтакте — только текстом.
Как поставить чат на сайт
-
1
Подключите виджет
В боте откройте «Каналы» → «Виджет на сайт» → «Подключить». Ключ создаётся сам, настройки — в разделе «Виджет». Для второго сайта там же есть «Добавить сайт».
-
2
Настройте окно
Во вкладке «Внешний вид» — заголовок, имя и аватар консультанта, цвет, сторона кнопки. Затем «Приветствие», «Pre-chat», «Статус», «Домены», блок «Проактивные сообщения» и «Сохранить настройки».
-
3
Вставьте код на сайт
В блоке «Код вставки» нажмите «Копировать» и вставьте строку перед
</body>. Где это поле в Tilda, WordPress и Битриксе — в справке по установке. -
4
Включите сценарий и отвечайте
В «Сценариях» включите сценарий — например, с триггером «Открытие виджета». Отвечайте из «Диалогов»: пока раздел открыт, посетитель видит «Оператор на линии».
Кто отвечает посетителю и как он узнаёт об ответе
Статус в шапке чата считает сервер ЧБТ, а не браузер посетителя: его часовой пояс может быть чужим. Во вкладке «Статус» выбирается один из трёх режимов.
| Режим | Что видит посетитель |
|---|---|
| «Автоматически» | «Оператор на линии», пока у сотрудника открыты «Диалоги». Раздел закрыт, но сценарий включён — «Сейчас отвечает бот». Нет ни того, ни другого — «офлайн» и предложение оставить контакты |
| «По расписанию» | Рабочие часы по дням недели в выбранном часовом поясе. В часы — «Сейчас отвечает бот, работаем до 19:00», вне их — «Вне рабочего времени: ответим завтра в 10:00» |
| «Бот отвечает круглосуточно» | Бот на связи всегда. Если задать расписание, посетитель видит, с какого часа подключится оператор |
Подключённый оператор перебивает любой режим. Статус пересчитывается раз в минуту и сразу, когда оператор открывает или закрывает «Диалоги». Тексты можно заменить своими — до 160 символов, с подстановками {from}, {to} и {next}; пустое поле сервер заполнит сам.
Если посетитель ушёл на другую вкладку, ответ он заметит, пока страница сайта открыта: заголовок вкладки мигает «(1) Новое сообщение» и звучит сигнал, а на свёрнутой кнопке чата растёт счётчик. Уведомление браузера приходит, если посетитель его разрешил, — виджет спрашивает сам, когда ответа ждут дольше шести секунд. На телефонах обычно остаётся мигающий заголовок: на Android уведомлений браузера нет. Переключатель «Уведомления в браузере посетителя» выключает мигание заголовка и уведомления браузера, а звук посетитель выключает сам кнопкой в шапке чата.
- Точка в шапке: зелёная — оператор, жёлтая — бот, серая — никто не отвечает.
- «обычно отвечаем за 4 минуты» рядом с «Оператор на линии» — медиана первого ответа оператора за 7 дней. Строки нет, пока таких диалогов меньше пяти или медиана больше 8 часов.
- Ночная смена задаётся через полночь, например 22:00–02:00. Часовой пояс — один из 18: от Калининграда до Камчатки, Алматы, Ташкент, Минск и другие.
- Когда ответить некому, под лентой появляется «Оставьте контакты — ответим, как только вернёмся на линию.»
- Кроме открытых «Диалогов», о смене оператора может сообщать ваш helpdesk — через API. Перестал сообщать — статус гаснет сам.
Три способа получить контакт
| Способ | Когда спрашивает | Что появляется в кабинете |
|---|---|---|
| Pre-chat — «Спрашивать контакты до начала диалога» | До первого сообщения: имя, email и телефон, любое поле можно сделать обязательным. Если не выбрано ни одно — имя и email | Контакт в «Контактах» |
| Кнопка «Оставить контакты» | Когда посетитель сам захочет: в шапке чата и в подсказке, когда никто не отвечает. Нужен email или телефон, формат проверяется | Контакт с тегом «виджет-лид», сделка «Лид с сайта — имя» на стадии «Новый» (одна на контакт) и письмо владельцу и админам бота |
| Блок «Сбор данных» в сценарии | В нужный момент разговора — например, после ответа на вопрос. Проверяет формат и переспрашивает | Поле контакта; сделку добавляет действие «Сделка в CRM» |
Pre-chat подходит тёплому трафику, где пишут по делу: холодных посетителей форма до чата отпугивает. Письмо о заявке приходит, пока в настройках уведомлений включены «Новые заявки от ботов» — по умолчанию они включены. Передать заявку в вашу систему можно действием «HTTP-запрос» в сценарии. Когда чат выигрывает у формы, а когда нужны оба, — в статье чат или форма обратной связи.
Проактивные сообщения: когда, где и как часто
Правило — это условие и действие. В блоке «Проактивные сообщения» их может быть до 20:
- Когда — сразу, через 1–600 секунд, при прокрутке страницы на 10–100 %, при бездействии или при уходе с сайта (только на компьютере).
- Где — на всех страницах или по адресу: «URL содержит», «URL начинается с», «URL равен», несколько вариантов через |. До 10 исключений — например, оформление заказа. «Устройства»: все, десктоп или мобильные.
- Действие — пузырь рядом с кнопкой чата или сразу открыть чат с сообщением: текст до 500 символов и до трёх быстрых ответов.
- Как часто — раз за визит, раз в N дней или каждый раз. Если условия нескольких правил совпали одновременно, первым показывается правило с более высоким приоритетом (0–100).
Готовые правила «Помощь через 20 секунд», «Уходите? Оставьте вопрос» и «На странице с ценами» добавляются одной кнопкой. Пример для интернет-магазина: на странице товара через 30 секунд — «Подобрать вариант под бюджет?», при уходе из корзины — «Есть вопрос по доставке? Ответим здесь».
- Не чаще одного показа в 30 секунд и не больше трёх за загрузку страницы.
- Чат открыт или посетитель уже писал — правила молчат. Пока вкладка скрыта, таймер стоит.
- На карточке правила — показы, ответы и доля ответов за 90 дней.
- Ответ на проактивное сообщение приходит оператору вместе с текстом правила — контекст виден.
- На сайтах, где страницы меняются без перезагрузки, смена адреса тоже отслеживается.
Чего чат на сайт не делает
Честно о границах — чтобы вы не узнали о них после запуска.
- Не догоняет посетителя, который закрыл сайт: ответ не уходит ему на почту или по SMS, а уведомления браузера работают, только пока страница открыта. Ответ ждёт в окне чата до возвращения в том же браузере — на другом устройстве начнётся новый разговор.
- Не показывает оператору, на какой странице сейчас посетитель, и не ведёт список посетителей онлайн.
- Нет оценки диалога посетителем, A/B-тестов окна и отдельного счётчика открытий виджета.
- В pre-chat — только имя, email и телефон: своих полей и флажка согласия на обработку данных нет.
- Аватар консультанта задаётся только ссылкой на картинку — загрузить файл в кабинете нельзя.
- Скрипт всегда загружается с app.chbt.io: подключить для виджета свой домен нельзя.
На каких тарифах
Pre-chat, статус и расписание, проактивные сообщения, домены и файлы есть на любом тарифе. На Бесплатном отвечает один человек — владелец, сценарии собираются в режиме «Шаги», а после 30 диалогов в месяц с теми, кто уже писал, переписка продолжается, но новые посетители видят в окне фразу о лимите, и их сообщения не сохраняются: следите за счётчиком «N из 30» на странице «Обзор» бота. С Базового — операторов сколько нужно (роли — в разделе «Доступ») и редактор «Холст».
Работает вместе с
Частые вопросы
Как это выглядит для оператора, если подключён ещё и Telegram?
Один список «Диалоги» на все каналы: у диалога метка канала, есть фильтр по каналу и статусу, назначение на оператора и общие быстрые ответы. Сценарии тоже общие для всех каналов, каналы подключаются в «Каналах». Отвечать можно и с телефона: кабинет ставится как приложение. Файлы оператор отправляет только в чат на сайте.
Что делает бот, пока оператора нет?
Отвечает по сценарию круглосуточно: приветствие, кнопки, сбор заявки. В шапке — «Сейчас отвечает бот», а в режиме «По расписанию» вне рабочих часов — когда ответят. О новом диалоге и о диалоге, переданном оператору, приходит Web Push (если он включён на устройстве; на iPhone — только в кабинете app.chbt.io, добавленном на экран «Домой»), письмо о передаче — если включены «Новые диалоги в инбоксе». Уведомлений в Telegram и MAX нет.
Как ограничить сайты, где работает виджет?
Во вкладке «Домены» перечислите до 50 адресов: example.com вместе с www, *.example.com для поддоменов, localhost — только если добавить явно. Пустой список — виджет работает на любом сайте. С чужого сайта соединение, загрузка файла и форма контактов отклоняются. Это защита от встраивания в браузере: запрос не из браузера она не остановит.
Можно открыть чат своей кнопкой «Задать вопрос»?
Да: вызовите chbt('open') по клику. Есть также close, toggle, mute и identify — последний передаёт имя, email и телефон авторизованного посетителя, и форма pre-chat ему уже не показывается.
Нужен ли флажок согласия на обработку данных?
Флажка в pre-chat нет. Добавьте фразу о согласии и ссылку на вашу политику в приветствие виджета или в первое сообщение бота. Оператор персональных данных здесь вы, ЧБТ обрабатывает данные по вашему поручению — так сказано в политике конфиденциальности.
Может ли в чате отвечать ИИ?
Да, с Базового. ИИ-агент отвечает свободным текстом по вашей базе знаний до 15 000 знаков, а его ветку «Не понял» в сценарии можно отвести к оператору. ИИ-продавец показывает в окне до трёх карточек товара: фото, цена, наличие и кнопка «Открыть товар». Ответ на модели по умолчанию — один кредит, на мощных моделях дороже: модель выбирается в настройках агента и продавца.
Сколько стоит чат-бот для сайта?
Бесплатный — 1 бот, 30 диалогов в месяц и подпись «Работает на ЧБТ» в окне. Базовый — 650 ₽ за бота в месяц, без лимита диалогов и без подписи; Бизнес — 1290 ₽. За канал «сайт» и за второй виджет отдельной платы нет.
Поставьте чат на свой сайт
Бесплатный тариф без привязки карты, код виджета готов сразу после подключения. Тот же сценарий отвечает в Telegram, MAX и ВКонтакте.