как настроить виджет битрикс24 на сайт: чат, обратный звонок, форма

что вообще умеет виджет

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

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

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

как установить код на сайт

Код виджета берётся в разделе «Контакт-центр» → «Настройки виджетов» → создать новый виджет или отредактировать существующий. Внизу настроек — готовый JS-код, который нужно вставить перед закрывающим тегом `` на всех страницах сайта, где виджет должен быть виден.

Частая ошибка — вставить код только на главную страницу. Если у сайта есть отдельные посадочные страницы (лендинги под рекламу, страницы услуг), а код вставлен только в общий шаблон сайта — лендинги без общего шаблона его не получат, и виджет там просто не появится. Проверять нужно на каждом типе страницы отдельно, не полагаясь на «наверное, шаблон общий».

настройка формы обратного звонка

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

Важная настройка, которую часто забывают: время ожидания ответа и что происходит, если никто не взял трубку. Если не настроить fallback (например, создание лида даже при пропущенном звонке), обращение клиента, который не дождался ответа, может вообще не попасть в CRM — а это прямая потеря заявки, часто самая обидная, потому что клиент уже проявил интерес и сам позвонил.

настройка чата — открытые линии

Чат на сайте работает через функциональность «открытые линии»: обращение из чата приходит как открытый диалог, который можно назначить конкретному сотруднику или очереди. Здесь легко переусложнить: часто ставят автораспределение по всем менеджерам сразу, и в итоге пять человек видят одно и то же обращение, не понимая, кто отвечает.

Практика, которая снимает эту проблему — назначить дежурного по чату (одного человека или посменно) с автоматическим переводом на другого, если первый не отвечает за заданное время. Это проще, чем сложная логика распределения, и предсказуемо для клиента: он видит, что ему отвечают быстро, а не что диалог «висит» между менеджерами.

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

форма заявки — не дублируйте поля CRM

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

Правило простое: в форме на сайте — минимум полей, достаточных, чтобы связаться с клиентом (обычно имя и телефон, иногда — что интересует). Остальную информацию менеджер уточняет уже в разговоре и дозаполняет карточку сделки сам. Это касается и виджета Битрикс24, и любых сторонних форм — подробнее логика подключения форм к CRM разобрана отдельно.

как проверить, что виджет реально работает

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

Второй момент проверки — скорость реакции. Если чат отображает «онлайн», а на деле никто не отвечает часами, это хуже, чем открыто показать офлайн-статус: клиент видит зелёный индикатор, ждёт ответа и уходит разочарованным, вместо того чтобы сразу позвонить по телефону.

Тест стоит повторять не только сразу после установки, но и через 1-2 месяца работы — за это время могли смениться ответственные сотрудники, поменяться очередь маршрутизации или просто накопиться технический сбой, который никто не заметил, потому что обращений было немного.

мобильная версия — отдельная проверка

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

В настройках виджета можно задать позицию (левый/правый нижний угол) и минимизированный вид по умолчанию, чтобы блок не занимал экран сразу при заходе, а разворачивался по клику. Для мобильных лендингов с ограниченным пространством это обычно предпочтительнее, чем разворачивать чат автоматически.

рабочее время и офлайн-режим

Если компания не отвечает на обращения круглосуточно, важно честно настроить расписание работы виджета — вне рабочих часов он должен показывать не «онлайн» с зелёной точкой, а офлайн-форму или сообщение с ожидаемым временем ответа. Клиент, который написал в 23:00 и увидел «мы онлайн», а ответа не получил до утра, обычно уходит к конкуренту раньше, чем дожидается вашего сотрудника.

В настройках виджета расписание задаётся отдельно от расписания телефонии — это два разных места, и синхронизировать их приходится вручную. Частая ошибка — настроить рабочие часы для звонков, но забыть про чат, который в итоге показывает «онлайн» даже ночью, потому что для него отдельного расписания никто не выставил.

приветственные сообщения и первый контакт

В открытых линиях можно настроить автоматическое приветственное сообщение при открытии чата — это не обязательная функция, но она заметно повышает вероятность, что посетитель напишет первым. Пустое окно чата без приглашения к диалогу многие просто закрывают, не решаясь начать разговор сами.

Хорошее приветствие — короткое и по делу («Здравствуйте! Чем можем помочь?»), а не общий текст про компанию. Отдельно стоит настроить и приветствие после длительной паузы — если клиент открыл чат, но ничего не написал за минуту-две, дополнительное сообщение с конкретным вопросом («Подскажите, что вас интересует?») часто получает больше откликов, чем молчаливое ожидание.

связанные материалы

Если помимо виджета на сайте у вас есть отдельные формы (например, встроенные в лендинг конструктором), логика их подключения к CRM разобрана в статье подключить формы с сайта к CRM. Про то, как настраивать сами поля сделки, куда падают обращения из виджета, — настройка полей CRM в Битрикс24. А если заявки нужно анализировать по каналам прихода — смотрите аналитику продаж и отчёты в Битрикс24.

частые вопросы