Кастомные кнопки быстрого доступа в меню Битрикс24

Стандартное меню Битрикс24 содержит основные разделы портала: ленту, задачи, CRM, календарь и другие модули. Однако в реальной работе компаний часто появляются дополнительные внутренние сервисы, корпоративные системы и внешние страницы, к которым сотрудники обращаются постоянно.

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

Индивидуальная кастомизация Битрикс24 делает навигацию удобнее: важные разделы всегда находятся перед глазами, а доступ к нужным сервисам занимает один клик.

Зачем бизнесу кастомные кнопки в меню Битрикс24

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

Типичные примеры:

• сервисы поддержки — быстрый переход к обработке заявок;

• ERP- и учетные системы — доступ к заказам, складу и финансовым данным;

• системы электронного документооборота (внешние ЭДО и корпоративные СЭД) — обмен и утверждение документов;

• формы и внутренние инструменты — заявки, отчеты, согласования.

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

Кастомные кнопки позволяют:

• вынести нужные разделы прямо в главное меню Битрикс24;

• сократить время перехода между системами;

• упростить интерфейс для пользователей без технической подготовки.

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

Задача проекта

Клиент использовал портал на базе коробочной версии Битрикс24. Требовалось добавить в левое меню две постоянные кнопки быстрого доступа: «Обращение в поддержку» для перехода к системе обработки внутренних запросов и «Заявки, Заказы, ЭДО» для перехода к системе электронного документооборота.

Для реализации заданы условия:

• отображение в левом меню Битрикс24 в любом состоянии интерфейса;

• при свернутом меню — только иконка, при развернутом — иконка и текст;

• собственный визуальный стиль (градиент, отличие от стандартных пунктов);

• возможность изменения текста, ссылки и цветов через интерфейс администратора без участия разработчика.

Была необходима индивидуальная доработка Битрикс24 с изменением интерфейса портала без вмешательства в ядро системы.

Особенности платформы Битрикс24

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

Перерисовка меню через AJAX

При сворачивании или разворачивании левого меню Битрикс24 выполняет AJAX-запрос и полностью перерисовывает HTML-структуру меню.

Это приводит к тому, что:

• любые inline-стили автоматически удаляются;

• добавленные вручную элементы исчезают после обновления интерфейса.

Ограничения вывода CSS и JavaScript

Прямая вставка CSS и JavaScript через обработчики событий нарушала формирование AJAX-ответов Битрикс24: HTML попадал в JSON, что вызывало ошибку json_failure в браузере.

Управление меню внутренним JavaScript-фреймворком

Левое меню формируется внутренними механизмами платформы. Поэтому любые элементы, добавленные напрямую в DOM, удаляются при обновлении интерфейса.

Реализация решения

Реализация разделена на серверную (PHP) и клиентскую (CSS + JS) части.

Серверная часть

Логика реализована через обработчик события OnEpilog.

Ключевые элементы:

• регистрация CSS и JavaScript через Asset::addString();

• хранение параметров кнопок в COption;

• использование CSS-классов вместо inline-стилей.

Подход исключает попадание HTML, CSS и JavaScript в AJAX-ответы Битрикс24 и предотвращает ошибки при их обработке.

Клиентская часть

Клиентская логика реализована на JavaScript и обеспечивает добавление кнопок в интерфейс независимо от механизма отрисовки меню.

Используются следующие механизмы:

• создание независимых DOM-элементов кнопок;

• вставка элементов после шапки меню (.menu-items-header);

• отслеживание изменений DOM через MutationObserver.

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

Административная панель управления

Создана отдельная страница в административной панели портала.

Через нее администратор управляет кнопками:

• добавляет новые;

• редактирует существующие;

• удаляет ненужные;

• настраивает внешний вид.

Для каждой кнопки можно задать текст, иконку-аббревиатуру длиной до 4 символов, ссылку и два цвета градиента. В интерфейсе используется встроенный color-picker с предпросмотром.

Настройки сохраняются в COption. Параметры изменяются через интерфейс администратора без участия разработчика.

Результат внедрения

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

Навигация внутри портала стала проще, снизилась нагрузка на сотрудников при выполнении типовых операций и ускорилась обработка заявок.

Реализация не требует постоянного участия разработчиков и не зависит от обновлений платформы, поскольку изменения изолированы от ядра системы.

Портал стал удобнее в ежедневном использовании и лучше соответствует внутренним процессам компании.

Когда нужна кастомизация меню Битрикс24

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

Чаще всего кнопки быстрого доступа добавляют для:

• перехода к внешним системам — учет, ЭДО, поддержка;

• открытия конкретных рабочих страниц внутри Битрикс24 — реестры, отчеты, сохраненные фильтры;

• запуска форм и внутренних процессов — заявки, согласования, служебные обращения;

• быстрого доступа к регламентам и инструкциям — как внутри портала, так и в сторонних системах.

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

Доработка Битрикс24 под задачи бизнеса

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

Индивидуальная доработка Битрикс24 позволяет модифицировать систему под конкретные задачи и упростить работу сотрудников.

Специалисты Integrator.Digital выполняют:

• кастомизацию интерфейса и меню Битрикс24;

• разработку модулей и расширений;

• интеграцию внешних систем;

• настройку и изменение поведения портала.

Напишите или позвоните нам, если требуется доработка Битрикс24. Мы адаптируем портал под ваши бизнес-процессы, подключим внешние системы и разработаем недостающий функционал.

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