Главная · Чат на сайт с ботом и оператором

Чат на сайт с ботом и оператором

Чат-бот для сайта в ЧБТ — это виджет, где посетителю первым отвечает сценарий, а оператор подключается в том же окне, когда нужен человек. Ставится одной строкой перед закрывающим тегом body, работает на Tilda, WordPress, Битриксе и самописных сайтах, заявки уходят в контакты и CRM кабинета. Тот же сценарий одновременно отвечает в Telegram, MAX и ВКонтакте — база и инбокс общие.

Установка — одна строка

В разделе «Виджет» кабинет выдаёт код вида <script src="https://app.chbt.io/w.js" data-key="…"></script>. Это единственное, что нужно сделать на сайте: одна строка перед закрывающим </body> в общем шаблоне — и виджет появляется на всех страницах. Разработчик не нужен; если сайт делал подрядчик, отправьте ему строку. Где именно поле для кода на Tilda, WordPress, 1С-Битрикс, Wix и других конструкторах и что нажать после вставки — в справке установка виджета.

Всё остальное живёт в кабинете: цвет, тексты, pre-chat форма, проактивные сообщения, домены — меняются в «Виджете» и применяются без правок на сайте. Ключ виджета создаётся автоматически при подключении канала в «Каналах»; у одного бота один виджет, и он же обслуживает несколько сайтов, если вписать их в «Разрешённые домены». Что настроить в первые дни — сценарий на триггер «Открытие виджета», оператор, pre-chat — в статье онлайн-чат для сайта за 5 минут.

Бот и оператор в одном окне

Посетитель пишет — отвечает сценарий: приветствие, кнопки под частые вопросы, сбор заявки. Когда вопрос выходит за сценарий или человек нажимает в меню кнопку вроде «Позвать оператора», блок «Оператор» передаёт диалог в раздел «Диалоги» и замолкает. Оператор отвечает из кабинета — в браузере или с телефона: кабинет ставится как приложение (PWA) и присылает Web Push о новых сообщениях даже при закрытой вкладке.

Для посетителя это один и тот же чат: он не видит «переключения на другую систему» и не пишет второй раз, что ему нужно, — история диалога у оператора перед глазами. Если ответ задерживается и посетитель ушёл на другую вкладку, виджет сообщит о новом сообщении, пока страница сайта открыта: заголовок вкладки мигает «(1) Новое сообщение», а если посетитель разрешил — приходит уведомление браузера. Разрешение виджет спрашивает сам и только когда ответа ждут: посетитель написал, а за несколько секунд ему никто не ответил. Уведомления браузера работают на компьютере, на телефонах обычно остаётся только мигающий заголовок. Выключается всё это переключателем «Уведомления в браузере посетителя».

Операторов на Базовом тарифе — сколько нужно; роли Владелец / Админ / Оператор задаются в разделе «Доступ». На Базовом же в сценарий добавляется блок «ИИ-агент»: он отвечает по вашей базе знаний свободным текстом и сам передаёт человеку, когда не уверен — ИИ-консультант на сайте. Магазину с каталогом товаров подойдёт ИИ-продавец, тоже с Базового: он подбирает товар из вашего каталога и показывает прямо в виджете до трёх карточек — фото, цена, наличие и кнопка «Открыть товар». Где заканчивается бот и начинается оператор — разбор настройки передачи.

Лид-форма и pre-chat

Три способа получить контакт — включайте тот, что подходит вашему трафику:

• Pre-chat форма — флажок «Спрашивать контакты до начала диалога»: имя, e-mail, телефон, каждое поле можно сделать обязательным. Подходит, когда трафик тёплый и пишут по делу; холодных посетителей форма до чата отпугивает.
• Кнопка «Оставить контакты» в чате — посетитель сначала общается, потом сам оставляет данные. По нажатию создаётся контакт и сделка в «CRM», вам уходит письмо.
• «Сбор данных» в сценарии — бот спрашивает телефон в нужный момент диалога, проверяет формат и переспрашивает при ошибке. Самый гибкий вариант: контакт просят после того, как ответили на вопрос.

Заявка из любого способа попадает в «Контакты» и в канбан «CRM» на стадию «Новая»; дальше — в вашу систему действием «HTTP-запрос», если нужно. Когда чат выигрывает у формы, а когда нужны оба — чат или форма обратной связи.

Проактивные сообщения: время, URL, уход

Виджет умеет начать разговор сам — в блоке «Проактивные сообщения» задаются правила:

• Когда — сразу, через N секунд на странице, когда посетитель прокрутил страницу на заданный процент или N секунд ничего не делает, либо при уходе с сайта (курсор к закрытию вкладки, только десктоп).
• Где — на всех страницах или по URL: «содержит /price», «равен /cart», «начинается с /catalog». Страница цен и корзина — первые кандидаты. Отдельно задаются адреса-исключения, например оформление заказа, и устройства: все, только десктоп или только мобильные.
• Что показать — пузырь с текстом рядом с кнопкой чата или сразу открыть чат с сообщением; под сообщением — до трёх кнопок быстрого ответа.
• Как часто — раз за визит, каждый раз или раз в несколько дней. Виджет сам не показывает подсказки чаще одной в 30 секунд и не больше трёх за просмотр страницы, а если чат открыт или посетитель уже написал — молчит.

Готовые правила «Помощь через 20 секунд», «Уходите? Оставьте вопрос» и «На странице с ценами» добавляются одной кнопкой. Рабочий пример для интернет-магазина: на странице товара через 30 секунд — «Подобрать вариант под бюджет? Напишите сумму»; при уходе из корзины — «Есть вопрос по доставке или оплате? Ответим здесь». Сколько заявок это добавляет и как проверить на своём трафике — онлайн-чат и заявки с сайта.

Статус «онлайн» и рабочие часы

В шапке чата посетитель видит, кто ответит ему сейчас. Статус считает сервер ЧБТ, а не браузер посетителя; в блоке «Статус и доступность» выбирается один из трёх режимов:

• Автоматически. У оператора открыты «Диалоги» — «Оператор на линии». Инбокс закрыт, но сценарий включён — «Сейчас отвечает бот». Нет ни того, ни другого — честное «офлайн» с предложением оставить контакты.
• По расписанию. Рабочие часы по дням недели в выбранном часовом поясе, ночная смена задаётся через полночь. В рабочие часы отвечает бот и подключается оператор, вне их посетитель видит, когда ему ответят: «Вне рабочего времени: ответим завтра в 10:00».
• Бот отвечает круглосуточно. Бот на связи всегда, а расписание, если его задать, подсказывает посетителю, с какого часа подключится оператор.

Живой оператор перебивает любой режим — с открытыми «Диалогами» или на смене в вашем helpdesk, если тот сообщает о ней через API. Когда за пультом никого нет, «Оператор на линии» посетитель не увидит. Тексты статуса можно заменить своими. Строку «обычно отвечаем за N минут» виджет добавляет, только когда оператор на линии, и только по фактам: это медиана первого ответа оператора за 7 дней, и пока диалогов с его ответом меньше пяти, строки нет.

Бот при этом отвечает по сценарию круглосуточно в любом режиме: ночью посетитель получает ответы и оставляет заявку, а утром оператор видит её в «Диалогах». Ночные заявки — заметная доля для доставки, автосервисов и всего, что ищут «на завтра».

Разрешённые домены и данные

В блоке «Разрешённые домены» перечисляются сайты, где виджет имеет право работать: example.com (включая www), *.example.com для поддоменов, localhost для разработки. Пустой список — виджет работает везде, где вставлен код; заполненный защищает от копирования ключа на чужой сайт.

Диалоги и контакты хранятся на серверах в РФ; оператор персональных данных — вы как владелец бота, ЧБТ обрабатывает данные по поручению (см. политику). Чекбокса согласия в pre-chat форме нет — добавьте фразу о согласии и ссылку на вашу политику в приветствие виджета или в первое сообщение бота.

Файлы в чате

Посетитель прикладывает скриншот ошибки, фото, договор или макет в PDF скрепкой рядом с полем ввода; оператор отвечает файлом из «Диалогов». Файл — до 10 МБ: картинки JPG, PNG, GIF и WebP, PDF, документы Word и Excel, TXT, CSV или ZIP. Файлы — особенность именно виджета: в Telegram, MAX и ВКонтакте бот ЧБТ работает с текстом и кнопками, и оператор отвечает там тоже текстом. Для поддержки, ремонта, типографий и юристов это часто решающий аргумент за чат на сайте, а не только в мессенджере.

Дизайн под ваш сайт

В блоке «Внешний вид»: заголовок окна, цвет, позиция справа или слева, имя и аватар агента, текст приветствия. Этого достаточно, чтобы виджет выглядел частью сайта, а не чужой вставкой. На Бесплатном тарифе под полем ввода стоит подпись «Работает на ЧБТ», с Базового виджет показывается без неё. Для сложных случаев есть JS API: chbt('open') и chbt('close') — открыть чат по клику на вашу кнопку «Задать вопрос»; chbt('identify', {name, email, phone}) — передать данные авторизованного пользователя, чтобы не спрашивать их снова.

Что входит бесплатно и что даёт Базовый

	Бесплатный — 0 ₽	Базовый — 650 ₽/мес	Бизнес — 1290 ₽/мес
Диалогов в месяц	30	без лимита	без лимита
Подпись «Работает на ЧБТ» в виджете	есть	нет	нет
Операторов	1	без ограничения	без ограничения
Редактор сценариев	«Шаги»	«Шаги» и «Холст»	«Шаги» и «Холст»
ИИ-агент	—	150 кредитов/мес	500 кредитов/мес
Pre-chat, проактивные сообщения, статус и рабочие часы, домены, файлы	да	да	да

Цена — за бота (проект) в месяц; виджет, Telegram, MAX и VK входят в любой тариф без доплаты за канал. 30 диалогов Бесплатного хватает, чтобы понять, пишут ли вам вообще; когда лимит исчерпан, с теми, кто уже писал в этом месяце, переписка продолжается, а новым посетителям бот до начала следующего месяца отвечает одной фразой о лимите, и в «Диалоги» их сообщения не попадают — следите за счётчиком «N из 30» на странице «Обзор» бота. Подробно — тарифы.

Поставить чат на сайт бесплатно — регистрация по e-mail, код виджета будет готов через минуту.

Преимущества сценариев

Частые вопросы

Виджет и Telegram в одном инбоксе — как это выглядит для оператора?
Один список «Диалоги», у каждого диалога метка канала: web, telegram, max, vk. Фильтр по каналу и статусу, назначение на оператора, шаблоны быстрых ответов общие. Файлы оператор отправляет только в диалогах виджета — в мессенджерах бот работает с текстом.

Что делает бот, пока оператор офлайн?
Отвечает по сценарию круглосуточно: приветствие, кнопки, сбор заявки. В шапке чата посетитель видит «Сейчас отвечает бот», а в режиме «По расписанию» вне рабочих часов — когда ему ответят. Диалог, переданный оператору, ждёт в «Диалогах»: приходит Web Push, а письмо — если в настройках уведомлений включены «Новые диалоги в инбоксе».

Как ограничить, на каких сайтах работает виджет?
В «Разрешённых доменах» перечислите домены: example.com (включая www), *.example.com для поддоменов, localhost для разработки. На чужом сайте с вашим ключом виджет соединение не установит.

Можно ли открыть чат со своей кнопки «Задать вопрос»?
Да: chbt('open') в обработчике клика. Есть также close, toggle, mute и identify — последний передаёт имя, e-mail и телефон авторизованного посетителя, и pre-chat форма ему не показывается.

Нужен ли чекбокс согласия на обработку данных в pre-chat форме?
Чекбокса в форме нет. Разместите текст согласия и ссылку на политику в приветствии виджета или в первом сообщении бота — оператор персональных данных здесь вы, ЧБТ обрабатывает данные по поручению, серверы в РФ.

Сколько стоит чат-бот для сайта?
Бесплатно — 1 бот, 30 диалогов в месяц, подпись «Работает на ЧБТ» в виджете. Базовый — 650 ₽ за бота в месяц без лимита и без подписи, Бизнес — 1290 ₽. За канал «сайт» отдельной платы нет.

Один бот для сайта и Telegram — так можно?
Да, так устроен ЧБТ: сценарий один на проект, каналы подключаются в «Каналах», все диалоги — в одном инбоксе. Файлы при этом работают только в виджете.

Создать бота бесплатно

Установка виджетаВиджет за 5 минутЧат и заявки с сайтаЧат или формаШаблон «Сбор заявок»Чат для интернет-магазинаИИ-продавец для селлеровТарифыБот TelegramБот MAXБот VK