Настройка онлайн-чата Битрикс24: интеграция с сайтом и CRM

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

Технические сложности и их решения

Сравнение: готовый виджет vs кастомная разработка

Готовый виджет настраивается в 3 раза быстрее, чем кастомное решение. Для интернет-магазина электроники реализовали проект с 30 операторами, 12 000 диалогов в месяц, интеграцией с 1С УТ и АТОЛ — время ответа сократилось на 40%. Средняя экономия на обработке заявок после внедрения — до 40%.

Что входит в работу?

• Аналитика текущего сайта (платформа, кэширование, CSP).
• Установка виджета на все страницы с проверкой совместимости.
• Настройка открытых линий, автосоздание лидов, форма сбора данных.
• Интеграция с CRM: привязка к сделкам, синхронизация контактов.
• Фискализация (54-ФЗ) при необходимости — через АТОЛ Онлайн или ОФД.
• Тестирование на мобильных и десктопе.
• Передача доступов и краткая инструкция по работе.
• Гарантия 2 года на установку.

Как мы это делаем: процесс работы

1. Аналитика — изучаем сайт, CSP, стек, кэширование.
2. Проектирование — выбираем тип виджета, определяем поля CRM.
3. Реализация — вставка кода, настройка ботов, интеграция с 1С/ОФД.
4. Тестирование — проверяем WebSocket, создание лидов, отображение на мобильных.
5. Деплой — публикуем на бой, мониторим 24 часа.

Сроки и стоимость

Сроки — от 2 часов до 3 дней в зависимости от сложности. Стоимость рассчитывается индивидуально после аудита. Закажите оценку проекта — она бесплатна.

Что проверить перед запуском

• Вставка кода — используйте async или вставляйте перед </body>.
• CSP-политика — добавьте *.bitrix24.ru в script-src и connect-src.
• Идентификация — настройте cookie BITRIX_SM_SALE_UID.
• Мобильные устройства — тестируйте на реальных устройствах.

Закажите подключение чата — оценим проект за 1 день бесплатно. Свяжитесь с нами, чтобы обсудить детали. Чат Битрикс24 — это не только удобство для клиентов, но и рост конверсии в заявки. Получите консультацию прямо сейчас.

Открытые линии: где всё начинается и ломается

Модуль «Открытые линии» (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 на https://yourdomain/rest/imconnector.register — регистрация коннектора. Интеграция с 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 недели.

Сроки

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