Аналитика и отчёты

Как изменить оформление отчета в BI Конструкторе

Коротко. Оформление отчёта в BI Конструкторе — это настройка визуала: цвета, шрифты, логотип, расположение блоков, условное форматирование (например, красные ячейки для просроченных сделок). Без оформления отчёт «дефолтный, скучный, никто не смотрит». С оформлением — приятный, читаемый, узнаваемый под бренд компании.

Что это и как работает

Оформление = темы (готовые палитры), кастомные стили графиков (цвета, шрифты), логотип, фоновое изображение, условное форматирование, иконки KPI. Полная официальная инструкция со скриншотами и пошаговой настройкой — в справке Битрикс24.

Быстрый порядок настройки

  1. В BI-Конструкторе → откройте отчёт → Оформление.
  2. Выберите тему (Светлая, Тёмная, Корпоративная) или создайте свою.
  3. Настройте корпоративные цвета (HEX-коды бренда).
  4. Загрузите логотип в шапку отчёта.
  5. Для каждого графика → Стиль → подкорректируйте цвета, шрифты, размеры.
  6. Добавьте условное форматирование: «Если конверсия <20% — красный».
  7. Сохраните → используйте этот стиль в других отчётах (через шаблон стиля).

Это базовый сценарий «по инструкции». Дальше — то, что инструкция вам не расскажет.

5 граблей с нашего опыта внедрений

1. Цвета бренда не подходят для дашборда — красный текст на красном фоне

Брендбук = яркий красный + чёрный. Для дашборда невозможно читать. Лечение: делаем 2 версии стиля: «Брендовый» (для презентаций) и «Аналитический» (для повседневной работы — нейтральные тона).

2. Логотип в шапке съел место — графики мелкие

Лого 200×200 пикселей — занимает четверть экрана. Лечение: логотип 100×30, в правом верхнем углу. Освобождает место для контента.

3. Тёмная тема выбрана, но КПИ-цифры белые на белом фоне виджета

Виджет KPI «забыл» про тему. Лечение: явно указываем цвет шрифта KPI в стиле виджета. Темы не покрывают всё на 100%.

4. Условное форматирование (зелёный/красный) не работает у дальтоников

Около 8% мужчин — дальтоники. Зелёный/красный сливаются. Лечение: добавляем иконки (✓ / ✗) рядом с цветом. Или используем сине-оранжевую палитру.

5. Отчёт красивый на 24-дюймовом мониторе, на ноутбуке — графики не помещаются

Дизайн под 1920×1080, на ноутбуке 1366×768 — горизонтальный скролл. Лечение: адаптивная вёрстка (relative размеры, а не фиксированные пиксели). Тестируем на разных разрешениях.

Сами или позвать интегратора

Сами справитесь, если: простая корпоративная тема (цвета бренда), без сложного оформления.

Зовите нас, если: полноценный дашборд-дизайн: брендбук, мульти-разрешения, условное форматирование, иконки, white-label под бренд клиента.

Аудит вашей CRM — бесплатно за 20 минут

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

FAQ

Можно ли создать свою тему оформления и использовать в нескольких отчётах?

Да, через сохранение темы в библиотеку. Применяется ко всем отчётам портала.

Поддерживается ли темная тема?

Да, есть встроенная Тёмная тема. Также можно создать свою с тёмными цветами.

Как сделать отчёт под бренд клиента (white-label)?

Меняем логотип, цвета, шрифты на клиентский брендбук. Также можно убрать упоминание Битрикс24 в шапке (премиум-функция).

Можно ли разные графики оформить в разных стилях?

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

Источник официальной инструкции

Полный текст со скриншотами и всеми вариантами настройки: helpdesk.bitrix24.ru/open/20173374/.

Артём Иващенко

Артём Иващенко

Сооснователь AutoBIT24, золотой партнёр Битрикс24. Более 50 проектов внедрения CRM для бизнеса любого масштаба: от стартапов до производств. Специализация — автоматизация отделов продаж и бизнес-процессов.

Хотите автоматизировать свой бизнес?

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

Записаться на разбор
Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 • Скидка 30% на тариф Битрикс24 •