Віджет чату на сайті: як перетворити відвідувачів із запитанням на розмови

Віджет чату перетворює відвідувачів на розмови, коли з’являється в слушну мить, повідомляє, з чим може допомогти, і відповідає одразу. В AdaptiveReply віджет використовує того самого ШІ-асистента й ту саму скриньку вхідних, що й решта ваших каналів, встановлюється одним рядком коду й налаштовується на трьох вкладках: «Дизайн», «Поведінка» і «Встановлення».

Автор: Опубліковано: Оновлено: 7 хв читання

Анімована демонстрація: на сайті магазину є кнопка чату, з’являється вітальне повідомлення, чат відкривається, відвідувач питає про товар, і ШІ-асистент відповідає карткою товару.

Головне

  • Чи напише відвідувач, вирішують слушна мить і конкретне привітання. Тизер, показаний після короткої затримки, і до чотирьох швидких відповідей працюють краще, ніж вікно, що розкривається поверх сторінки.
  • Чати із сайту мають потрапляти в ту саму скриньку вхідних. В AdaptiveReply на віджет відповідає той самий асистент, що й в Instagram, WhatsApp і Messenger, а передані чати стають зверненнями, як і всі інші.
  • Встановлення — це один скрипт. Вставте один рядок коду або скористайтеся вбудованим застосунком Shopify чи плагіном WordPress; подальші зміни в панелі з’являються на сайті самі.

Коли чат має заговорити першим?

Чат має заговорити після того, як відвідувач устиг роздивитися, і не повинен закривати сторінку. У відвідувача із запитанням два варіанти: запитати або піти. Більшість сайтів полегшують друге: або єдиний спосіб зв’язку — довга форма, або вікно чату вискакує раніше, ніж сторінку прочитано, і його закривають рефлекторно.

В AdaptiveReply м’який варіант — це Тизер на вкладці Поведінка: короткий рядок до 140 символів, який з’являється поруч із кнопкою чату після вибраної вами затримки від 0 до 120 секунд. Кожен відвідувач бачить його один раз за візит. Опція Автовідкриття відкриває чат один раз за візит на комп’ютерах; на телефонах чат займає весь екран, тому там натомість показується тизер.

Пишіть тизер як пропозицію за темою сторінки, а не як привітання. На «Вітаємо!» відвідувачеві нема чого відповісти.

Як повідомити відвідувачам, з чим може допомогти чат?

Повідомте це першими двома речами, які вони бачать: привітальним повідомленням і швидкими відповідями. Порожнє поле введення змушує відвідувача самого формулювати запитання. Коротке привітання й кілька запитань в один дотик показують, яка допомога доступна, і позбавляють цього зусилля.

  • Привітальне повідомлення. Перше повідомлення в кожному новому чаті. Скажіть однією фразою, хто відповідає і з чим може допомогти.
  • Швидкі відповіді. До чотирьох запитань в один дотик, кожне до 40 символів; вони показуються під привітальним повідомленням, доки відвідувач не напише.
  • Заголовок вікна й зображення асистента. Вони показують відвідувачеві, з ким він розмовляє.

Вибирайте швидкі відповіді, на які асистент добре відповідає: терміни доставки, умови повернення, як записатися. Швидка відповідь, яка завжди закінчується словами «колега зв’яжеться з вами», привчає відвідувачів до того, що чат — це повільна форма зворотного зв’язку.

Хто відповідає і як швидко?

ШІ-асистент відповідає одразу, будь-якої пори доби, і це той самий асистент, який відповідає в решті ваших каналів. Окремого налаштування для сайту немає: персона, тон, джерела, каталог і правила, задані один раз, діють і для віджета.

Розмови із сайту потрапляють у ту саму скриньку вхідних AdaptiveReply, що й Instagram, Facebook Messenger, WhatsApp і пошта. Коли асистент не може відповісти або відвідувач просить людину, розмова передається вашій команді як звернення з коротким підсумком, і учасник команди відповідає зі скриньки вхідних, а відвідувач залишається в тому самому вікні чату. Див. посібник із єдиної скриньки вхідних і матеріал про те, коли асистент передає розмову.

Чесне обмеження: віджет не має налаштування годин роботи. Асистент відповідає щоразу, коли відвідувач пише. «Не в мережі» у віджеті означає, що у відвідувача зникло з’єднання.

Чи варто запитувати ім’я та пошту до початку чату?

Запитуйте лише те, чим користуватиметеся. Кожне обов’язкове поле перед першим повідомленням зменшує кількість людей, які починають чат, і збільшує кількість тих, з ким ви зможете зв’язатися потім. Магазин, що відповідає на швидкі запитання про товари, зазвичай нічого не запитує; клініці, яка передзвонює, потрібен номер телефону.

В AdaptiveReply це налаштування Дані перед початком чату на вкладці «Поведінка». Позначте «Ім’я», «Прізвище», «Ел. пошта» або «Телефон»; позначені поля стають обов’язковими до початку чату. Якщо нічого не позначено, відвідувачі одразу починають писати. Можна також вимагати позначку про згоду: відвідувач має прийняти ваш текст перед чатом, а дата й текст згоди зберігаються.

Як зробити чат частиною вашого сайту?

Доберіть колір, тему й мову, а потім перевірте на телефоні. Чат, який має чужорідний вигляд, сприймається як реклама. Налаштування розташовані на вкладці Дизайн, а живий перегляд показує результат під час введення; на сайт нічого не потрапляє, доки ви не збережете.

  • Колір. Один фірмовий колір для заголовка, кнопки чату й повідомлень відвідувача. Колір тексту підлаштовується сам, щоб залишатися читабельним.
  • Тема. Світла, темна або авто. Авто наслідує налаштування пристрою кожного відвідувача.
  • Розташування. Праворуч унизу або ліворуч унизу, там, де чат не закриває ваші кнопки.
  • Мова. Інтерфейс віджета доступний 10 мовами й може наслідувати мову браузера відвідувача.
  • Перевірка на телефоні. Перегляд перемикається між комп’ютером і телефоном, а також між станами: закрито, тизер, форма перед чатом, чат і не в мережі.

Як встановлюється віджет?

На більшості сайтів встановлення — це один раз вставити один рядок коду. Вкладка Встановлення показує код і кроки для вашої платформи; після цього кожна зміна, збережена в панелі, з’являється на сайті без повторної правки коду.

  1. У панелі відкрийте Віджет, створіть віджет і налаштуйте його на вкладках «Дизайн» і «Поведінка».
  2. На вкладці Встановлення виберіть, на чому працює ваш сайт: будь-який сайт, Shopify, WordPress, Ticimax або ikas.
  3. На будь-якому сайті вставте код безпосередньо перед закривним тегом body у шаблоні, спільному для всіх сторінок. У Shopify увімкніть вбудований застосунок AdaptiveReply в редакторі теми. У WordPress завантажте й активуйте плагін.
  4. У розділі Дозволені домени додайте свій домен, щоб чат не можна було скопіювати на інший сайт. Із порожнім списком чат працює всюди, де є ваш код.
  5. Оновіть сайт і самі надішліть перше повідомлення.

Короткий чек-лист перед запуском

  • Асистента опубліковано, і в попередньому перегляді він відповідає на десять ваших найчастіших запитань.
  • Тизер називає щось конкретне, а затримка залишає час прочитати сторінку.
  • Швидкі відповіді — це реальні запитання клієнтів, на які асистент уміє відповідати.
  • Поля перед чатом обмежено тим, чим ви користуватиметеся, і ви надіслали тестове повідомлення з телефона.

Якщо асистента ще не налаштовано, почніть із матеріалу про налаштування ШІ-асистента без коду; огляд можливостей показує, що ще підключається до тієї самої скриньки вхідних. Можна почати безкоштовно і встановити віджет того ж дня.

Поширені запитання

Як встановити віджет чату AdaptiveReply?

Вставте один рядок коду перед закривним тегом body вашого сайту в шаблоні, спільному для всіх сторінок. У Shopify натомість вмикається вбудований застосунок AdaptiveReply в редакторі теми, а у WordPress завантажується невеликий плагін. На вкладці «Встановлення» є також кроки для Ticimax та ikas. Подальші зміни в панелі з’являються на сайті без правки коду.

Чи використовує чат на сайті іншого асистента?

Ні. На віджет відповідає той самий ШІ-асистент, що й на ваші повідомлення в Instagram, Facebook Messenger і WhatsApp, з тією самою персоною, джерелами, каталогом і правилами. Розмови із сайту потрапляють у ту саму скриньку вхідних, а коли асистент передає одну з них, вона стає зверненням із коротким підсумком і відповідальним.

Чи можна зібрати ім’я та пошту до початку чату?

Так. У розділі «Дані перед початком чату» на вкладці «Поведінка» можна зробити обов’язковими ім’я, прізвище, ел. пошту або телефон до початку чату, а також вимагати позначку про згоду, дата й текст якої зберігаються. І те, і те необов’язкове. Якщо нічого не позначено, відвідувачі одразу починають писати, а асистент може запитати дані пізніше.

Які мови підтримує віджет?

Інтерфейс віджета, тобто його кнопки, підписи й стандартні повідомлення, доступний 10 мовами й може наслідувати мову браузера відвідувача. Тексти, які ви пишете самі, наприклад привітальне повідомлення й швидкі відповіді, показуються так, як ви їх увели. Асистент відповідає мовою клієнта або однією заданою мовою, залежно від вашого налаштування.

Цей посібник входить до серії. Почніть з огляду: Єдина скринька для Instagram, WhatsApp, Facebook, пошти та вебчату: чому розкидані канали коштують вам клієнтів

Анімоване демо: список налаштування проходить шість кроків (налаштувати асистента, протестувати, підключити канал, опублікувати, перша відповідь клієнту, запросити команду), а кільце прогресу заповнюється до 100%.
ШІ-асистент7 хв читання

Як налаштувати ШІ-асистента для повідомлень клієнтів без жодного рядка коду

Щовечора ви відповідаєте на ті самі десять запитань і думаєте, що для автоматизації потрібен розробник. Потрібен інструктаж: п’ять кроків простою мовою.

Анімоване демо: клієнт просить повернути кошти, ШІ-асистент ставить себе на паузу і відкриває звернення, колега бере звернення і відповідає в тій самій розмові, а після вирішення асистент знову вмикається.
ШІ-асистент6 хв читання

Коли ШІ має зупинитися? Передаємо розмови команді як звернення з відповідальним

Ризик не в тому, що ШІ відповідає. Ризик у тому, що він і далі відповідає, коли має підключитися людина, або що потім за повідомлення ніхто не відповідає. Ось як має працювати передача.

Анімоване демо: клієнт запитує про товар у WhatsApp, ШІ-асистент відповідає за каталогом, клієнт вирішує купити, асистент відкриває звернення і передає його команді, колегу згадують, він отримує завдання, і завдання виконано.
Канали7 хв читання

Особисті повідомлення Instagram для бізнесу: одразу відповідати на запитання про ціну, наявність і запис

Запитання надходить, поки клієнт дивиться на товар. За три години момент втрачено. Як відповідати на особисті повідомлення Instagram одразу й безпечно.

Коли будете готові

Дайте відповідь наступному клієнту за секунди.

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