Виджет Битрикс24 объединяет несколько способов связи с компанией на одной кнопке сайта. Посетитель может открыть онлайн-чат, форму, мессенджер или заказать звонок, а обращение попадёт в CRM и будет распределено между сотрудниками.
Коротко: Создайте виджет в CRM → Продажи → Каналы продаж, подключите только нужные каналы, настройте оформление, страницы и время показа. Для чата укажите открытую линию, для формы — создаваемую сущность и ответственных, для обратного звонка — телефонию. Затем вставьте код перед закрывающим тегом body и проведите тест каждого канала.
Что входит в виджет
Виджет — оболочка для подключённых каналов, а не отдельный канал сам по себе. В него можно добавить онлайн-чат, CRM-формы, обратный звонок, социальные сети и мессенджеры. Набор зависит от тарифа и доступных подключений.
Задача виджета — дать посетителю выбор, но не перегрузить его десятком одинаковых кнопок. Для каждого канала должен существовать понятный процесс ответа.
Что выбрать для разных задач
| Канал | Когда подходит | Что настроить |
|---|---|---|
| Онлайн-чат | Быстрые вопросы | Очередь, рабочее время, автоответ |
| CRM-форма | Структурированная заявка | Поля, сущность, ответственный |
| Обратный звонок | Клиент готов говорить | Номер, группа, нерабочее время |
| Мессенджер | Продолжение общения в привычном канале | Открытая линия и права |
Как создать виджет
- Откройте CRM → Продажи → Каналы продаж → Виджет на сайт.
- Настройте предустановленный или создайте новый.
- Дайте название по сайту или сценарию.
- Подключите открытые линии и формы.
- Выключите каналы, которые никто не обслуживает.
- Сохраните и откройте предпросмотр.
Оформление и показ
Настройте цвет, положение, подпись, язык, задержку появления и отображение на мобильных устройствах. Виджет не должен закрывать меню, кнопку согласия cookies или важный интерфейс сайта.
- используйте контрастный, но фирменный цвет;
- проверьте безопасную зону на телефоне;
- не показывайте агрессивное приветствие сразу после загрузки;
- для разных страниц используйте релевантный текст;
- проверьте доступность кнопки с клавиатуры.
Рабочее время
Рабочее время задаётся в открытой линии и влияет на подключённые каналы. Вне графика лучше честно сообщить срок ответа и сохранить обращение. Для обратного звонка можно скрыть кнопку или принять номер и показать понятное сообщение.
Установка на сайт
Для сторонней платформы скопируйте код виджета и добавьте его в общий шаблон перед закрывающим тегом body. На Tilda код можно разместить в настройках сайта или подходящем HTML-блоке — важно, чтобы он загружался на нужных страницах только один раз.
После публикации очищайте кэш и проверяйте реальную страницу, а не только предпросмотр редактора.
Передача в CRM
Для нового обращения определите, что создаётся: лид, сделка, контакт или другое. Проверьте источник, ответственного, повторного клиента и историю диалога. Не все каналы должны создавать новую сделку на каждое сообщение.
- новый посетитель;
- существующий клиент;
- повторное сообщение в том же диалоге;
- обращение вне рабочего времени;
- передача другому оператору.
Аналитика и согласия
Фиксируйте страницу, UTM и канал, чтобы оценивать качество обращений. В формах и чатах настройте требуемые соглашения на обработку персональных данных по правилам компании. Юридический текст и основания обработки должен подтвердить ответственный специалист.
Чек-лист теста
- Откройте сайт в режиме инкогнито.
- Проверьте компьютер и телефон.
- Отправьте чат, форму и заказ звонка.
- Проверьте карточку CRM и источник.
- Повторите с тем же телефоном.
- Проверьте нерабочее время.
- Проверьте очередь и передачу диалога.
- Убедитесь, что код установлен один раз.
Типовые ошибки
- подключить канал без ответственных;
- показывать слишком много кнопок;
- создавать сделку на каждое сообщение;
- не проверить мобильное перекрытие;
- не настроить нерабочее время;
- установить код дважды;
- не передавать источник и страницу;
- не обновить политику и согласия.
Частые вопросы
Да. Код размещают в настройках или HTML-блоке так, чтобы он загружался один раз на нужных страницах.
Нет. Оставьте только те, которые команда реально обслуживает.
Да, можно создавать варианты с разными каналами и приветствиями, если это соответствует структуре сайта.
Проверьте активность канала, сущность формы, интеграцию с CRM, ответственных и опубликованный код.
Да, но отображение и положение нужно проверить на реальных устройствах, чтобы кнопка не перекрывала интерфейс.
Нужно проверить архитектуру CRM?
На бесплатной встрече разберём процесс продаж и определим, какие настройки нужны именно вашей компании.
Записаться на разбор