Меню в Битрикс24 — нормальный инструмент. Но у него есть один неприятный момент, который замечают все, кто строит разветвлённую структуру разделов или цифровые рабочие места. Пользователь кликает на раздел и попадает на пустую белую страницу — без навигации и подсказок. Часть людей думает, что что-то сломалось. На самом деле нужно было выбрать пункт в меню второго уровня, но это неочевидно.

В этой статье разбираем, почему пользователи упираются в пустую разводящую страницу раздела, как модуль «Витрина разделов» превращает её в наглядную навигацию и как всё это настраивается — от раскладки до предпросмотра.

Как сделать навигацию по разделам Битрикс24 понятной: модуль «Витрина разделов»

В чём основная проблема

Штатный Битрикс24 не даёт возможности оформить разводящую страницу раздела. Когда у раздела есть вложенные пункты, первый экран — пустой. Ничего: никакой навигации, никаких подсказок. Часть людей думает, что что-то сломалось или не загрузилось.

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

Как мы решили эту задачу

Мы разработали модуль «Витрина разделов».

Раздел «Витрины разделов» в администрировании Битрикс24
Рис. 1. Раздел «Витрины разделов» в администрировании: список настроенных витрин и форма добавления новой.

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

Три вида раскладки

Выбор раздела и типа раскладки витрины
Рис. 2. При добавлении витрины выбирается раздел или цифровое рабочее место, тип раскладки и число колонок.

Модуль предлагает три варианта отображения пунктов меню.

  • Карточки — крупные блоки с иконкой, заголовком и описанием. Хорошо работают для разделов с небольшим количеством пунктов, когда важно дать пояснения к каждому.
  • Иконки — компактно, как на экране смартфона. Подходит для разделов с большим количеством пунктов, где важна плотность.
  • Строки — список с развёрнутыми описаниями. Когда нужно объяснить много и подробно.

Количество колонок настраивается. Заголовок и подзаголовок над витриной — опционально.

Гибкая настройка каждого пункта

Настройка пунктов витрины: иконка, цвет, описание, бейдж и живой предпросмотр
Рис. 3. Для каждого пункта — своя иконка, цвет, заголовок, описание и бейдж; справа живой предпросмотр.

Для каждого пункта меню можно задать:

  • иконку из библиотеки (поиск по названию);
  • цвет иконки или карточки;
  • название и описание специально для витрины;
  • бейдж (например «Новинка» для новых разделов).

Порядок пунктов меняется перетаскиванием прямо в настройках. Ненужные или устаревшие пункты скрываются с витрины — они остаются в меню, но не отображаются на странице.

Готовая витрина на разводящей странице раздела портала
Рис. 4. Готовая витрина на разводящей странице раздела — вместо пустого экрана наглядные карточки.

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

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

Предпросмотр и безопасность

Витрина как первый экран цифрового рабочего места
Рис. 5. Витрина в цифровом рабочем месте становится первым экраном при входе.

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

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

Ограничения

Модуль работает в коробочной версии Битрикс24.

Итог

Витрина разделов — это про первое впечатление пользователя.

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