Настройка виджета онлайн-чата Битрикс24

Наша компания занимается разработкой, поддержкой и обслуживанием решений на Битрикс и Битрикс24 любой сложности. От простых одностраничных сайтов до сложных интернет магазинов, CRM систем с интеграцией 1С и телефонии. Опыт разработчиков подтвержден сертификатами от вендора.
Предлагаемые услуги
Показано 1 из 1 услугВсе 1626 услуг
Настройка виджета онлайн-чата Битрикс24
Простая
~1 рабочий день
Часто задаваемые вопросы
Наши компетенции:
Этапы разработки
Последние работы
  • image_website-b2b-advance_0.png
    Разработка сайта компании B2B ADVANCE
    1173
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Разработка веб-сайта для компании ФИКСПЕР
    811
  • image_bitrix-bitrix-24-1c_development_of_an_online_appointment_booking_widget_for_a_medical_center_594_0.webp
    Разработка на базе Битрикс, Битрикс24, 1С для компании Development of an Online Appointment Booking Widget for a Medical Center
    564
  • image_bitrix-bitrix-24-1c_mirsanbel_458_0.webp
    Разработка на базе 1С Предприятие для компании МИРСАНБЕЛ
    745
  • image_crm_dolbimby_434_0.webp
    Разработка сайта на CRM Битрикс24 для компании DOLBIMBY
    655
  • image_crm_technotorgcomplex_453_0.webp
    Разработка на базе Битрикс24 для компании ТЕХНОТОРГКОМПЛЕКС
    976

Настройка виджета онлайн-чата Битрикс24

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

Что настраивается в визуальной части

Битрикс24 → CRM → Контакт-центр → Онлайн-чат → выбрать нужный чат → «Настройки».

Цвет и тема. Основной цвет виджета задаётся в настройках — должен совпадать с акцентным цветом бренда. Тёмная/светлая тема.

Позиция. Правый нижний угол (по умолчанию), левый нижний угол. Отступы от края — в пикселях.

Кнопка-триггер. Можно использовать стандартную круглую кнопку или создать собственный HTML-триггер через JavaScript API виджета:

BX24.openMessenger(); // открыть чат по клику на любой элемент

Приветственное сообщение. Текст, который видит посетитель, когда открывает чат до первого сообщения. Например: «Привет! Чем могу помочь?» — от имени конкретного оператора с аватаром.

Имя и аватар оператора. Можно показывать реального сотрудника (выбрать из списка) или создать «виртуального» оператора с именем «Поддержка» и корпоративным аватаром.

Предварительная форма

Перед началом чата можно показать форму для сбора данных посетителя. Настраивается в разделе «Форма» внутри настроек чата.

Доступные поля: имя, телефон, email, пользовательский вопрос. Каждое поле — обязательное или нет.

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

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

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

Правила показа виджета

Виджет не обязан отображаться на всех страницах одинаково. В настройках чата → раздел «Правила»:

  • Задержка появления — показать кнопку через N секунд после загрузки страницы.
  • Условия показа по URL — показывать только на страницах /catalog/* или скрывать на /admin/*.
  • Мобильные устройства — включить/выключить на мобильных отдельно.
  • Поведение при прокрутке — показать виджет, когда пользователь прокрутил 50% страницы.

Правила задаются через CSS/URL-шаблоны в интерфейсе настроек.

Режимы работы виджета

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

Офлайн-режим. Нет доступных операторов — виджет переключается в режим «Оставьте сообщение». Посетитель вводит контакты и текст → создаётся лид в CRM → оператор ответит позже.

Переключение автоматическое — зависит от статуса операторов открытой линии и настроенного рабочего расписания.

Частые вопросы настройки

Убрать логотип Битрикс24 с виджета. Убирается в настройках виджета — опция «Скрыть логотип». Доступна на платных тарифах.

Изменить текст кнопки. Стандартная кнопка без текста — только иконка. Для кастомной кнопки с текстом нужен собственный HTML-элемент с вызовом BX24.openMessenger().

Несколько чатов на разных страницах. Создать несколько чатов в Контакт-центре с разными настройками и подключить каждый к своей открытой линии. На каждой странице — свой код вставки.

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