Як додати чат на сайт і правильно запустити підтримку
Додавання коду займає кілька дій, але корисний запуск починається раніше: з чіткої мети, перевірених відповідей, відповідального та тестування на телефоні.
Перевірено за поточними можливостями продукту та тарифними обмеженнями.
Головне за хвилину
Додавання коду займає кілька дій, але корисний запуск починається раніше: з чіткої мети, перевірених відповідей, відповідального та тестування на телефоні.
- ✓Визначте, які питання чат має закривати насамперед.
- ✓Підготуйте достовірні сторінки, правила та відповіді для AI й операторів.
- ✓Перевірте розташування віджета та повідомлення на мобільному екрані.
- ✓Після встановлення пройдіть весь шлях як звичайний відвідувач.
1. Визначте завдання чату
Запишіть 5-10 питань, через які відвідувачі найчастіше переходять до форми, дзвінка або месенджера. Для магазину це можуть бути доставка й повернення, для послуг - ціна та запис, для SaaS - тариф і доступ.
Для кожної відповіді вкажіть надійне джерело. Якщо джерело неоднозначне, AI не повинен здогадуватися - діалог краще передати людині.
- головна мета
- питання для AI
- питання лише для оператора
2. Підготуйте перший екран
Привітання має пояснювати користь. «Допоможемо обрати тариф і розібратися з підключенням» корисніше за загальне «Вітаємо».
Переконайтеся, що кнопка не перекриває кошик, меню, оплату чи cookie-банер. На телефоні врахуйте клавіатуру та нижню панель браузера.
- короткий заголовок
- зрозуміле привітання
- доступний контраст
- безпечна позиція
3. Встановіть персональний код
Робочий код з’являється в кабінеті після створення й схвалення проєкту. Демонстраційний код на публічній сторінці показує лише формат і не містить персонального токена.
Зазвичай скрипт додають перед закривальним тегом body або через менеджер тегів. Використовуйте його лише на дозволеному домені й не публікуйте приватні дані проєкту у відкритих репозиторіях.
- перевірити домен
- використати персональний код
- очистити кеш сайту й CDN
4. Перевірте весь шлях
Відкрийте сайт у приватному вікні та поставте просте, неоднозначне й позаробоче питання. Переконайтеся, що історія зберігається, а команда отримує потрібне сповіщення.
Повторіть тест на телефоні: надсилання, відповідь AI, передавання оператору, закриття та повторне відкриття.
- комп’ютер і телефон
- AI та оператор
- онлайн і офлайн
- обрив мережі й повтор
Список перевірок
- Робочий домен указаний правильно
- Привітання відповідає меті сторінки
- Кнопка не перекриває важливі елементи
- Є перевірені відповіді на часті питання
- Призначений відповідальний за складні діалоги
- Перевірені мобільний і позаробочий сценарії
Питання за темою
Чи можна встановити чат без розробника?+
Якщо є доступ до шаблону сайту або менеджера тегів, часто достатньо вставити готовий код.
Коли з’явиться робочий код?+
Після створення акаунта й проєкту. До цього Chtio показує лише безпечний демонстраційний приклад.
Чи можна змінити вигляд пізніше?+
Так. Тексти й сценарії можна змінювати в проєкті. Колір, розташування та інші параметри вигляду доступні на Starter і вищих тарифах.
Подивіться майбутній чат на своєму сайті
Введіть домен і збережіть чернетку. До реєстрації показується стандартний чат Free; адреса та мова перейдуть у проєкт.