Недавно к нам обратился интернет-магазин электроники: чат не отображался на мобильных, лиды не создавались. Выяснили: 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 — это не только удобство для клиентов, но и рост конверсии в заявки. Получите консультацию прямо сейчас.