Виджет Битрикс24 на сайт: настройка

Виджет — это плавающая кнопка в углу сайта, за которой прячется весь контакт-центр Битрикс24. Через один виджет клиент может написать в чат, заказать обратный звонок, отправить CRM-форму или уйти в мессенджер — а все обращения попадают в CRM. Разберём, как собрать и настроить такой виджет по кнопкам.

Что такое виджет и из чего он состоит

Виджет Битрикс24 — это единый контейнер для каналов связи, который встраивается на сайт одним кусочком кода. Внешне это «пузырёк» или кнопка, при клике на который открывается панель с набором кнопок-каналов. Каждая кнопка — это отдельный инструмент контакт-центра:

• Онлайн-чат — текстовый диалог с оператором через открытые линии;
• Обратный звонок — форма заказа звонка с автодозвоном через телефонию;
• CRM-форма — веб-форма Битрикс24 (заявка, расчёт, запись);
• Мессенджеры и соцсети — переход в Telegram, WhatsApp, ВКонтакте;
• Телефон и e-mail — прямые контакты для быстрой связи.

Ключевая идея: виджет не заменяет каналы, а агрегирует их в одном окне и связывает с CRM. Любое обращение через любую кнопку создаёт лид, сделку или диалог в зависимости от настроек канала.

Где создаётся и подключается виджет

Виджет живёт в разделе CRM → Контакт-центр → Виджет на сайт (в старых порталах — «Сайты и виджеты»). Здесь можно создать несколько виджетов — например, разные наборы кнопок для основного сайта и лендинга.

Порядок работы простой:

1. Открываете настройки виджета и задаёте его название (видно только вам, для ориентации);
2. На вкладке каналов добавляете нужные кнопки — чат, звонок, формы, мессенджеры;
3. Настраиваете внешний вид, приветствие и поведение;
4. Копируете код виджета и вставляете на сайт.

Настройка кнопок и каналов

Основная работа — сборка панели из кнопок. Каждый канал подключается и настраивается отдельно, а порядок кнопок в панели вы задаёте перетаскиванием. Что стоит за каждой кнопкой:

Для чата и мессенджеров канал сначала подключается в контакт-центре (открытые линии), а затем добавляется в виджет. Для CRM-формы в кнопке выбирается уже созданная форма. Кнопку можно временно скрыть, не удаляя её настройки, — удобно для сезонных акций.

Внешний вид и поведение

На вкладке оформления настраивается, как виджет выглядит и когда показывается. Основные параметры:

• Позиция и цвет — угол экрана, цвет кнопки под фирменный стиль сайта;
• Приветствие — текст и картинка оператора, всплывающие через заданное время;
• Автопоказ — виджет раскрывается сам через N секунд или при попытке ухода со страницы;
• Расписание — рабочие часы, когда виджет активен, и поведение офлайн (форма вместо чата).

Отдельно настраивается поведение на мобильных: там виджет занимает больше места, и часть кнопок лучше отключить, чтобы не перекрывать контент сайта.

Установка кода на сайт

Когда виджет собран, Битрикс24 генерирует JavaScript-код. Его нужно вставить на все страницы сайта — обычно перед закрывающим тегом </body> или через общий шаблон/подвал. Способы установки:

1. Вручную — скопировать код из настроек виджета и вставить в шаблон сайта или через менеджер тегов;
2. Через Google Tag Manager — добавить код как пользовательский HTML-тег на всех страницах;
3. Готовые интеграции — для сайтов на Битрикс24 (сайты и магазины) виджет подключается выбором из списка без ручной вставки кода.

Код универсален: он один для всех кнопок виджета. Если вы позже добавите или уберёте канал, переустанавливать код не нужно — изменения подтягиваются автоматически. Проверить работу можно кнопкой предпросмотра и открыв сайт в режиме инкогнито.

Согласие на обработку данных

Виджет собирает персональные данные — телефон в обратном звонке, контакты в форме, имя в чате. По 152-ФЗ это требует согласия на обработку персональных данных. В Битрикс24 согласие настраивается на уровне каналов:

• для CRM-форм и обратного звонка подключается соглашение в конструкторе формы (галочка и текст с ссылкой на политику);
• для чата согласие показывается перед началом диалога, если оно включено в настройках открытой линии;
• текст соглашения хранится централизованно в Настройки → Соглашения и переиспользуется во всех каналах.

Не игнорируйте этот блок: без корректно оформленного согласия сбор заявок через виджет юридически уязвим, а часть браузеров и рекламных систем требует наличия ссылки на политику конфиденциальности.

Обращения, распределение и аналитика

Смысл виджета — не в кнопках, а в том, что обращения из него управляемо попадают в CRM. Здесь работают те же механизмы, что и для остальных источников:

• Открытые линии распределяют чаты и мессенджеры по очереди операторов (равномерно или строго);
• обращения привязываются к контакту по телефону или профилю, чтобы не плодить дубли;
• в объект записывается источник и UTM-метки страницы, где нажали кнопку;
• по виджету доступна статистика: сколько показов, кликов и обращений принёс каждый канал.

Это позволяет оценивать виджет как канал продаж, а не просто «кнопку на сайте»: видно, какая кнопка реально приносит заявки, и можно перераспределить внимание менеджеров на работающие каналы.

Итог

Виджет Битрикс24 — это собранный из кнопок контакт-центр на сайте: чат, обратный звонок, CRM-формы и мессенджеры в одном окне, связанные с CRM. Настройка сводится к трём шагам: подключить каналы в контакт-центре, собрать из них панель кнопок с продуманным оформлением и согласием на обработку данных, а затем установить единый код на сайт. Дальше обращения распределяются по операторам и оседают в CRM без дублей.

Мы подключаем виджет так, чтобы он не мешал сайту, а приносил заявки: настраиваем нужный набор кнопок, открытые линии, распределение по менеджерам и аналитику по каналам. Если обращения с сайта теряются или не доходят до CRM, поможем собрать из виджета управляемый поток заявок.