Онлайн-чат на сайті
Встановивши онлайн-чат на своєму сайті, ви можете збирати дані клієнтів і автоматизувати спілкування з відвідувачами безпосередньо на вашому сайті.
Ви також можете підключити до чату свою команду продажів, щоб менеджери могли приєднуватися до розмов із клієнтами. Спілкування може відбуватися як через веб-інтерфейс MaviBot, так і через наші мобільні додатки для Android та iOS.
Як створити вебсайт з Live Chat
Щоб створити чат, перейдіть до розділу "Месенджери" і натисніть кнопку "Live chat".
Після натискання кнопки "Онлайн-чат" панель налаштувань щойно створеного чату відкриється автоматично.
Вигляд чату залежатиме від обраних вами налаштувань. Праворуч ви побачите живий попередній перегляд віджета чату, який можна відкривати та закривати, щоб перевірити, як він виглядає і працює.
Налаштування
Оформлення
Назва чату
Це поле задає назву онлайн-чату — вона відображатиметься у самому верху вікна чату.
Підзаголовок чату
Це поле розташоване під назвою чату і дає змогу уточнити роль або призначення онлайн-чату на вашому сайті.
Задана мітка віджета
Мітка на кнопці віджета відображається, коли онлайн-чат згорнуто. За замовчуванням показується текст із полів заголовка та підзаголовка, але за потреби ви можете встановити іншу мітку.
Привітальне повідомлення чату
Це поле містить текст початкового вітального повідомлення бота
Вирівнювання тексту
За допомогою панелі вирівнювання тексту ви можете вирівняти назву та підзаголовок чату ліворуч, праворуч або по центру — так само, як у стандартних текстових редакторах.
Кнопка чату
Ця кнопка призначена для відкриття онлайн-чату при натисканні.
Ви можете вибрати, як кнопка онлайн-чату виглядатиме на різних пристроях: на десктопній версії сайту
Доступно кілька варіантів відображення. Ви можете розташувати кнопку праворуч або ліворуч.
Палітра кольорів
Щоб налаштувати онлайн-чат на свій смак, ви можете не лише змінювати колір, а й відображати цікаві візерунки у фоні та шапці чату.
Ви також можете вибрати колір і яскравість візерунків, а також інших елементів онлайн-чату. Для цього увімкніть прапорець "Додаткові налаштування".
Ви також можете налаштувати додаткові розширені параметри кольорів для онлайн-чату.
Аватар онлайн-чату
Ця опція дає змогу змінити аватар асистента в онлайн-чаті. Аватар можна додати або через URL, або завантаживши файл.
За потреби ви також можете приховати аватар чату, увімкнувши цей прапорець.
Логотип MaviBot
Налаштування дають змогу показувати логотип MaviBot.
Налаштування
Текст у полі введення
За замовчуванням у цьому полі міститься текст: "Введіть своє повідомлення та натисніть Enter."
Ви можете змінити цей текст або залишити стандартний.
Напис у мобільній версії
За замовчуванням текст встановлено як: "Оберіть бажаний спосіб зв'язку."
Повідомлення при призначенні оператора клієнту
Якщо ви вкажете #{operatorName} у цьому полі, буде відображено ім'я оператора, зазначене в розділі "Співробітники".
Ви можете призначити оператора вручну, натиснувши кнопку "Забрати клієнта" або "Передати клієнта" під час розмови з клієнтом. Або ж ви можете налаштувати автоматичний розподіл клієнтів між операторами в розділі "Співробітники".
Повідомлення, коли оператори офлайн
За замовчуванням буде показано таке повідомлення: "Наразі немає онлайн-операторів. Будь ласка, залиште нам повідомлення, і ми зв'яжемося з вами якнайшвидше."
Статус "Онлайн" для бота береться з розділу "Співробітники". Можливі статуси: Онлайн, Перерва та Офлайн.
Ви також можете змінювати свій статус із верхньої панелі, перебуваючи в будь-якому розділі проєкту
Звукові сповіщення в онлайн-чаті
Ці налаштування дають змогу вмикати або вимикати звукові сповіщення про відкриття чату та нові повідомлення в онлайн-чаті для відвідувачів сайту.
Показувати месенджер
Ви можете вибрати, які месенджери відображатимуться на сайті при наведенні на віджет онлайн-чату (іконку).
Кнопки месенджерів з'являться лише після того, як ці месенджери буде підключено до конструктора.
Показувати лише месенджери
Якщо ви увімкнете цей перемикач, на сайті відображатимуться лише кнопки месенджерів. Усі інші функції онлайн-чату буде вимкнено!
Текст месенджера
За замовчуванням встановлено: "Написати до".
Початкове повідомлення WhatsApp
Цей текст з'явиться в полі введення для користувача у WhatsApp, коли він натисне кнопку на вашому сайті. Користувачеві потрібно буде лише натиснути "Надіслати."
Обов'язково також додайте цей текст до умов стартового блоку вашої послідовності повідомлень.
Власні посилання
Окрім кнопок месенджерів, тепер ви можете додавати власні кнопки з кастомними посиланнями.
Ви можете вказати URL для посилання та додати зображення в налаштуваннях.
Завантаження файлів
Це налаштування дає змогу отримувати вкладення від відвідувачів сайту, наприклад зображення.
Максимальний розмір файлу для вхідних завантажень через онлайн-чат становить 20 МБ.
Дані користувача
У першому повідомленні ви можете отримати згоду на обробку персональних даних та/або зібрати інформацію про користувача через форму збору даних. Ви також можете вказати або змінити адресу електронної пошти через вікно привітання.
Заповнення форми може бути необов'язковим або обов'язковим шляхом увімкнення перемикача "Зробити заповнення форми обов'язковим" перемикача.
Приклад першого повідомлення зі збором даних.
Після налаштування форми ви можете вибрати параметри відображення країни за допомогою випадаючого поля.
Запит на зворотний дзвінок
Прапорець "Запит на зворотний дзвінок" з'являється в налаштуваннях онлайн-чату, якщо в проєкті ввімкнено телефонію.
Як це працює
Під час заповнення форми користувач може поставити прапорець, щоб запросити зворотний дзвінок. У такому разі автоматично вибирається один із співробітників, для якого ввімкнено телефонію, і клієнту здійснюється дзвінок.
Співробітника призначають автоматично. Під час вибору співробітника перевіряється таке:
Статус: На зміні
Будь-яка роль, включно з адміністратором
Для співробітника ввімкнено (налаштовано) телефонію
Після дзвінка цей співробітник буде призначений відповідальним за користувача.
Запит згоди на обробку персональних даних
Ця опція за замовчуванням вимкнена. Якщо її увімкнути, під час першого запуску онлайн-чату з'явиться повідомлення "Я даю згоду на обробку персональних даних" разом із кнопкою "Підтвердити" .
Приклад першого повідомлення для отримання згоди на обробку персональних даних:
Налаштування кнопки старту
Натискання "Додати кнопку" відкриває форму створення кнопки старту:
Кнопка може виконувати одну з таких функцій:
Посилання. Дає змогу додати URL для переходу на іншу сторінку вашого сайту або зовнішній вебресурс.
Електронна пошта. Клієнт буде перенаправлений у свою поштову службу, щоб надіслати повідомлення на адресу електронної пошти, вказану в налаштуваннях кнопки.
Телефон. Запускається застосунок для дзвінків або користувачеві пропонується вибрати застосунок для здійснення дзвінка — залежно від пристрою. Дзвінок здійснюється на номер, вказаний у налаштуваннях кнопки.
Повідомлення (від адміністратора / користувача) . Ця функція дає боту змогу надсилати швидкі відповіді під час натискання кнопки.
Наприклад, ви можете створити кнопку з назвою "Адреса", а в полі "Повідомлення" вказати точну адресу та години роботи.
Текст у полі "Повідомлення" буде без переносів рядків. Будь ласка, враховуйте це під час роботи.
Розділяти клієнтів з різних доменів. Це налаштування дає змогу розділяти розмови, якщо одна й та сама людина пише в онлайн-чаті, розміщеному на різних доменах. За замовчуванням це вважається однією розмовою.
Цей перемикач потрібен, якщо різні онлайн-чати встановлені на різних сайтах у межах одного домену і вам потрібно розділяти розмови, коли пише одна й та сама людина.
Кнопки в тексті відображатимуться в історії онлайн-чату (перемикач). Увімкніть цю опцію, щоб показувати кнопки з тексту конструктора воронки в історії онлайн-чату клієнта.
Приховати онлайн-чат
Не обов'язково видаляти онлайн-чат із сайту. Ви можете просто приховати його за допомогою відповідного перемикача.
Автоматичні дії
Принцип роботи автоматичних дій такий: щоб автоматична дія спрацювала, для неї має бути задано певну тригерну умову.
Спочатку встановіть умови, за яких має виконуватися власна дія. Ви можете додати умови за часом доби, країною відвідувача, містом, поточною URL-адресою сторінки тощо.
Докладніше про умови:
Поточний час. Встановіть автоматичний запуск онлайн-чату залежно від проміжку часу, коли клієнт взаємодіє з чатом (наприклад, у щасливі години після 16:00 відвідувач вашої цільової сторінки може отримати знижку).
Виконувати цю дію лише один раз на добу для користувача. Цю умову можна застосовувати в різних випадках: наприклад, для надсилання партнерських або інших посилань у повідомленнях від адміністратора/користувача (наприклад, доступ до нових матеріалів курсу); для системи лояльності або накопичення; тощо.
Місто користувача / Країна користувача. Задавши цю умову, ви можете орієнтуватися на конкретну групу користувачів, яким буде корисна ваша послуга — наприклад, коли для придбання товару чи послуги потрібна фізична присутність клієнта.
У цьому випадку ви можете задати умову або дорівнює, або не дорівнює. Наприклад, якщо вам потрібно вказати місто чи країну (або список країн), для яких автоматичну дію не слід запускати, виберіть "не дорівнює".
День тижня. Ця умова є тригером для автоматичних дій на основі дня тижня. Ви можете вибрати прапорці біля днів тижня, задати умову дорівнює або не дорівнює та вибрати автоматичну дію, яку має виконувати онлайн-чат.
Наприклад, ви можете встановити всі робочі дні ваших операторів/менеджерів, щоб забезпечити подальший контакт із клієнтами.
URL поточної сторінки. Автоматична дія спрацює залежно від того, містить URL / не містить або дорівнює / не дорівнює вказаному посиланню.
Повідомлення користувача. Щоб автоматична дія спрацювала за цієї умови, у полі має бути конкретне слово від користувача.
Час на сторінці. Ця умова подібна до часу доби; однак якщо база клієнтів розподілена по різних часових поясах, вам потрібно, щоб ця автоматична дія відбувалася в однаковий місцевий час для кожного часового поясу.
Час від закриття вікна MAviBot. Ця умова задається подібно до часу доби або часу на сторінці, але залежить від дії користувача — закриття вікна Salebot.
Час від першого повідомлення відвідувача. Автоматична дія спрацює через вказаний проміжок часу (у секундах) після першого повідомлення клієнта в онлайн-чаті.
Час без відповіді оператора від першого повідомлення користувача. Ця умова також задається в секундах і спрацьовує незалежно від того, відповів оператор клієнту чи ні.
За потреби умови можна поєднувати, що дає змогу автоматичній дії спрацьовувати за кількома критеріями:
Далі виберіть, яку саме дію онлайн-чат має виконати автоматично:
Автоматичне відкриття чату. Ця дія автоматично відкриває онлайн-чат для користувача. Додаткове налаштування не потрібне.
Автоматичне запрошення до чату. Ця автоматична дія надсилає користувачеві заздалегідь визначене повідомлення, введене у відповідному полі. За потреби ви також можете приховати поле введення повідомлення за допомогою прапорця з такою ж назвою.
Приховати іконку онлайн-чату на сайті. Цю дію можна використовувати, наприклад, після завершення робочого часу ваших адміністраторів.
Показати іконку онлайн-чату. Подібно до попередньої дії, це дає змогу показувати іконку чату клієнтам протягом певного періоду часу (або залежно від інших необхідних умов).
Надіслати повідомлення як адміністратор. Ця дія надсилає повідомлення в онлайн-чаті від імені адміністратора.
Надіслати форму. Ця дія використовується для збору даних клієнта. Ви можете налаштувати текст форми, вибрати потрібні поля введення (такі як ім'я, номер телефону, електронна пошта, прапорець або будь-яке інше поле, яке ви налаштуєте вручну).
Ви можете налаштувати власне поле введення. Наприклад, щоб зібрати місто проживання клієнта або будь-яку іншу потрібну інформацію.
Банери
Ви можете додати клікабельні банери до стартового вікна чату на вкладці "Банери". Перейдемо до налаштувань.
Натисніть на "Додати банер".
Завантажте зображення.
Розмір зображення фіксований.
Рекомендований формат зображення: якщо ви додаєте заголовок і підзаголовок, використовуйте банер розміром 345x194 пікселів або з співвідношенням сторін 16:9.
Щоб банер був клікабельним (щоб ваш клієнт міг перейти за посиланням, натиснувши на нього), введіть URL у відповідне поле.
Далі за потреби вкажіть назву та підзаголовок банера.
Введіть заголовок і підзаголовок, а потім натисніть "Зберегти".
Після цього банер з'явиться у віджеті онлайн-чату.
Щоб вимкнути банер (припинити його показ в онлайн-чаті), переведіть перемикач у неактивне положення.
Щоб відредагувати або видалити банер, натисніть Редагувати.
Оцінка якості
В онлайн-чаті є додатковий розділ налаштувань під назвою "Контроль якості". Щоб увімкнути цю функцію, перейдіть до відповідної вкладки в налаштуваннях.
Функціонал пропонує вибір між трьома шкалами оцінювання якості: п'ятибальною, трибальною та двобальною.
У відповідному полі введіть текст, який з'являтиметься перед оцінкою.
У цьому полі немає значення за замовчуванням. Якщо залишити його порожнім, на банері оцінки якості з'явиться такий текст.
Ви також можете вказати власну назву для поля відгуку клієнта.
Для цього просто введіть свій текст для назви поля, а також текст підказки всередині поля відгуку. За замовчуванням (див. приклад вище) призначення та текст кожного поля вже задані для вашої зручності.
Ви також можете увімкнути прапорець, щоб зробити коментар-відгук клієнта обов'язковим.
Далі ви можете заповнити повідомлення-відгук, яке буде надіслано клієнту після позитивної або негативної оцінки. Щоб побачити, як виглядає фінальне повідомлення в онлайн-чаті після надсилання оцінки, натисніть кнопку в чаті, щоб надіслати оцінку.
прапорець "Користувач може оцінити чат"
У розділі "Клієнти" оператор може завершити діалог під час розмови з користувачем. Якщо цей прапорець увімкнено, користувач зможе залишити оцінку.
Оператор не бачить оцінку, яку клієнт поставив розмові. Усі оцінки якості будуть доступні в розділі "Аналітика".
Оператор може натиснути кнопку "Завершити розмову" під час розмови з користувачем. Після цього відкриється форма підтвердження дії оператора:
Якщо в каналах підключено службу електронної пошти, з'являться варіанти надсилання повідомлень через email.
Після завершення розмови оператором користувачеві надсилається форма оцінки якості, а сама оцінка фіксується в Аналітиці.
Якщо клієнт не залишить оцінку, у статистиці буде показано "Користувач не залишив оцінку."
Як додати онлайн-чат на ваш сайт
Щоб вбудувати онлайн-чат на свій сайт, просто скопіюйте скрипт із вкладки Code і вставте його в HTML вашого сайту.
Скопіюйте код онлайн-чату.
Далі перейдіть до розділу "Сайти" і натисніть на плитку сайту, куди ви хочете розмістити віджет онлайн-чату.
Потім перейдіть до Редагування сайту.
І перейдіть до налаштувань сайту.
У розділі Кольори, Шрифти та HTML вставте скопійований код онлайн-чату в поле HTML code head .
Вставте цей код на кожну сторінку вашого сайту, всередині тегу <head> .
Онлайн-чат успішно підключено до вашого сайту.
Надсилання форми для заповнення клієнтами
Онлайн-чат також має функцію, яка дає змогу надсилати клієнтам форму, щоб зібрати інформацію про користувача та додати його до системи для подальшої взаємодії.
Така форма надсилається за допомогою функції online_chat_send_form() яка приймає такі параметри:
name;
phone;
privacy;
callback (цей параметр працює лише якщо телефонію інтегровано в проєкт);
age;
email_group_ID (якщо ви вкажете цей параметр разом із електронною поштою, буде створено email клієнта та прив'язано його до користувача чату);
wa_group_ID (якщо ви вкажете цей параметр разом із номером телефону, буде створено контакт WhatsApp і прив'язано його до користувача чату).
Якщо вказано неіснуючу групу, форму буде надіслано, але клієнта не буде створено.
Важливо
Усі параметри вводяться як один рядок, розділений комами.
Приклад введення в калькуляторі: online_chat_send_form("name,email,email_group_ID")
Сповіщення, яке з'явиться в чаті після надсилання форми
Дані, надіслані через форму, зберігаються у змінних клієнта. Докладніше про ці змінні ви можете переглянути нижче в профілі онлайн-клієнта.
! online_chat_send_form(arguments, texts)
Вона приймає два обов'язкові аргументи.
arguments - рядок параметрів
texts - назва форми
Наприклад, у калькуляторі ви можете ввести це так: online_chat_send_form("name,phone", "Привіт, будь ласка, заповніть форму.").
Приклад відповіді онлайн-чату.
Last updated