Налаштування віджету онлайн-чату Бітрікс24 під ключ

Налаштування віджету онлайн-чату Бітрікс24

Погано налаштований чат-віджет — причина втрати 60-80% звернень. Стандартна кнопка з логотипом Бітрікс24 часто ігнорується відвідувачами: конверсія в клік рідко перевищує 1-2%. При цьому правильно кастомізований віджет здатен збільшити кількість лідів на 30-50% завдяки своєчасній появі та персоналізації. Ми, розробники Бітрікс24 з понад 5-річним досвідом, реалізували більше 300 проєктів: від простих чатів до багатоканальних контакт-центрів з інтеграцією 1С та CRM. Гарантуємо коректне налаштування під ваш дизайн та бізнес-процеси. У цій статті розберемо ключові параметри налаштування чат-віджету Бітрікс24: від візуальної кастомізації до автоматичних правил показу.

Візуальна кастомізація: колір, позиція, тригер

Налаштування починається з шляху: Бітрікс24 → CRM → Контакт-центр → Онлайн-чат → потрібний чат → «Налаштування».

Колір та тема. Основний колір має збігатися з акцентним кольором бренду. Доступні темна та світла теми. Важливо: використовуйте не більше двох акцентних кольорів, щоб не перевантажувати інтерфейс.

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

Кнопка-тригер. Стандартна кругла кнопка або власний HTML-тригер через JavaScript API:

BX24.openMessenger(); // відкриває чат за кліком

Привітальне повідомлення. Текст, який бачить відвідувач при відкритті чату до першої відповіді оператора. Краще персоналізувати: вказати ім’я оператора, аватар, фразу «Чим допомогти?». Це довіра з перших секунд.

Ім’я та аватар оператора. Можна показувати реального співробітника зі списку або створити віртуального — наприклад, «Підтримка» з корпоративним логотипом. Для великих команд рекомендується показувати реальні фото — це підвищує лояльність на 20-30%.

Як налаштувати попередню форму?

Форма для збору даних відвідувача налаштовується в розділі «Форма» всередині налаштувань чату. Доступні поля: ім’я, телефон, email, текст питання. Кожне поле може бути обов’язковим або ні. Дані автоматично передаються в лід CRM.

Фому варто ввімкнути, коли немає операторів онлайн — вона збирає контакти для зворотного дзвінка. Для консультаційного бізнесу, де потрібно знати ім’я клієнта заздалегідь, форма обов’язкова. А от для інтернет-магазинів з високою конверсією форму краще вимкнути — будь-яке додаткове поле збільшує тертя. Тест A/B показує: без форми кількість перших повідомлень зростає на 30-50%.

Правила показу: коли і кому показувати віджет?

Віджет не зобов’язаний з’являтися на всіх сторінках однаково. У налаштуваннях чату → розділ «Правила»:

• Затримка появи: кнопка показується через N секунд після завантаження (типово 3-5 секунд).
• Умови за URL: показувати тільки на /catalog/* або приховувати на /admin/*.
• Мобільні пристрої: можна вимкнути віджет на телефонах, якщо заважає навігації.
• Поведінка при прокрутці: показати, коли користувач прокрутив 50% сторінки — ефективно для довгих статей.

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

Режими роботи віджету

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

Як налаштувати віджет: покрокова інструкція

1. Аудит поточного стану: перевірте, що скрипт чату підключений один раз (немає дублів), і він не конфліктує з іншими скриптами.
2. Кастомізація зовнішнього вигляду: встановіть колір, позицію, завантажте аватар оператора, налаштуйте привітальне повідомлення.
3. Налаштування попередньої форми: виберіть поля, визначте, чи обов’язкові вони, та вирішіть, коли показувати форму (завжди або тільки в офлайні).
4. Встановлення правил показу: задайте затримку, URL-умови, поведінку на мобільних.
5. Інтеграція з CRM: перевірте, що звернення з чату коректно зберігаються як ліди або угоди.
6. Тестування: перевірте роботу на різних сторінках, пристроях та при різних статусах операторів.

Типові помилки та їх вирішення

Що входить у налаштування під ключ?

• Аудит поточного віджету: перевірка дублюваних скриптів, конфліктів з темою.
• Дизайн-кастомізація: повна відповідність корпоративному стилю, включаючи кастомну кнопку.
• Правила показу: налаштування за сторінками, часом, пристроями.
• Інтеграція з 1С та CRM: передача даних з чату в угоди та ліди.
• Навчання операторів: 2-годинний вебінар для команди підтримки.
• Пост-підтримка: 2 тижні після введення в експлуатацію.

Згідно з документацією «Онлайн-чат» на порталі Бітрікс24, віджет можна адаптувати під будь-який сценарій.

Чому варто довірити налаштування професіоналам?

Ми — команда з 5-річним досвідом та 300+ успішних проєктів по Бітрікс24. Наш кастомізований віджет у 2 рази підвищує конверсію порівняно зі стандартним. Гарантуємо: віджет не буде блимати, не сповільнить сайт, коректно працює на всіх пристроях. Ви отримуєте зростання звернень на 30-80% залежно від ніші. Середній термін окупності налаштування — 3-4 тижні. Економія до $500 на місяць завдяки автоматизації. Отримайте консультацію — ми оцінимо ваш проєкт безкоштовно. Замовте налаштування віджету під ключ — зв'яжіться з нами через форму на сайті.

Як відкриті лінії змінюють комунікацію?

Модуль «Відкриті лінії» (imopenlines) — штатний механізм Бітрікс24 для омніканальних комунікацій. Він пов'язує зовнішній канал з внутрішнім чатом через сутність Im\Model\ChatTable. Проблема в тому, що з коробки налаштування маршрутизації примітивні: «по черзі» або «всім одразу». Для реального відділу продажів з 15+ менеджерами, VIP-клієнтами та SLA за часом відповіді цього недостатньо. Ми доопрацьовуємо маршрутизацію через обробники подій OnImOpenLinesChatStart та REST API.

Менеджер переключається між п'ятьма вікнами, втрачає повідомлення, забуває відповісти — клієнт іде до конкурента, який відповів за 30 секунд. Налаштування месенджерів Бітрікс24 збирає всі канали в один інтерфейс, а CRM фіксує кожен дотик. Досвід показує: після налаштування середній час першої відповіді скорочується на 40% вже в перший тиждень.

Як ми реалізуємо інтеграцію месенджерів

Підключаємо Telegram, WhatsApp, Viber, VK, онлайн-чат, Email та інші канали через штатні конектори або REST API. Кожен канал потребує свого налаштування, але результат єдиний — всі повідомлення потрапляють у відкриті лінії, а з них — у картку клієнта. Гарантуємо, що жодне звернення не загубиться: використовуємо теговане кешування та агенти для перевірки черг.

Як підключити WhatsApp до Бітрікс24?

WhatsApp — головний бізнес-канал. Інтеграція через WhatsApp Business API з верифікованим акаунтом. Налаштовуємо прийом та відправлення повідомлень з інтерфейсу Б24 — вони падають у відкриту лінію. Створюємо HSM-шаблони для ініціації діалогу (нагадування про покинутий кошик, статус замовлення). Шаблони проходять модерацію Meta — закладайте 2-3 дні. Забезпечуємо передачу файлів, зображень, документів. Пов'язуємо листування з контактом та угодою через CRM_ENTITY_TYPE та CRM_ENTITY_ID.

Telegram: безкоштовний канал з високим охопленням

Telegram Bot API безкоштовний і добре документований — приємна рідкість серед месенджерів. Інтеграція в Бітрікс24 виконується через конектор imopenlines. Налаштування: підключаємо бота до відкритих ліній, налаштування конектора → Telegram. Прийом повідомлень, фото, відео, документів — все маппиться в чат Б24. Inline-кнопки та reply-клавіатури для навігації. Webhook для реєстрації конектора. Інтеграція з CRM: вхідне повідомлення створює лід через crm.lead.add або активність в угоді.

Telegram незамінний для:

• Підтримки через бота — типові питання закриваються без оператора (до 70% звернень).
• Сповіщень: замовлення, доставка, оплата — через Telegram Bot API sendMessage.
• Збору лідів: бот задає кваліфікуючі питання → створює лід.

Viber та VK: аудиторія 35+ та соцмережа

Viber тримає позиції в регіонах. Підключаємо бізнес-акаунт через конектор відкритих ліній. Використовуємо Viber Business Messages — масові розсилки з кнопками дій та rich-контентом. Прийом та відправлення з CRM працюють одразу.

VK (ВКонтакті) — найбільша соцмережа. Інтеграція через конектор imopenlines повідомлень спільноти. Обробка повідомлень та коментарів з єдиного інтерфейсу. Автостворення ліда — обробник OnImOpenLinesCrmCreate. Інтеграція з VK Рекламою для трекінгу джерел через UTM. Бот для авто-відповідей — VK Bot API + Callback API.

Чому важлива правильна маршрутизація звернень?

Розподіл звернень між операторами організовано через механізми черг. За замовчуванням — «хто вільний». У реальності потрібно складніше:

• Визначення відповідального за номером або email з CRM — im.chat.get + пошук по crm.contact.list.
• Розподіл по відділах на основі ключових слів (NLP-класифікатор або простий regex на першому повідомленні).
• Пріоритетна черга для VIP — по сегменту в CRM.
• Ескалація при таймауті 5 хвилин — автопереключення на наступного.
• Перехід на дзвінок прямо з чату — telephony.externalcall.register.

Використовуємо кастомні обробники подій OnImOpenLinesChatStart та REST API для реалізації таких сценаріїв. Додатково підключаємо Bizproc для складних ланцюжків погоджень та інтеграцію з HL-блоками для зберігання користувацьких параметрів черг. Результат: клієнт не чекає, оператор не перевантажений.

Що входить у роботу з інтеграції месенджерів

Чат-боти: сценарні та з NLP

Типи

Сценарні (rule-based): кнопкове меню, дерево рішень. «Як оплатити» → «Де моє замовлення» → «Години роботи». Передача на оператора при intent == 'unknown' → transfer_to_queue. Надійно, передбачувано, покриває 60-70% типових звернень.

З NLP: вільний текст на українській або російській. Визначення intent (купити, поскаржитися, дізнатися про доставку), вилучення сутностей (ім'я, дата, номер замовлення). Контекстний діалог — пам'ятає, про що говорили. Реалізуємо на Rasa або Dialogflow, інтеграція з Б24 через REST.

use Bitrix\Main\Loader;
use Bitrix\Imopenlines\Model\SessionTable;

Loader::includeModule('imopenlines');

$eventManager = \Bitrix\Main\EventManager::getInstance();
$eventManager->addEventHandler('imopenlines', 'OnImOpenLinesMessageReceive', function($event) {
    $message = $event->getParameter('message');
    $chatId = $event->getParameter('chatId');
    
    if (preg_match('/статус заказа (\d+)/i', $message, $matches)) {
        $orderId = $matches[1];
        // Отримуємо статус замовлення через API
        $order = \Bitrix\Sale\Order::load($orderId);
        if ($order) {
            $status = $order->getField('STATUS_ID');
            \Bitrix\ImOpenLines\Chat::sendMessage($chatId, 'Ваш заказ №' . $orderId . ' в статусе: ' . $status);
        }
    }
});

Сценарії та реальний ефект

Порівняння: сценарний бот обробляє запити в 5 разів швидше оператора, а NLP-бот знижує fallback rate до 15% після навчання на реальних діалогах. Середня економія на зарплаті операторів при впровадженні чат-бота є значною.

Процес розробки

1. Аналіз звернень — вивантажуємо історію з відкритих ліній, кластеризуємо за темами. Визначаємо 80% типових запитів.
2. Проектування діалогів — карта на miro/figma. Кожна гілка закінчується або відповіддю, або передачею оператору.
3. Розробка — логіка, інтеграція з CRM та зовнішніми API. Для сценарних — кінцевий автомат на станах. Для NLP — pipeline: tokenizer → featurizer → classifier → response selector.
4. Навчання NLP — на реальних діалогах (не менше 500 прикладів). Налаштування threshold confidence.
5. Тестування — прогін всіх гілок, edge cases (порожнє повідомлення, стікер, голосове).
6. Оптимізація — моніторинг fallback rate, донавчання на нових діалогах кожні 2 тижні.

Терміни

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