Чат-бот для сайта

Большинство чатов на сайте умеют только разговаривать

Отвечать на вопросы умеет любой виджет чата. Указываете ему на свой сайт, он читает страницы — и «а во сколько вы работаете» закрыто навсегда. Это правда полезно. И на этом почти все останавливаются.

Как только посетитель спрашивает то, что знает только ваша система — где его заказ, продлилась ли подписка, свободен ли четверг в четыре, — чату сказать нечего. Он собирает почту и обещает, что с человеком свяжутся. Посетитель ждёт. Чаще просто уходит.

Tidio, у которого конструктор сценариев один из лучших в этой категории, честно пишет об этом в собственном FAQ: их сценарии рассчитаны на «простые задачи» и «простые операции, где немного переменных». Это точное описание возможностей дерева правил.

Виджет FlowCastle — это вход в настоящий движок автоматизации. Тот же конструктор, на котором работают телеграм-боты с оплатой, подписками и многодневными цепочками, работает и в чате на вашем сайте.

Три вещи, которых дерево правил не умеет

Проверить заказ. Посетитель спрашивает про заказ. Сценарий уточняет номер, отправляет HTTP-запрос к вашему API, ветвится по ответу — отправлен, задерживается, не найден — и отвечает ссылкой на отслеживание. Если номер неверный, сценарий переспросит, а не упрётся в тупик.

Проверить аккаунт. Человек спрашивает, действует ли ещё подписка. Сценарий уточняет почту, обращается к вашей биллинговой системе и называет настоящую дату. Если подписка кончилась — пришлёт ссылку на продление и поставит контакту метку, чтобы через три дня ушло напоминание, если человек так и не продлил.

Записать на приём. Посетитель хочет записаться. Сценарий читает ваш календарь, показывает свободное время кнопками, записывает выбранное обратно, подтверждает и ставит напоминание за день.

Ничего из этого не нужно докупать как интеграцию. Это узлы на том же холсте, где лежат ваши сообщения: HTTP-запрос, условие, переменная, ожидание. Если у вашего API своя специфика — вставьте блок на TypeScript. Или опишите задачу словами, и AI-ассистент напишет код за вас.

Простые вопросы он тоже закрывает

Предсказуемой половине входящих ничего из перечисленного не нужно.

Наведите базу знаний на ваш сайт — она прочитает страницы, и виджет сам расскажет, что вы делаете, сколько это стоит, с чего начать и как устроен возврат. Своими словами с ваших страниц, а не выдуманными. Импорт сайта занимает URL и несколько минут.

AI и обычная логика живут в одном сценарии, поэтому вы сами решаете, что чем обрабатывать. Частые вопросы становятся кнопками с мгновенным ответом. Остальное уходит к AI. То, где нужен человек, — человеку.

Оплата за обращение, а не за диалог

Здесь модель оплаты отличается от привычной, и это стоит понять до сравнения ценников.

Большинство чатов для сайта берут деньги за диалог. У Tidio на тарифе Starter $24,17 в месяц — это 100 оплачиваемых диалогов, и посетитель, нажавший кнопку «условия возврата», расходует один из них ровно так же, как сложный вопрос. Chatbase считает кредиты сообщений: 50 в месяц бесплатно, 700 на тарифе Hobby за $40, дальше $40 за тысячу.

FlowCastle считает обращения: одно событие автоматизации каждый раз, когда человек будит бота сообщением или нажатием кнопки. Всё, что бот делает в ответ, не считается вообще — ответы, меню, условия, запросы к вашему API, свой код и ожидания бесплатны, — а первое сообщение каждого человека не считается тоже. Контакты не ограничены.

Форма тарификации здесь важнее ценника. На бесплатном тарифе 2 000 событий в месяц: при реалистичных восьми репликах посетителя за диалог это примерно 250 диалогов до первого платежа — против 50 у Tidio. Starter — 790 ₽ за 7 500 событий, около 900 диалогов, против 100 у Tidio за $24,17. И поскольку работа внутри сценария бесплатна, чем больше диалога вы переводите на кнопки и запросы, тем дешевле он обходится.

Если вы сейчас на Живосайте, где платят за оператора, — разбор с ценами в статье аналоги JivoSite.

AI считается отдельно, в кредитах. Быстрая модель стоит половину кредита за ответ — около цента, против четырёх центов за кредит у Chatbase. В каждом рабочем пространстве 100 кредитов в месяц, примерно 200 ответов на быстрой модели, и сегодня этот лимит одинаков на всех тарифах. Если сайту нужно больше, есть два пути, и оба оформляются через нашу поддержку, а не переключателем в кабинете: докупить пакет — 250 кредитов за 500 ₽ — или подключить свой ключ LLM-провайдера, чтобы такие ответы оплачивались на вашем счёте у провайдера, а не кредитами. Полезно знать заранее.

Видно, что произошло на самом деле

Чат, который сообщает «247 диалогов за месяц», не сказал ничего, с чем можно работать.

Каждый сценарий в FlowCastle — это воронка. Видно, сколько посетителей вошло, кто как далеко дошёл и на каком именно шаге отвалился: вопрос, на который никто не отвечает, меню, которое никто не нажимает, запрос, который постоянно падает. Цели отмечают, что считать успехом, а конверсия разбивается по источникам.

Сверху работает Pulse — он читает сами диалоги. Отмечает вопросы, на которые бот не смог ответить, тупики, в которые упираются люди, и контакты, замолчавшие на середине сценария. И сразу предлагает правку, так что следующая версия сценария — это рецензия, а не раскопки.

Как поставить виджет на сайт

Без токена и без модерации. Телеграм-боту нужен токен от BotFather. Чату на сайте не нужно ничего: добавьте бота, выберите «Чат на сайте» — и он готов. Рабочий виджет можно получить раньше, чем вы придумаете название.

Три способа встроить. Один скрипт перед </body> ставит кнопку в углу каждой страницы. Сниппет с iframe помещает чат в конкретное место конкретной страницы. А у каждого чат-бота есть свой полноэкранный адрес: на него можно вести ссылкой или спрятать за QR-кодом. Эта страница ставится как приложение, так что посетитель оставит её на домашнем экране телефона и будет получать push-уведомления. Готовые сниппеты — в руководстве по установке.

Что может посетитель. Нажимать кнопки и пункты меню, в том числе с выбором нескольких вариантов и с подтверждением. Смотреть картинки, открывать документы и скачивать файлы. Присылать свои фото и файлы до 50 МБ. Видеть индикатор набора, пока бот думает. Вернуться в четверг и застать понедельничную переписку на месте: браузер узнаёт вернувшегося посетителя, поэтому ничего не начинается заново с приветствия.

Виджет выглядит как часть вашего сайта. Светлая тема, тёмная или по настройкам системы. Акцентный цвет, цвета сообщений, фон чата — включая картинку. Ваш аватар, favicon и шапка. Ширина панели и радиус скругления. Приветствие, которое отправляется само при первом открытии, и закрываемое уведомление под шапкой. Есть настройка: открывать чат самому, когда бот ответил, или показать значок непрочитанного. На любом платном тарифе надпись «powered by» снимается.

Свой домен. По умолчанию виджет загружается с домена FlowCastle. Чтобы он жил на chat.вашакомпания.ru, добавьте поддомен и создайте CNAME-запись, которую мы покажем, — сертификат TLS мы выпустим сами. Обычно быстро, изредка до 24 часов. Только поддомены: корневой домен вида вашакомпания.ru не подойдёт.

Когда нужен живой человек

Диалог с ботом становится диалогом во входящих. Если посетитель спрашивает то, подо что сценарий не собирали, или просто просит человека, сценарий передаёт разговор команде — и она отвечает из тех же входящих, где лежат диалоги из Telegram. Посетитель остаётся в том же окне и не замечает никакой границы.

Чат на этом сайте работает на FlowCastle по шаблону, который можно установить и разобрать: Помощник на сайте.

Одна аудитория, откуда бы человек ни пришёл

Посетитель с сайта становится контактом, а значит остальная платформа работает с ним без исключений: теги и переменные, цепочки, рассылки, цели и отчёты по конверсиям, воронка со шагами, где люди останавливаются. Тот же сценарий работает в Telegram, по почте и через MTProto: соберите один раз, поменяйте приветствие один раз — изменится везде.

Чего виджет не умеет

Лучше узнать это до того, как вы построите на этом процесс:

• Оплата в чате на сайте не работает. Telegram Payments работает в Telegram. Сценарий с шагом оплаты не примет деньги от посетителя сайта — ведите его в вашу обычную оплату.
• Нет JavaScript-API, чтобы передать в чат авторизованного пользователя. Если сценарию нужно знать, кто перед ним, он спрашивает об этом в диалоге. Это работает, но это вопрос, а не приветствие по имени.
• Нет поведенческих триггеров. Виджет не умеет открываться сам через 30 секунд, при уходе с страницы или на конкретном URL.
• Нет плагина для WordPress и приложения для Shopify. Это скрипт, он работает и там и там, но в каталогах этих платформ нас нет.
• Кнопка чата стоит в правом нижнем углу. Пока это положение не настраивается.
• Кнопки Telegram Mini App работают только в Telegram. Виджет их игнорирует.
• Интерфейс виджета — английский или русский. Ваши собственные сообщения могут быть на любом языке, подписи вокруг них — пока нет.

Пусть лучше это будет написано здесь, чем обнаружится в бою.

Начните с вопроса, на который ваш чат сегодня не отвечает

Возьмите то, что посетители спрашивают, а текущий чат вынужден передавать людям: заказ, аккаунт, запись. От ответа прямо в диалоге это отделяют один HTTP-запрос и одно условие. Бесплатный тариф — без карты и без токена.