Встановивши онлайн-чат на своєму сайті, ви можете збирати дані клієнтів та автоматизувати спілкування з відвідувачами безпосередньо на вашому сайті.

Ви також можете підключити до чату свою команду продажів, щоб менеджери могли приєднуватися до розмов із клієнтами. Спілкування може відбуватися як через веб-інтерфейс MaviBot, так і через наші мобільні додатки для Android та iOS.

Як створити веб-чат

Щоб створити чат, перейдіть до розділу «Месенджери» та натисніть кнопку «Веб-чат».

Після натискання кнопки «Онлайн-чат» автоматично відкриється панель налаштувань для щойно створеного чату.

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

Налаштування

Оформлення

  1. Назва чату

Це поле задає назву онлайн-чату — вона відображатиметься у верхній частині вікна чату.

  1. Підзаголовок чату

Це поле розташоване під назвою чату і дозволяє уточнити роль або призначення онлайн-чату на вашому сайті.

  1. Вказана мітка віджета

Мітка на кнопці віджета відображається, коли онлайн-чат згорнуто. За замовчуванням показується текст із полів назви та підзаголовка, але за потреби ви можете встановити іншу мітку.

  1. Привітальне повідомлення чату

Це поле містить текст початкового вітального повідомлення бота.

  1. Орієнтація тексту

За допомогою панелі вирівнювання тексту ви можете вирівняти назву та підзаголовок чату по лівому краю, по правому краю або по центру — як у звичайних текстових редакторах.

  1. Кнопка чату

Ця кнопка призначена для відкриття онлайн-чату при натисканні.

Ви можете вибрати, як кнопка онлайн-чату виглядатиме на різних пристроях: на десктопній версії сайту.

Доступно кілька варіантів відображення. Ви можете розташувати кнопку на правому або лівому краю.

  1. Палітра кольорів

Щоб налаштувати онлайн-чат на свій смак, ви можете не лише змінити колір, але й відобразити цікаві візерунки на фоні та в заголовку чату.

Ви також можете вибрати колір і яскравість візерунків, а також інших елементів онлайн-чату. Для цього увімкніть прапорець «Розширені налаштування».

Ви також можете налаштувати додаткові розширені параметри кольору для онлайн-чату.

  1. Аватар онлайн-чату

Ця опція дозволяє змінити аватар асистента в онлайн-чаті. Аватар можна додати за допомогою URL-адреси або завантаживши файл.

За потреби ви також можете приховати аватар чату, увімкнувши цей прапорець.

  1. Логотип MaviBot

Налаштування дозволяють відображати логотип MaviBot.

Налаштування

  1. Текст всередині поля введення

За замовчуванням у цьому полі міститься текст: «Введіть своє повідомлення та натисніть Enter.»

Ви можете налаштувати цей текст або залишити стандартний.

  1. Напис у мобільній версії

За замовчуванням встановлено текст: «Виберіть бажаний спосіб зв'язку.»

  1. Повідомлення при призначенні оператора клієнту

Якщо ви включите #{operatorName} у це поле, буде відображено ім'я оператора, вказане в розділі «Співробітники».

Ви можете призначити оператора вручну, натиснувши кнопку «Взяти клієнта» або «Передати клієнта» під час розмови з клієнтом. Крім того, ви можете налаштувати автоматичний розподіл клієнтів між операторами в розділі «Співробітники».

  1. Повідомлення, коли оператори не в мережі

За замовчуванням відображатиметься таке повідомлення:
«Наразі жоден оператор не в мережі. Будь ласка, залиште нам повідомлення, і ми зв'яжемося з вами якомога швидше.»

Статус «В мережі» для бота береться з розділу «Співробітники». Можливі статуси: В мережі, Перерва та Не в мережі.

Ви також можете змінити свій статус з верхньої панелі, перебуваючи в будь-якому розділі проекту.

  1. Звукове сповіщення в онлайн-чаті

Ці налаштування дозволяють увімкнути або вимкнути звукові сповіщення для відкриття чату та нових повідомлень в онлайн-чаті для відвідувачів сайту.

  1. Відображення месенджерів

Ви можете вибрати, які месенджери відображатимуться на сайті при наведенні курсора на віджет онлайн-чату (іконку).

Кнопки месенджерів з'являться лише після підключення цих месенджерів до конструктора.

  1. Показувати лише месенджери

Якщо ви увімкнете цей перемикач, на сайті відображатимуться лише кнопки месенджерів. Всі інші функції онлайн-чату будуть вимкнені!

  1. Текст месенджера

За замовчуванням встановлено: «Написати в».

  1. Початкове повідомлення WhatsApp

Цей текст з'явиться в полі введення для користувача в WhatsApp, коли він натисне кнопку на вашому сайті. Користувачеві залишиться лише натиснути «Надіслати».

Обов'язково також включіть цей текст в умови початкового блоку вашої послідовності повідомлень.

  1. Користувацькі посилання

На додаток до кнопок месенджерів, тепер ви можете додавати власні кнопки з користувацькими посиланнями.

Ви можете вказати URL-адресу посилання та додати зображення в налаштуваннях.

  1. Завантаження файлів

Це налаштування дозволяє отримувати вкладення від відвідувачів сайту, наприклад, зображення.

Максимальний розмір файлу, дозволений для вхідних завантажень через онлайн-чат, становить 20 МБ.

  1. Дані користувача

У першому повідомленні ви можете отримати згоду на обробку персональних даних та/або зібрати інформацію про користувача за допомогою форми збору даних. Ви також можете встановити або змінити адресу електронної пошти через вікно привітання.

Заповнення форми може бути необов'язковим або обов'язковим, якщо увімкнути перемикач «Зробити заповнення форми обов'язковим».

Приклад першого повідомлення зі збором даних.

Після налаштування форми ви можете вибрати параметри відображення країни за допомогою випадаючого поля.

  1. Запит на зворотний дзвінок

Прапорець «Запит на зворотний дзвінок» з'являється в налаштуваннях онлайн-чату, якщо в проекті увімкнено телефонію.

Як це працює

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

Співробітник призначається автоматично. Під час вибору співробітника перевіряється наступне:

  • Статус: На зміні
  • Будь-яка роль, включаючи Адміністратора
  • Для співробітника увімкнено (налаштовано) телефонію

Після дзвінка цей співробітник буде призначений відповідальним за користувача.

  1. Запит згоди на обробку персональних даних

Ця опція вимкнена за замовчуванням. Якщо її увімкнути, при першому запуску онлайн-чату з'явиться повідомлення «Я даю згоду на обробку персональних даних» разом з кнопкою «Підтвердити».

Приклад першого повідомлення для отримання згоди на обробку персональних даних:

  1. Налаштування кнопки запуску

Натискання «Додати кнопку» відкриває форму для створення кнопки запуску:

Кнопка може мати одну з наступних функцій:

  • Посилання. Дозволяє додати URL-адресу для переходу на іншу сторінку вашого сайту або зовнішній веб-ресурс.
  • Електронна пошта. Клієнт буде перенаправлений до своєї поштової служби, щоб надіслати повідомлення на адресу електронної пошти, вказану в налаштуваннях кнопки.
  • Телефон. Запускається додаток для дзвінків, або користувачеві пропонується вибрати додаток для здійснення дзвінка — залежно від пристрою, який він використовує. Дзвінок здійснюється на номер, вказаний у налаштуваннях кнопки.
  • Повідомлення (від адміністратора / користувача) — ця функція дозволяє боту надсилати швидкі відповіді при натисканні кнопки.

Наприклад, ви можете створити кнопку з назвою «Адреса», а в полі «Повідомлення» вказати точну адресу та години роботи.

Текст у полі «Повідомлення» буде без переносів рядків. Враховуйте це під час роботи.

  • Розділяти клієнтів з різних доменів. Це налаштування дозволяє розділяти розмови, якщо одна й та сама особа пише в онлайн-чаті, розміщеному на різних доменах. За замовчуванням це вважається однією розмовою.

Цей перемикач необхідний, якщо різні онлайн-чати встановлені на різних веб-сайтах в межах одного домену, і вам потрібно розділяти розмови, коли одна й та сама особа пише.

  • Кнопки в тексті будуть відображатися в історії онлайн-чату (перемикач). Увімкніть цю опцію, щоб показувати кнопки з тексту конструктора воронок в історії онлайн-чату клієнта.
  1. Приховати онлайн-чат

Не обов'язково видаляти онлайн-чат з сайту. Ви можете просто приховати його за допомогою відповідного перемикача.

Автоматичні дії

Автоматичні дії працюють наступним чином: для виконання автоматичної дії необхідно встановити певну умову-тригер для цієї дії.

Спочатку встановіть умови, за яких має виконуватися користувацька дія. Ви можете додавати умови на основі часу доби, країни відвідувача, міста, URL-адреси поточної сторінки тощо.

Докладніше про умови:

  1. Поточний час. Встановіть автоматичний запуск онлайн-чату залежно від періоду часу, коли клієнт взаємодіє з чатом (наприклад, під час щасливих годин після 16:00 відвідувач вашої цільової сторінки може отримати знижку).
  2. Виконувати цю дію лише один раз на день для користувача. Цю умову можна застосовувати в різних випадках: наприклад, для надсилання партнерських або інших посилань у повідомленнях від адміністратора/користувача (наприклад, доступ до нових матеріалів курсу); для системи лояльності або накопичення; тощо.
  3. Місто користувача / Країна користувача. Встановивши цю умову, ви можете націлитися на конкретну групу користувачів, яким буде корисна ваша послуга — наприклад, коли для придбання товару або послуги потрібна фізична присутність клієнта.

У цьому випадку ви можете встановити умову «дорівнює» або «не дорівнює». Наприклад, якщо вам потрібно вказати місто або країну (або список країн), для яких автоматична дія не повинна виконуватися, виберіть «не дорівнює».

  1. День тижня.
    Ця умова служить тригером для автоматичних дій на основі дня тижня. Ви можете встановити прапорці біля днів тижня, встановити умову «дорівнює» або «не дорівнює» та вибрати автоматичну дію, яку має виконати онлайн-чат.

Наприклад, ви можете встановити всі робочі дні ваших операторів/менеджерів, щоб забезпечити їх подальший контакт з клієнтами.

  1. URL-адреса поточної сторінки. Автоматична дія спрацьовуватиме залежно від того, чи містить URL-адреса/не містить або дорівнює/не дорівнює вказаному посиланню.
  2. Повідомлення користувача. Щоб запустити автоматичну дію за цією умови, поле повинно містити певне слово від користувача.

  1. Час на сторінці. Ця умова схожа на час доби; однак, якщо ваша клієнтська база розподілена в різних часових поясах, вам потрібно, щоб ця автоматична дія відбувалася в один і той же місцевий час для кожного часового поясу.
  2. Час після закриття вікна MaviBot. Ця умова встановлюється аналогічно часу доби або часу на сторінці, але залежить від дії користувача щодо закриття вікна Mavibot.
  3. Час після першого повідомлення відвідувача. Автоматична дія спрацьовує після зазначеного періоду (в секундах) після першого повідомлення клієнта в онлайн-чаті.
  4. Час без відповіді оператора з моменту першого повідомлення користувача. Ця умова також встановлюється в секундах і спрацьовує незалежно від того, чи відповів оператор клієнту, чи ні.

За потреби умови можна комбінувати, що дозволяє автоматичній дії спрацьовувати на основі кількох критеріїв:

Далі виберіть, яку дію має виконувати онлайн-чат автоматично:

  1. Автоматичне відкриття чату. Ця дія автоматично відкриває онлайн-чат для користувача. Додаткове налаштування не потрібне.
  2. Автоматичне запрошення до чату. Ця автоматична дія надсилає користувачеві попередньо визначене повідомлення, введене у відповідне поле. За потреби ви також можете приховати поле введення повідомлення за допомогою однойменного прапорця.
  3. Приховати іконку онлайн-чату на сайті. Цю дію можна використовувати, наприклад, після закінчення робочого дня ваших адміністраторів.
  4. Показати іконку онлайн-чату. Аналогічно попередній дії, це дозволяє показувати іконку чату клієнтам протягом певного періоду часу (або на основі інших необхідних умов).
  5. Надіслати повідомлення як адміністратор. Ця дія надсилає повідомлення в онлайн-чаті від імені адміністратора.
  6. Надіслати форму. Ця дія використовується для збору даних клієнта. Ви можете налаштувати текст форми, вибрати необхідні поля введення (такі як ім'я, номер телефону, електронна пошта, прапорець або будь-яке інше поле введення, яке ви налаштовуєте вручну).

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

Банери

Ви можете додавати клікабельні банери у вікно запуску чату на вкладці «Банери». Перейдемо до налаштувань.

  1. Натисніть «Додати банер».

  1. Завантажте зображення.

Розмір зображення фіксований.

Рекомендований формат зображення: якщо ви додаєте заголовок і підзаголовок, використовуйте розмір банера 345x194 пікселів або співвідношення сторін 16:9.

Щоб зробити банер клікабельним (щоб ваш клієнт міг перейти за посиланням при натисканні на нього), введіть URL-адресу у відповідне поле.

Далі вкажіть заголовок та підзаголовок банера, якщо необхідно.

Введіть заголовок та підзаголовок, потім натисніть «Зберегти».

Після цього банер з'явиться у віджеті онлайн-чату.

Щоб вимкнути банер (припинити його показ в онлайн-чаті), переведіть перемикач у неактивне положення.

Щоб редагувати або видалити банер, натисніть Редагувати.

Оцінка якості

В онлайн-чаті є додатковий розділ налаштувань під назвою «Контроль якості». Щоб увімкнути цю функцію, перейдіть на відповідну вкладку в налаштуваннях.

Функціонал пропонує вибір між трьома шкалами оцінки якості: п'ятибальною, трибальною та двобальною.

Введіть текст, який з'явиться перед оцінкою, у відповідне поле.

У цьому полі немає значення за замовчуванням. Якщо залишити його порожнім, на банері оцінки якості з'явиться наступний текст.

Ви також можете вказати власну назву для поля відгуку клієнта.

Для цього просто введіть власний текст для назви поля, а також текст-підказку всередині поля відгуку. За замовчуванням (див. приклад вище) призначення та текст кожного поля вже встановлені для вашої зручності.

Ви також можете увімкнути прапорець, щоб зробити коментар клієнта обов'язковим.

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

Прапорець «Користувач може оцінити чат»

У розділі «Клієнти» оператор може завершити діалог під час розмови з користувачем. Якщо цей прапорець увімкнено, користувач зможе надати оцінку.

Оператор не бачить оцінку, яку клієнт поставив за розмову.
Всі оцінки якості будуть доступні в розділі «Аналітика».

Оператор може натиснути кнопку «Завершити розмову» під час розмови з користувачем. Це відкриє форму підтвердження дії оператора:

Якщо в каналах підключено поштову службу, з'являться опції для надсилання повідомлень електронною поштою.

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

Якщо клієнт не залишає оцінку, в статистиці буде відображено «Користувач не залишив оцінку».

Як додати онлайн-чат на ваш сайт

Щоб вбудувати онлайн-чат на ваш сайт, просто скопіюйте скрипт з вкладки «Код» і вставте його в HTML вашого сайту.

Скопіюйте код онлайн-чату.

Далі перейдіть до розділу «Сайти» та натисніть на плитку сайту, на якому ви хочете розмістити віджет онлайн-чату.

Потім перейдіть до Редагування сайту.

І перейдіть до налаштувань сайту.

У розділі Кольори, шрифти та HTML вставте скопійований код онлайн-чату в поле HTML code head.

Вставте цей код на кожну сторінку вашого сайту, всередину тега <head>.

Онлайн-чат тепер успішно підключено до вашого сайту.

Надсилання форми для заповнення клієнтами

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

Така форма надсилається за допомогою функції online_chat_send_form(), яка приймає наступні параметри:

  1. name;
  2. phone;
  3. privacy;
  4. callback (цей параметр працює, лише якщо в проект інтегровано телефонію);
  5. age;
  6. email_group_ID (якщо ви включите цей параметр з електронною поштою, буде створено клієнта електронної пошти та прив'язано до користувача чату);
  7. wa_group_ID (якщо ви включите цей параметр з номером телефону, буде створено контакт WhatsApp та прив'язано до користувача чату).
  8. Якщо вказано неіснуючу групу, форма буде надіслана, але клієнта не буде створено.

Важливо

Всі параметри вводяться як один рядок, розділений комами.

Приклад запису в Калькуляторі: online_chat_send_form("name,email,email_group_ID")

Сповіщення, яке з'явиться в чаті після надсилання форми

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

! online_chat_send_form(arguments, texts)

Приймає два обов'язкові аргументи.

arguments - рядок параметрів

texts - назва форми

Наприклад, у калькуляторі ви можете ввести це так: online_chat_send_form("name,phone", "Привіт, будь ласка, заповніть форму.").

Приклад відповіді онлайн-чату.

Надсилання повідомлень у чат

Використовуйте цей код, коли користувач виконує дію на сайті, і вам потрібно в цей момент надіслати повідомлення від його імені в чаті.

if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Message") }

Наприклад, коли користувач натискає кнопку, від його імені буде надіслано повідомлення.

Зміна налаштувань підказки

Ви можете налаштувати бота реагувати на це повідомлення.

Код вставляється в розділ HTML налаштувань сайту.