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. Порівняйте варіанти на сторінці тарифів.