Живий чат на сайті
Встановивши онлайн-чат на своєму сайті, ви можете збирати дані клієнтів і автоматизувати спілкування з відвідувачами безпосередньо на вашому сайті.
Ви також можете підключити до чату свою команду продажів, що дає змогу менеджерам долучатися до розмов із клієнтами. Спілкування може відбуватися або через вебінтерфейс MaviBot, або через наші мобільні застосунки для Android та iOS.
Як створити вебсайт для Live Chat
Щоб створити чат, перейдіть до розділу "Messengers" і натисніть кнопку "Live chat".
Щойно ви натиснете кнопку "Online chat", панель налаштувань для щойно створеного чату відкриється автоматично.
Вигляд чату залежатиме від обраних вами налаштувань. Праворуч ви побачите живий попередній перегляд віджета чату, який можна відкривати й закривати, щоб перевірити, як він виглядає та працює.
Налаштування
Оформлення
Заголовок чату
Це поле задає назву онлайн-чату — вона відображатиметься у самій верхній частині вікна чату.
Підзаголовок чату
Це поле розташоване під заголовком чату й дає змогу уточнити роль або призначення онлайн-чату на вашому сайті.
Вказана мітка віджета
Мітка на кнопці віджета відображається, коли онлайн-чат згорнуто. За замовчуванням показується текст із полів заголовка та підзаголовка, але за потреби ви можете вказати іншу мітку.
Вітальне повідомлення чату
Це поле містить текст початкового вітального повідомлення бота
Вирівнювання тексту
За допомогою панелі вирівнювання тексту ви можете вирівняти заголовок і підзаголовок чату ліворуч, праворуч або по центру — так само, як у стандартних текстових редакторах.
Кнопка чату
Ця кнопка призначена для відкриття онлайн-чату після натискання.
Ви можете вибрати, як виглядатиме кнопка онлайн-чату на різних пристроях: на десктопній версії сайту
Доступно кілька варіантів відображення. Ви можете розмістити кнопку як біля правого, так і біля лівого краю.
Кольорова палітра
Щоб налаштувати онлайн-чат на свій смак, ви можете не лише змінити колір, а й відобразити цікаві візерунки у фоні та шапці чату.
Ви також можете вибрати колір і яскравість візерунків, а також інших елементів онлайн-чату. Для цього увімкніть прапорець "Розширені налаштування".
Ви також можете налаштувати додаткові розширені параметри кольору для онлайн-чату.
Аватар онлайн-чату
Ця опція дає змогу змінити аватар асистента в онлайн-чаті. Аватар можна додати або через URL, або завантаживши файл.
За потреби ви також можете приховати аватар чату, увімкнувши цей прапорець.
Логотип MaviBot
Налаштування дають змогу відображати логотип MaviBot.
Налаштування
Текст у полі введення
За замовчуванням це поле містить текст: "Введіть своє повідомлення і натисніть Enter."
Ви можете змінити цей текст або залишити стандартний.
Напис у мобільній версії
За замовчуванням текст установлено як: "Оберіть бажаний спосіб зв'язку."
Повідомлення під час призначення оператора клієнту
Якщо ви додасте #{operatorName} у це поле, відображатиметься ім'я оператора, вказане в розділі "Співробітники".
Ви можете призначити оператора вручну, натиснувши кнопку "Взяти клієнта" або "Передати клієнта" під час розмови з клієнтом. Або ж ви можете налаштувати автоматичний розподіл клієнтів між операторами в розділі "Співробітники".
Повідомлення, коли оператори офлайн
За замовчуванням відображатиметься таке повідомлення: "Наразі жоден оператор не онлайн. Залиште нам повідомлення, і ми зв'яжемося з вами якнайшвидше."
Статус "Онлайн" для бота береться з розділу "Співробітники". Можливі статуси: Онлайн, Перерва та Офлайн.
Ви також можете змінити свій статус у верхній панелі, перебуваючи в будь-якому розділі проєкту
Звукові сповіщення в онлайн-чаті
Ці налаштування дають змогу увімкнути або вимкнути звукові сповіщення про відкриття чату та нові повідомлення в онлайн-чаті для відвідувачів сайту.
Відображати месенджер
Ви можете вибрати, які месенджери відображатимуться на сайті під час наведення курсора на віджет онлайн-чату (іконку).
Кнопки месенджерів з'являться лише після того, як ці месенджери буде підключено до конструктора.
Показувати лише месенджери
Якщо ви увімкнете цей перемикач, на сайті відображатимуться лише кнопки месенджерів. Усі інші функції онлайн-чату будуть вимкнені!
Текст месенджера
За замовчуванням встановлено: "Написати".
Початкове повідомлення WhatsApp
Цей текст з'явиться в полі введення для користувача в WhatsApp, коли він натисне кнопку на вашому сайті. Користувачеві потрібно буде лише натиснути "Надіслати".
Обов'язково також додайте цей текст до умов початкового блоку вашої послідовності повідомлень.
Користувацькі посилання
Окрім кнопок месенджерів, тепер ви можете додавати власні кнопки з користувацькими посиланнями.
Ви можете вказати URL для посилання та додати зображення в налаштуваннях.
Завантаження файлів
Це налаштування дає змогу отримувати від відвідувачів сайту вкладення, наприклад зображення.
Максимальний розмір файлу, дозволений для вхідних завантажень через онлайн-чат, становить 20 МБ.
Дані користувача
У першому повідомленні ви можете отримати згоду на обробку персональних даних та/або зібрати інформацію про користувача через форму збору даних. Ви також можете встановити або змінити адресу електронної пошти через вітальне вікно.
Заповнення форми може бути необов'язковим або обов'язковим, якщо увімкнути перемикач "Зробити заповнення форми обов'язковим" перемикача.
Приклад першого повідомлення зі збором даних.
Після налаштування форми ви можете вибрати параметри відображення країни за допомогою поля-випадаючого списку.
Запит на зворотний дзвінок
Прапорець "Запит на зворотний дзвінок" з'являється в налаштуваннях онлайн-чату, якщо в проєкті увімкнено телефонію.
Як це працює
Під час заповнення форми користувач може позначити прапорець, щоб запросити зворотний дзвінок. У такому разі автоматично обирається один зі співробітників, у якого увімкнено телефонію, і клієнту здійснюється дзвінок.
Співробітника призначається автоматично. Під час вибору співробітника перевіряються:
Статус: На зміні
Будь-яка роль, зокрема Адміністратор
Телефонія увімкнена (налаштована) для співробітника
Після дзвінка цей співробітник буде призначений відповідальним за користувача.
Запитувати згоду на обробку персональних даних
Ця опція за замовчуванням вимкнена. Коли її увімкнено, під час першого запуску онлайн-чату з'явиться повідомлення «Я даю згоду на обробку персональних даних» разом із кнопкою кнопкою "Підтвердити" з'явиться під час першого запуску онлайн-чату.
Приклад першого повідомлення для отримання згоди на обробку персональних даних:
Налаштування кнопки запуску
Натискання "Додати кнопку" відкриває форму створення кнопки запуску:
Кнопка може мати одну з таких функцій:
Посилання. Дає змогу додати URL для переходу на іншу сторінку вашого сайту або зовнішній вебресурс.
Електронна пошта. Клієнта буде перенаправлено до його поштового сервісу, щоб надіслати повідомлення на адресу електронної пошти, вказану в налаштуваннях кнопки.
Телефон. Запускається застосунок для дзвінків або користувачу пропонується вибрати застосунок для здійснення дзвінка — залежно від пристрою. Дзвінок буде здійснено на номер, вказаний у налаштуваннях кнопки.
Повідомлення (від адміністратора / користувача) — ця функція дає змогу боту надсилати швидкі відповіді під час натискання кнопки.
Наприклад, ви можете створити кнопку з назвою "Адреса", а в полі "Повідомлення" вказати точну адресу та години роботи.
Текст у полі "Повідомлення" буде без розривів рядків. Будь ласка, врахуйте це під час роботи.
Відокремлювати клієнтів з різних доменів. Це налаштування дає змогу розділяти розмови, якщо одна й та сама людина пише в онлайн-чаті, розміщеному на різних доменах. За замовчуванням це вважається однією розмовою.
Цей перемикач потрібен, якщо на різних вебсайтах у межах одного домену встановлено різні онлайн-чати і вам потрібно розділяти розмови, коли пише одна й та сама людина.
Кнопки в тексті відображатимуться в історії онлайн-чату (перемикач). Увімкніть цю опцію, щоб показувати кнопки з тексту конструктора воронки в історії онлайн-чату клієнта.
Приховати онлайн-чат
Немає потреби видаляти онлайн-чат із сайту. Ви можете просто приховати його за допомогою відповідного перемикача.
Автоматичні дії
Принцип роботи автоматичних дій такий: щоб автоматична дія спрацювала, для неї потрібно задати певну умову-тригер.
Спочатку задайте умови, за яких має виконуватися користувацька дія. Ви можете додати умови за часом доби, країною відвідувача, містом, URL поточної сторінки тощо.
Докладніше про умови:
Поточний час. Налаштуйте автоматичний тригер онлайн-чату залежно від часового проміжку, коли клієнт взаємодіє з чатом (наприклад, у години щасливої години після 16:00 відвідувач вашої цільової сторінки може отримати знижку).
Виконуйте цю дію лише один раз на день для користувача. Цю умову можна застосувати в різних випадках: наприклад, щоб надсилати партнерські або інші посилання в повідомленнях від адміністратора/користувача (наприклад, доступ до нових матеріалів курсу); для системи лояльності або накопичення; тощо.
Місто користувача / Країна користувача. Встановивши цю умову, ви можете націлити на певну групу користувачів, яким буде корисна ваша послуга, — наприклад, коли для придбання товару чи послуги потрібна фізична присутність клієнта.
У цьому випадку ви можете встановити умову як рівність або нерівність. Наприклад, якщо вам потрібно вказати місто або країну (або список країн), для яких автоматичну дію не слід запускати, виберіть "не дорівнює".
День тижня. Ця умова слугує тригером для автоматичних дій залежно від дня тижня. Ви можете вибрати прапорці біля днів тижня, встановити умову як дорівнює або не дорівнює, а також вибрати автоматичну дію, яку має виконувати онлайн-чат.
Наприклад, ви можете налаштувати всі робочі дні ваших операторів/менеджерів, щоб забезпечити їхній подальший контакт із клієнтами.
URL поточної сторінки. Автоматична дія спрацьовуватиме залежно від того, містить/не містить URL або дорівнює/не дорівнює вказаному посиланню.
Повідомлення користувача. Щоб запустити автоматичну дію за цією умовою, поле має містити певне слово від користувача.
Час на сторінці. Ця умова подібна до часу доби; однак якщо база даних ваших клієнтів розподілена по різних часових поясах, вам потрібно, щоб ця автоматична дія спрацьовувала в той самий локальний час для кожного часового поясу.
Час після закриття вікна MAviBot. Ця умова налаштовується так само, як час доби або час на сторінці, але залежить від дії користувача з закриття вікна Salebot.
Час від першого повідомлення відвідувача. Автоматична дія спрацює через вказаний проміжок часу (у секундах) після першого повідомлення клієнта в онлайн-чаті.
Час без відповіді оператора від першого повідомлення користувача. Ця умова також задається в секундах і спрацьовує незалежно від того, відповів оператор клієнту чи ні.
За потреби умови можна поєднувати, що дає змогу автоматичній дії спрацьовувати за кількома критеріями:
Далі виберіть, яку дію онлайн-чат має виконувати автоматично:
Автоматичне відкриття чату. Ця дія автоматично відкриває онлайн-чат для користувача. Додаткове налаштування не потрібне.
Автоматичне запрошення до чату. Ця автоматична дія надсилає користувачеві попередньо задане повідомлення, внесене у відповідне поле. За потреби ви також можете приховати поле введення повідомлення за допомогою однойменного прапорця.
Приховати іконку онлайн-чату з вебсайту. Цю дію можна використати, наприклад, після завершення робочого часу ваших адміністраторів.
Показувати іконку онлайн-чату. Подібно до попередньої дії, це дає змогу відображати іконку чату для клієнтів протягом певного проміжку часу (або на основі інших необхідних умов).
Надіслати повідомлення від імені адміністратора. Ця дія надсилає повідомлення в онлайн-чаті від імені адміністратора.
Надіслати форму. Ця дія використовується для збору даних клієнта. Ви можете налаштувати текст форми, вибрати потрібні поля введення (наприклад, ім'я, номер телефону, електронну пошту, прапорець або будь-яке інше поле введення, яке ви налаштуєте вручну).
Ви можете налаштувати власне поле введення. Наприклад, щоб зібрати місто проживання клієнта або будь-яку іншу релевантну інформацію.
Банери
Ви можете додати клікабельні банери до стартового вікна чату на вкладці "Банери". Перейдемо до налаштувань.
Натисніть на "Додати банер".
Завантажте зображення.
Розмір зображення фіксований.
Рекомендований формат зображення: якщо ви додаєте заголовок і підзаголовок, використовуйте банер розміром 345×194 пікселі або співвідношення сторін 16:9.
Щоб банер був клікабельним (тобто клієнт міг перейти за посиланням, натиснувши на нього), введіть URL у відповідне поле.
Далі за потреби вкажіть заголовок і підзаголовок банера.
Введіть заголовок і підзаголовок, а потім натисніть "Зберегти".
Після цього банер з'явиться у віджеті онлайн-чату.
Щоб вимкнути банер (припинити його показ в онлайн-чаті), переведіть перемикач у неактивне положення.
Щоб відредагувати або видалити банер, натисніть Редагувати.
Оцінка якості
В онлайн-чаті є додатковий розділ налаштувань під назвою "Контроль якості". Щоб увімкнути цю функцію, перейдіть до відповідної вкладки в налаштуваннях.
Ця функція пропонує вибір між трьома шкалами оцінки якості: п'ятибальною, трибальною та двобальною.
Введіть текст, який відображатиметься перед оцінкою, у відповідному полі.
У цьому полі немає значення за замовчуванням. Якщо залишити його порожнім, на банері оцінки якості відображатиметься такий текст.
Ви також можете вказати власну назву поля для відгуку клієнта.
Для цього просто введіть власний текст для назви поля, а також текст-заповнювач у полі відгуку. За замовчуванням (див. приклад вище) призначення та текст кожного поля вже налаштовані для вашої зручності.
Ви також можете увімкнути прапорець, щоб зробити коментар-відгук клієнта обов'язковим.
Далі ви можете заповнити текст повідомлення з відгуком, яке буде надіслано клієнту після позитивного або негативного оцінювання. Щоб побачити, як фінальне повідомлення онлайн-чату виглядає після надсилання оцінки, натисніть кнопку в чаті, щоб надіслати оцінку.
Прапорець "Користувач може оцінити чат"
У розділі "Клієнти" оператор може завершити діалог під час розмови з користувачем. Якщо цей прапорець увімкнено, користувач зможе залишити оцінку.
Оператор не бачить оцінку, яку клієнт поставив розмові. Усі оцінки якості будуть доступні в розділі "Аналітика".
Оператор може натиснути кнопку "Завершити розмову" під час розмови з користувачем. Це відкриє форму підтвердження дії оператора:
Якщо в каналах підключено поштовий сервіс, з'являться опції надсилання повідомлень електронною поштою.
Після того як оператор завершує розмову, користувачеві надсилається форма оцінки якості, а сама оцінка фіксується в Аналітиці.
Якщо клієнт не залишить оцінку, у статистиці буде показано "Користувач не залишив оцінку."
Як додати онлайн-чат на свій сайт
Щоб вбудувати онлайн-чат на свій сайт, просто скопіюйте скрипт із вкладки Code і вставте його в HTML вашого вебсайту.
Скопіюйте код онлайн-чату.
Далі перейдіть до "Сайти" розділу та натисніть на плитку сайту, на якому ви хочете розмістити віджет онлайн-чату.
Потім перейдіть до Редагування сайту.
І перейдіть до налаштувань сайту.
У Кольори, шрифти та HTML розділі вставте скопійований код онлайн-чату в заголовок HTML-коду поле.
Вставте цей код на кожну сторінку вашого вебсайту всередині <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", "Привіт, будь ласка, заповніть форму.").
Приклад відповіді онлайн-чату.
Надсилання повідомлень у чат
Використовуйте цей код, коли користувач виконує дію на сайті, і вам потрібно в цей момент надіслати повідомлення від його імені в чаті.
if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Повідомлення") }
Наприклад, коли користувач натискає кнопку, від його імені буде надіслано повідомлення.
Змінити налаштування підказки
Ви можете налаштувати бота так, щоб він реагував на це повідомлення.
Код вставляється в розділі HTML налаштувань сайту.
Останнє оновлення