Комунікація клієнта з кол-центром вже давно не обмежується телефонним дзвінком — тепер це месенджери, електронна пошта та інші канали. Але іноді пошук потрібного способу зв’язку перетворюється на “квест” для клієнта і не сприяє позитивному враженню. А менеджери, зі свого боку, мають працювати одразу в кількох додатках. В результаті — втрачені звернення та зниження лояльності клієнтів. У статті ми розглянемо, як за допомогою “Oki-Toki: e-commerce call & chat” можна об’єднати дзвінки та месенджери в одному віджеті.
Що таке Oki-Toki: e-commerce call & chat?
Oki-Toki: e-commerce call & chat — це омніканальний віджет на вашому сайті, що об’єднує канали комунікації. Основні переваги:
- Все в одному — клієнту більше не потрібно шукати по сайту спосіб для зв’язку, він може написати або подзвонити з будь-якої вебсторінки в один клік;
- Проста установка — підключення займає 10–15 хвилин. Достатньо вставити код на сайті;
- Брендування — вибір кольору, розташування, додавання логотипа та налаштування привітальних повідомлень;
- Зручність — віджет працює на телефонах, планшетах і комп’ютерах;
- Інтеграції — підтримка популярних месенджерів.
Підготовка до встановлення віджета
Перед встановленням віджета потрібно налаштувати зовнішні ресурси та канали комунікацій. Це забезпечить коректну роботу всіх функцій на сайті.
Налаштування голосового зв’язку
Спочатку потрібно підготувати ресурси для дзвінків у системі Oki-Toki:
- Web Call — клієнт може здійснити дзвінок прямо з сайту через браузер. Для цього створюється віртуальний номер, налаштовується маршрут дзвінків і черга операторів.
- Get Call — замовлення дзвінка. Клієнт залишає заявку, і система з’єднує його з оператором у вказаний час. При налаштуванні задаються правила додзвону, час очікування та розподіл заявок між операторами.
Як підключити Web Call і Get Call — в окремій статті.
Підключення каналів зв’язку
Далі налаштовуються додаткові способи спілкування з клієнтами. В Окі-Токі це:
- Месенджери (WhatsApp, Facebook, Telegram, Instagram, Viber) – для підключення інтеграцій потрібно пройти авторизацію, отримати API-ключі та налаштувати обробку повідомлень.
- Електронна пошта — підключається E-mail (IMAP/SMTP).
Після налаштування всіх каналів можна перейти до віджета в системі та його інтеграції на сайті.
Як підключити віджет?
Віджет можна налаштувати в розділі “Зовнішні ресурси” — тут відбувається прив’язка та кастомізація заздалегідь налаштованих каналів: голосових, месенджерів та електронної пошти. Це забезпечить зручне та єдине спілкування з клієнтами.
Основні налаштування
Виберіть зі списку зовнішніх ресурсів “Oki-Toki: e-commerce Call & Chat”, вкажіть назву та створіть нову інтеграцію.
У рядок “Домени сайту” потрібно вписати URL вебсторінки, де буде розміщено віджет. Він може бути один або кілька, роздільник – кома. Для тестування роботи віджета всередині сервісу необхідно вказати домен адмінки Oki-Toki.
Наступний крок — додавання каналів комунікації у віджет, використовуючи випадаючі списки.
Введіть текст у поле справа, щоб додати опис.
Приклад: “У вас виникли питання? Подзвоніть нам з сайту — оператори вже чекають!”
Цей текст буде відображатися під назвою каналу.
Важливо! Ім’я каналу задається при підключенні інтеграції та не редагується в налаштуваннях віджета. Для його зміни потрібно внести корективи в саму інтеграцію.
Для зміни порядку каналів комунікації у віджеті перетягніть елемент, утримуючи значок з трьома крапками поряд з його назвою.
За допомогою перемикача активності можна вимкнути неактуальні канали. Відв’язувати інтеграцію для цього не потрібно. Перетягніть повзунок у положення “вимкнути” і елемент не буде відображатися у віджеті.
Після налаштування та активації каналів можна перейти до кастомізації віджета під інтерфейс вашого сайту.
Персоналізація віджета в Окі-Токі
Щоб віджет відображав стиль компанії та вписувався в інтерфейс сайту, потрібно налаштувати зовнішній вигляд — дизайн, колір, текст та розташування елементів.
Текст у віджеті
У цьому розділі задаються текстові підписи, які відображаються всередині віджету. Всі поля редаговані — можна використовувати як стандартні варіанти, так і власні формулювання, що відповідають стилю компанії.
Поля налаштувань:
- Заголовок — основний текст, який відображається у верхній частині віджета. Зазвичай це назва компанії або сервісу;
- Опис — коротке повідомлення, що пояснює призначення віджета або вітає клієнта;
- Або — текст, що розділяє альтернативні способи переходу в канал зв’язку. Наприклад, щоб відкрити Telegram з мобільного пристрою, а не з браузера;
- Відправити — напис на кнопці для відправлення форми або повідомлення;
- Відкрити — текст кнопки, щоб відкрити канал;
- Назад у меню — повернення до списку каналів;
- QR Code — напис, що супроводжує QR-код в інтерфейсі віджета;
- QR Code підказка — пояснення під QR-кодом для інформування користувача (як ним скористатися);
У розділі “Текст у віджеті” можна адаптувати інтерфейс під фірмовий стиль і тон спілкування компанії.
Налаштування для вставки на сайт
Задати параметри відображення віджета на вебсторінці можна в розділі “Налаштування вставки на сайт”. Наприклад, позиція віджета на сайті, зовнішній вигляд, кольори, відступи, тизерне повідомлення тощо.
Поля налаштувань:
- Розташування — розміщення віджета на сайті: зверху справа, знизу зліва тощо.
- Відступи задають відстань від країв екрана до віджета. Приймаються значення в пікселях (px);
- Іконка в перемикачі — вибір типу відображення іконки:
- Статична — використовується логотип першого активного каналу зв’язку;
- Анімована — іконки динамічно змінюються, створюючи ефект живого руху.
- Тизер — текст короткого запрошення, яке з’являється поряд з кнопкою віджета;
- Поява тизера — час (у секундах) до появи спливаючого повідомлення після завантаження сторінки;
- Тривалість показу — скільки секунд тизер залишається видимим;
- Посилання на іконку — шлях до зображення, яке використовується як основний логотип віджета;
- Основний колір — колір фону кнопки-перемикача. Можна задати вручну або вибрати з палітри нижче;
- Колір тексту та іконок для елементів інтерфейсу всередині кнопки;
- Рекомендовані палітри — готові кольорові комбінації для швидкого налаштування зовнішнього вигляду;
- Код для вставки в <body> — формується автоматично, залежно від встановлених параметрів. Його необхідно скопіювати та перенести в HTML-код сайту для активації віджета.
Важливо! Після зміни параметрів у розділі “Налаштування вставки на сайт” потрібно оновити код інтеграції на вебсторінці — інакше зміни не наберуть чинності.
Для перевірки, як віджет виглядає та працює, є тестовий прототип. Він повторює поведінку реального віджета на сайті. Можна побачити, що всі параметри правильні, наприклад: відображення каналів зв’язку, функціональність кнопок та зовнішній вигляд — без внесення змін на робочий сайт.
Параметри та приклади використання
Поведінка та відображення віджета може відрізнятися на різних девайсах. У розділі “Параметри та приклади використання” є відповідні приклади коду, щоб доналаштувати віджет.
Основні параметри:
- Метод mount — основний метод для ініціалізації віджета на сторінці. Він дозволяє задати позицію віджета, його зовнішній вигляд, текст та поведінку в інтерфейсі;
- Параметри відступів — можна задати різні відступи для мобільних та десктопних пристроїв;
- Параметри позиціювання — керують розташуванням віджета на екрані. Наприклад, щоб він розташовувався в куті або зсувався в міру прокручування сторінки.
Можна відкривати та закривати віджет програмно, використовуючи доступні методи, наприклад, для динамічної зміни віджета залежно від дій користувача. Додаткові налаштування допоможуть адаптувати віджет під дизайн та вимоги сайту.
Oki-Toki e-commerce call & chat — це спосіб зібрати всі канали зв’язку в одному інтерфейсі та персоналізувати під будь-який вебсайт. Простота інтеграції забезпечить ефективний та зручний зв’язок, знизить навантаження на операторів, спростить обробку запитів для підтримки високого рівня обслуговування клієнтів.
