Нещодавно до нас звернувся інтернет-магазин електроніки: чат не відображався на мобільних, ліди не створювалися. З'ясували: CSP-політика блокувала скрипт, а ідентифікація не працювала через видалення cookie. Вирішили за 2 години. Підключення онлайн-чату на сайт через Бітрікс24 — це не просто вставка коду, а налаштування ідентифікації, інтеграція з CRM та забезпечення стабільної роботи. Онлайн-чат Бітрікс24 — віджет, який встановлюється на будь-який сайт і направляє повідомлення відвідувачів у відкриті лінії Бітрікс24. Працює незалежно від платформи: WordPress, 1С-Бітрікс, самописний — достатньо вставити JS-код. Ми підключаємо чат під ключ: від налаштування віджета до інтеграції з CRM та фіскалізації за 54-ФЗ. Досвід команди — понад 7 років роботи з Бітрікс. Зв'яжіться з нами для безкоштовної оцінки проекту.
Як технічно працює онлайн-чат?
Відвідувач клікає на віджет → відкривається вікно діалогу → повідомлення через WebSocket потрапляє у відкриту лінію → оператор відповідає → відповідь миттєво відображається на сайті. Дані сесії зберігаються в LocalStorage та на сервері Бітрікс24. Для роботи потрібен PHP 8.1+ та MySQL 5.7+. Віджет завантажується асинхронно, тому не впливає на швидкість завантаження сторінки. При цьому підтримується до 1000 одночасних діалогів на один портал. Згідно з офіційною документацією Бітрікс24, віджет підтримує кастомні події для розширеної логіки.
Як отримати код віджета?
Бітрікс24 → CRM → Контакт-центр → Онлайн-чат → «Створити» → налаштувати зовнішній вигляд → скопіювати код вставки. Приклад коду:
<script> (function(w,d,u){ var s=d.createElement('script'); s.async=true; s.src=u+'?'+(Date.now()/60000|0); var h=d.getElementsByTagName('script')[0]; h.parentNode.insertBefore(s,h); })(window,document,'https://yourcompany.bitrix24.ru/upload/crm/site_button/loader_X_XXXXXXXX.js'); </script> Вставляйте перед </body> на кожній сторінці. Для WordPress використовуйте хук wp_footer або плагін Insert Headers and Footers. Для 1С-Бітрікс — в footer.php шаблону або через компонент HTML-блок.
Як прив'язати чат до CRM?
При налаштуванні вкажіть відкриту лінію (продажі або підтримка), автостворення ліда при першому повідомленні, джерело «Сайт» (поле SOURCE_ID), форму збору даних — ім'я, телефон, email. Конверсія в заявку зростає на 30%. Для повторних відвідувачів використовується cookie BITRIX_SM_SALE_UID — історія чату відновлюється. Якщо необхідно, налаштовуються бізнес-процеси: при створенні ліда автоматично надсилається повідомлення менеджеру або запускається ланцюжок дій через Bizproc.
Технічні складності та їх вирішення
| Проблема | Причина та рішення |
|---|---|
| Віджет не з'являється | CSP-політика блокує скрипти. Дозвольте *.bitrix24.ru в script-src та connect-src. |
| Повідомлення не відправляються | Блокувальник реклами або фаєрвол блокує WebSocket. Налаштуйте виняток або відключіть для домену. |
| Повільне завантаження сторінки | Скрипт завантажується асинхронно — не впливає на LCP. Якщо проблема залишається, перевірте синхронну установку в <head> (не рекомендується). |
| Чат перекриває контент на мобільних | Налаштуйте відступи в Бітрікс24: окремі для мобільних та десктопу. |
| Повторні відвідувачі не розпізнаються | Переконайтеся, що cookie BITRIX_SM_SALE_UID не видаляється браузером. Увімкніть ідентифікацію через e-mail з форми. |
Порівняння: готовий віджет vs кастомна розробка
| Характеристика | Готовий віджет | Кастомна розробка |
|---|---|---|
| Час налаштування | 1–2 дні | 1–2 тижні |
| Вартість | Базовий функціонал | Індивідуальна вартість |
| Гнучкість | Колір, позиція, форма | Будь-яка логіка, інтеграція з 1С, фіскалізація |
Готовий віджет налаштовується в 3 рази швидше, ніж кастомне рішення. Для інтернет-магазину електроніки реалізували проект з 30 операторами, 12 000 діалогів на місяць, інтеграцією з 1С УТ та АТОЛ — час відповіді скоротився на 40%. Середня економія на обробці заявок після впровадження — до 40%.
Що входить в роботу?
- Аналітика поточного сайту (платформа, кешування, CSP).
- Установка віджета на всі сторінки з перевіркою сумісності.
- Налаштування відкритих ліній, автостворення лідів, форма збору даних.
- Інтеграція з CRM: прив'язка до угод, синхронізація контактів.
- Фіскалізація (54-ФЗ) при необхідності — через АТОЛ Онлайн або ОФД.
- Тестування на мобільних та десктопі.
- Передача доступів та коротка інструкція по роботі.
- Гарантія 2 роки на установку.
Як ми це робимо: процес роботи
- Аналітика — вивчаємо сайт, CSP, стек, кешування.
- Проектування — обираємо тип віджета, визначаємо поля CRM.
- Реалізація — вставка коду, налаштування ботів, інтеграція з 1С/ОФД.
- Тестування — перевіряємо WebSocket, створення лідів, відображення на мобільних.
- Деплой — публікуємо на бой, моніторимо 24 години.
Терміни та вартість
Терміни — від 2 годин до 3 днів залежно від складності. Вартість розраховується індивідуально після аудиту. Замовте оцінку проекту — вона безкоштовна.
Що перевірити перед запуском
- Вставка коду — використовуйте
asyncабо вставляйте перед</body>. - CSP-політика — додайте
*.bitrix24.ruвscript-srcтаconnect-src. - Ідентифікація — налаштуйте cookie
BITRIX_SM_SALE_UID. - Мобільні пристрої — тестуйте на реальних пристроях.
Замовте підключення чату — оцінимо проект за 1 день безкоштовно. Зв'яжіться з нами, щоб обговорити деталі. Чат Бітрікс24 — це не лише зручність для клієнтів, але й зростання конверсії в заявки. Отримайте консультацію прямо зараз.