Интеграция сайта с Битрикс24: формы, заказы интернет-магазина и виджет Открытых линий
Пока сайт и CRM живут отдельно, заявки собираются на почте, в мессенджерах и в чьей-то голове, а рекламный бюджет тратится «в никуда». Интеграция закрывает разрыв: заявка с формы, заказ из интернет-магазина и сообщение в чат сразу попадают в Битрикс24 — с источником, менеджером и историей. Разбираем, с какими движками это работает, какими способами и на что смотреть при настройке.
Что даёт интеграция сайта с Битрикс24
Сайт без интеграции — это «чёрный ящик»: посетитель оставил заявку, письмо ушло на общий ящик, кто-то его увидел (или нет), перезвонил через два часа (или на следующий день). Понять, из какой рекламы пришёл клиент и сколько таких заявок было за месяц, почти невозможно. Интеграция превращает сайт в полноценный канал продаж внутри CRM:
— каждая заявка, заказ и чат автоматически становится лидом или сделкой — ничего не теряется и не «зависает» в почте;
— сделка сразу назначается на менеджера по правилам распределения, ему приходит уведомление, а клиенту — автоответ;
— вместе с заявкой сохраняется источник и UTM-метки, поэтому в сквозной аналитике видно цепочку «реклама → заявка → продажа» и стоимость обращения по каждому каналу;
— все касания клиента — форма, чат, письмо, звонок — собираются в одной карточке, менеджер видит контекст, а не переспрашивает;
— включаются роботы и автоворонки: письмо и SMS клиенту, задача менеджеру, напоминание о неотвеченной заявке, догрев после отказа;
— для интернет-магазина заказы обрабатываются прямо в CRM — со статусами, составом, повторными продажами и работой с брошенными корзинами.
«Самый частый эффект первых недель — не рост конверсии, а то, что перестают теряться заявки. Компания годами жила с мыслью, что „клиентов мало“, а по факту треть обращений просто не доходила до менеджера». Команда «АйТи Аналитикс»
Технически всё сводится к трём задачам: передать в CRM формы сайта, передать заказы интернет-магазина и разместить на сайте виджет Открытых линий для чата. Ниже — как это устроено на разных движках.
С какими CMS интегрируется Битрикс24
Короткий ответ — практически с любой. Вопрос не в том, «получится ли», а в том, каким способом и насколько глубоко: односторонняя отправка заявок или полноценный обмен каталогом и статусами.
| Движок сайта | Как подключается | Готовый модуль | Обмен заказами и каталогом |
|---|---|---|---|
| 1С-Битрикс: Управление сайтом | Штатный модуль «Интеграция CRM», настройка в админке за несколько шагов | Да, от вендора | Полный двусторонний обмен: товары, цены, остатки, заказы, статусы |
| Битрикс24.Сайты и Магазины | Конструктор внутри Битрикс24 — формы и каталог связаны с CRM изначально | Встроено | Заказы и товары уже в CRM, настройка не требуется |
| Tilda | Штатная интеграция в панели Тильды: подключение по вебхуку Битрикс24 | Да, в интерфейсе Тильды | Формы и заказы каталога → лиды/сделки; синхронизации остатков нет |
| WordPress / WooCommerce | Плагин (форма-коннектор для Contact Form 7, WPForms, Gravity Forms; для WooCommerce — модуль отправки заказов) | Да, плагины из каталога | Заказы → сделки; глубина обмена зависит от плагина |
| OpenCart, CS-Cart, MODX, Joomla, Drupal | Модуль из Битрикс24.Маркет или подключение по REST / вебхуку | Часто есть на маркетплейсе | От отправки заказов до обмена статусами — по возможностям модуля |
| Самописный сайт, SPA на React / Vue | REST API Битрикс24: серверный запрос при отправке формы или оформлении заказа | Нет — пишется под проект | Любой сценарий, но реализуется разработчиком |
| Любой сайт через коннекторы | Сервисы-посредники: Albato, ApiX-Drive, Make — связывают формы и магазин с Битрикс24 без кода | Да, no-code | Базовая передача заявок и заказов; за сервис — абонплата |
Отдельно стоит связка с 1С: если каталог и заказы у вас ведутся в 1С, обмен обычно строят по цепочке «1С ↔ сайт ↔ Битрикс24» или «1С ↔ Битрикс24» напрямую, чтобы не было двух источников правды по остаткам и ценам.
Способы интеграции: как это устроено
Под капотом у всех модулей и плагинов — один из этих четырёх механизмов.
1. Входящий вебхук + REST API
Сайт при событии (отправлена форма, оформлен заказ) шлёт HTTP-запрос на адрес вебхука Битрикс24 — crm.lead.add, crm.deal.add, crm.item.add. Быстро и гибко, но односторонне, а ключ вебхука даёт доступ к CRM — его нельзя светить в браузерном коде.
2. CRM-формы Битрикс24
Форма создаётся в Битрикс24, на сайт вставляется её скрипт. Данные сразу в CRM, «из коробки» — учёт UTM, капча, согласие на обработку данных, автоответ. Минус — это внешний блок, дизайн подстраивается ограниченно.
3. Модуль или приложение из Битрикс24.Маркет
Готовый коннектор для WordPress, Tilda, OpenCart, 1С-Битрикс. Подключается через OAuth, часто умеет двусторонний обмен статусами. Настройка — часы, а не дни; часть приложений требует подписку Маркет Плюс.
4. Обмен для интернет-магазинов
Протокол коммерческой информации (CommerceML, «обмен с сайтом»). Для 1С-Битрикс — полная синхронизация: каталог, цены, остатки, заказы и их статусы ходят в обе стороны по расписанию.
Формы сайта → CRM
Формы обратной связи, заявки на расчёт, подписки, заказ звонка — всё это должно создавать в Битрикс24 лид или сделку с заполненными полями. Помимо имени и телефона в CRM передаются служебные данные: страница, с которой пришла заявка, UTM-метки, идентификатор посетителя для сквозной аналитики, отметка о согласии на обработку персональных данных.
Дальше срабатывает автоматика: заявка распределяется на свободного менеджера, ставится задача «связаться за 15 минут», клиенту уходит письмо-подтверждение, а при отсутствии реакции — эскалация руководителю.
Сопоставление полей формы и полей CRM- Проброс UTM и client_id скрытыми полями
- Правила распределения на менеджеров
- Автоответ клиенту и задача менеджеру
- Ключ вебхука вставлен в JS на странице — виден всем
- Не включён контроль дублей — один клиент плодит лиды
- Нет капчи — CRM засоряется спам-заявками
- UTM не передаются — сквозная аналитика пустая
Заказы интернет-магазина → Битрикс24
Здесь два уровня глубины. Простой — магазин при оформлении заказа отправляет в CRM сделку с составом, суммой и контактом покупателя; дальше менеджер ведёт её по воронке. Полный обмен (доступен для 1С-Битрикс и части модулей) — это ещё и синхронизация товарного каталога, цен и остатков, а также возврат статусов: менеджер меняет стадию сделки в Битрикс24 — статус заказа обновляется на сайте и в личном кабинете покупателя.
В сделку попадает то, что нужно для обработки: товарные позиции с количеством и ценой, способ доставки и оплаты, комментарий покупателя, адрес. На этих данных работают допродажи, повторные продажи и сценарии брошенной корзины.
Нюанс по нагрузке: частый обмен большим каталогом (десятки тысяч товаров, обновление остатков каждые 5 минут) нагружает и сайт, и портал. Обычно находят баланс: каталог — раз в сутки ночью, остатки и заказы — чаще, но не «в реальном времени».
Виджет Открытых линий на сайте
Открытые линии — это чат Битрикс24, который собирает обращения из разных каналов в одну очередь операторов. На сайте он живёт как виджет: кнопка в углу экрана, за которой прячутся живой чат, CRM-форма и кнопки перехода в мессенджеры. Технически это один тег <script>, который вставляется на все страницы перед закрывающим </body> — код берётся в разделе CRM → Контакт-центр → Виджет на сайт.
Что даёт: сообщение с сайта попадает оператору мгновенно и распределяется по правилам очереди; вся переписка сохраняется в карточке клиента в CRM; в нерабочее время отвечает чат-бот или ИИ-ассистент и собирает контакт; посетитель может продолжить разговор в Telegram или на сайте — диалог не теряется.
- Очередь операторов и правила распределения
- Рабочее время, приветствие и автоответы
- Подключение Telegram, WhatsApp, VK к той же линии
- Чат-бот или ИИ-ассистент на нерабочие часы
- На бесплатном тарифе — одна открытая линия
- Второй чат-виджет на странице конфликтует и тормозит загрузку
- Позицию кнопки на мобильном нужно проверять — перекрывает элементы
- Скрипт грузится асинхронно, но всё равно влияет на метрики скорости
Нюансы и подводные камни
- Без контроля дублей по телефону и почте один клиент плодит несколько лидов и сделок
- Согласие на обработку персональных данных обязательно: чекбокс и ссылка на политику (в РБ — Закон № 99-З «О защите персональных данных»)
- Ключ входящего вебхука = доступ к CRM: запросы шлём с сервера, не из браузерного JS
- Нужен HTTPS, а для клиентских запросов — корректный CORS
- UTM и идентификатор посетителя надо передавать скрытыми полями, иначе сквозная аналитика не соберётся
- Статусы заказа на сайте и стадии сделки в CRM нужно жёстко сопоставить — иначе рассинхрон
- Часть готовых приложений требует подписку Битрикс24.Маркет Плюс
- Интеграцию тестируют на реальных заявках до запуска рекламы, а не после
Что входит в интеграцию сайта с Битрикс24
Разбор точек контакта
Составляем список всех форм, страниц заказа, чатов и каналов на сайте и решаем, что куда должно попадать — в лид, сделку или смарт-процесс.
Проектирование данных
Определяем поля, воронки, правила распределения на менеджеров, набор UTM-параметров и логику контроля дублей.
Настройка передачи
Подключаем формы и заказы выбранным способом — модуль CMS, CRM-форма, вебхук или REST — с серверной отправкой и защитой ключей.
Каталог и статусы магазина
Для интернет-магазина настраиваем обмен товарами, ценами и остатками, сопоставляем статусы заказа со стадиями сделки.
Виджет Открытых линий
Ставим виджет на сайт, собираем очередь операторов, рабочее время, автоответы, подключаем мессенджеры и бота на нерабочие часы.
Тест, обучение, сопровождение
Прогоняем реальные заявки и заказы, показываем команде работу в CRM, дальше — дорабатываем по мере роста и следим за обменом.
Свяжем ваш сайт с Битрикс24
Посмотрим ваш сайт и CRM, подберём способ интеграции под движок и задачу, настроим передачу форм и заказов и поставим виджет Открытых линий.