Стандартное меню Битрикс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 и повышающие продуктивность компании.
