AI-виджет для сайта, который превращает посетителей в диалоги

Что такое AI-виджет для сайта и кому он нужен

AI-виджет для сайта — это окно чата, которое вы встраиваете на собственный сайт. За ним работает ваш ассистент продаж MyChatBot — тот же, что может отвечать в WhatsApp, Instagram или Telegram. Посетитель пишет прямо на странице, без установки мессенджера, и получает ответ от агента, который знает ваши товары, цены и правила.

Виджет подходит бизнесам, где решение о покупке принимают именно на сайте:

• интернет-магазинам, которым важно ответить на вопрос о товаре, пока человек ещё на его странице;
• сервисным компаниям, которые записывают на консультации, демо или визиты;
• командам, которые ведут рекламу на лендинги и хотят, чтобы каждый клик становился разговором;
• компаниям с личными кабинетами, которым нужно, чтобы поддержка знала, кто обращается.

Виджет — входящий канал: посетитель открывает чат, а ассистент отвечает. Каждый чат попадает в Active chats рядом с разговорами из других каналов.

Как это работает в MyChatBot

1. Посетитель открывает виджет. Всплывающее сообщение приглашает к разговору, а чат открывается с вашим заголовком, логотипом и приветствием из поля First message agent sends.
2. Контактная форма — по желанию. По умолчанию посетитель оставляет телефон или email перед началом чата. Включите Disable contact form, чтобы писать можно было сразу. Если форма включена, Show client status позволяет человеку выбрать статус, например «Постоянный клиент».
3. Ассистент обращается к вашим знаниям. Он ищет ответ в подключённой Базе знаний (Knowledge Base): FAQ, бизнес-документах, ссылках на сайт и товарных источниках вроде Product Feed или Product Spreadsheet.
4. Отвечает после короткой паузы. Reply Delay (от 0 до 180 секунд, по умолчанию 30) даёт посетителю дописать мысль несколькими сообщениями.
5. Действует, а не только отвечает. В зависимости от подключённых интеграций ассистент сохраняет контакты, меняет статус в воронке, создаёт лид в CRM или бронирует время.
6. Команда видит всё. Чат появляется в Active chats под вашим Widget ID, а в карточке клиента видно страницу, с которой писал посетитель, и его UTM-метки.

Ключевые возможности

Брендинг и размещение

Задайте фирменный цвет (Custom color), логотип, аватар и язык интерфейса. Закрепите иконку у левого или правого края, настройте отступы и масштаб отдельно для десктопа и мобильных или включите Fixed to full-screen view для смартфонов. Excluded Pages скрывает виджет на страницах вроде /cart.

Ad-Oriented Widget

Для рекламных лендингов режим Ad-Oriented Widget Appearance заменяет кнопку-пузырь квадратным виджетом, который по очереди показывает до 7 всплывающих сообщений. У каждого есть пара — User Template Message: когда посетитель нажимает на предложение, этот текст отправляется в чат от его имени, и разговор начинается.

Собственные кнопки и ссылки

Добавьте ?open-mcb-widget=1 к любому адресу на сайте, и виджет откроется автоматически, например после перехода из email-рассылки. Или включите Hide widget icon и добавьте класс mcb_widget_activator_button к своим кнопкам чата. Такая кнопка должна быть на странице уже в момент её загрузки.

Распознавание авторизованных клиентов

Если на сайте есть личные кабинеты, передайте ID пользователя через data-атрибуты или MyChatBot.identify(). ID подписывается на вашем сервере токеном HMAC-SHA256, а без действительного токена виджет игнорирует переданные данные, поэтому никто не сможет выдать себя за другого клиента. Дополнительный контекст, например тариф или последний заказ, помогает агенту персонализировать ответы. Но это лишь подсказка: не позволяйте агенту давать скидки только на её основании.

Память о клиенте

Contact Details сохраняет имя, телефон и email, которыми поделился посетитель. Client Context собирает заданные вами поля, например бюджет или сроки, и хранит их для того же клиента во всех каналах.

Каналы и интеграции

Виджет — один из каналов вашего ассистента в Sales Platform. Тот же ассистент с теми же знаниями и правилами может обслуживать WhatsApp, Instagram, Telegram, Facebook, Viber, TikTok, email, SMS и звонки. Блок Social Links добавляет прямо в виджет кнопки со ссылками на ваши профили в Viber, WhatsApp, Instagram, Telegram, OLX, Facebook и TikTok.

Что именно ассистент сделает с посетителем, зависит от подключённых интеграций:

• CRM: KeyCRM, SalesDrive, Bitrix24, Kommo, Zoho, Salesforce, GoHighLevel или HubSpot — одна CRM на ассистента. Агент создаёт и обновляет лиды; в KeyCRM или HubSpot каждый лид также получает ссылку на чат и автоматически заполненное поле источника.
• Запись: Google Calendar, Altegio или встроенный Calendar MyChatBot. Агент проверяет свободное время и бронирует запись прямо в чате.
• Заказы: KeyCRM, SalesDrive, встроенные Orders или строки в таблице (Spreadsheet Orders) для подтверждённых покупок.
• Пока без CRM: встроенные метки и статусы воронки упорядочивают лиды в MyChatBot, а Follow-ups могут нацеливаться на клиентов по статусу и метке.

Как данные остаются согласованными, читайте на странице синхронизации с CRM.

Когда подключается человек и какие есть ограничения

Ассистенту не обязательно вести каждый чат до конца. Ваши инструкции определяют, когда звать человека:

• Operator notification (уведомление оператора) отмечает чат во вкладке Attention, а AI продолжает разговор. Если подключён Flight Control, уведомление с контактами клиента и ссылкой на чат приходит и в вашу Telegram-группу.
• Handoff to operator (передача оператору) переключает чат в режим оператора и переносит его во вкладку Operator.

Команда может вмешаться и сама. В Handoff Control выберите стоп-слово или неявную передачу, при которой любое сообщение оператора переключает чат на человека. Silent handoff делает переключение незаметным для посетителя, а автовозврат снова включает AI через 24 часа или через заданный вами интервал. Подробнее — на странице передачи человеку.

Ограничения, которые стоит учесть:

• Виджет — входящий канал: разговор начинается, когда посетитель открывает чат, а рассылки не могут начать новый диалог через виджет. Чтобы связаться с посетителем позже, соберите телефон или email и продолжайте в каналах, которые могут первыми начинать разговор, например Email, SMS или Personal WhatsApp.
• Если включены Work Hours, вне графика ассистент молчит и потом не отвечает на эти сообщения, поэтому такие чаты стоит просмотреть оператору.
• Ответы списываются с баланса сообщений вашего тарифа. Если он закончится, ассистенты отключатся во всех каналах и сами не включатся: пополните баланс или дождитесь обновления тарифа, а затем проверьте переключатель статуса ассистента.

Как настроить

1. Настройте ассистента на странице Agents: роль, Базу знаний, инструменты и правила передачи. Проверьте реальные сценарии в Test Dialog.
2. Откройте Channels, выберите Website Widget и подключите агента через Connect agent to this channel.
3. Заполните тексты, брендинг, размещение и поведение виджета. Укажите Your business website URL и нажмите Preview, чтобы увидеть виджет поверх своего сайта.
4. Нажмите Generate the widget code, затем Copy script. Первый блок вставьте в конец секции head, второй — в конец body.
5. Перезагрузите сайт, отправьте тестовое сообщение и проверьте, что чат появился в Active chats под вашим Widget ID.

Код вставляется только один раз. Дальнейшие изменения сохраняются кнопкой Update и появляются после перезагрузки страницы. На тарифах Standard и Pro одновременно активен один ассистент продаж, на Multipro и выше — несколько. На Standard из интеграций можно подключить только Spreadsheet Orders, а CRM, календари и другие инструменты отмечены PRO. Сравните варианты на странице тарифов.