Дашборд и отчёты в Битрикс24 без программиста: пример через Вайбкод

Собрать дашборд в Битрикс24 без программиста можно через Вайбкод: требования описываются обычным языком, а код приложения пишет ИИ. На вебинаре Первого Бита 24 сентября 2026 года Надежда Ткаченко, руководитель отдела продаж WEB-проектов, показала дашборд руководителя сервисной службы и подвела итог: весь путь от создания сервера до работающего отчёта занял меньше часа, ни одна строчка кода не была написана вручную. Данные дашборд берёт из штатного смарт-процесса портала, поэтому отчёт работает с записями самого Битрикс24, а не с выгрузкой.

Когда готовых отчётов в Битрикс24 не хватает

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

Станислав Токарев, руководитель отдела сопровождения и разработки WEB-продуктов Первого Бита, описал вайбкодинг как инструмент для человека, который не занимался разработкой: достаточно текстом сформулировать, что нужно, и получить результат, например создать отчёт, добавить кнопку или вывести данные в нужное место. Надежда Ткаченко привела похожие примеры из жизни: маркетологу нужен калькулятор, финансисту отчёт, и для этого не требуется особых навыков, кроме умения объяснить словами, что вы хотите.

Что такое Вайбкод в Битрикс24

Вайбкод - это платформа Битрикс24 для создания приложений через диалог с ИИ: вы описываете задачу, ИИ генерирует готовое решение. По словам Надежды Ткаченко, приложения, созданные в Вайбкоде, получают доступ к данным вашего портала, в том числе к CRM, задачам и календарям, через единый API-ключ. Это отличает его от внешних сервисов, для которых пришлось бы отдельно искать и настраивать среду.

Что ещё Надежда Ткаченко выделила в платформе:

• Готовая инфраструктура. Серверы для приложений создаются внутри Вайбкода, разбираться с хостингом и документацией не нужно.
• Ограниченный доступ. Доступ к созданным приложениям есть только у вашей команды.
• Каталог приложений. Созданные инструменты не теряются, они хранятся в общем каталоге. Права настраиваются индивидуально: приложение можно открыть всей компании или только конкретным сотрудникам.

Пример: дашборд руководителя сервисной службы

В демонстрации Надежда Ткаченко показала дашборд для руководителя сервисной службы. Он даёт картину по загрузке техников, статусам заявок, соблюдению SLA и географии выездов.

На экране дашборда:

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

Интерфейс в примере на английском языке. Надежда объяснила, что этот дашборд готовили для демонстрации англоязычным специалистам, а данные в нём тестовые.

Как собрать дашборд в Битрикс24: шаги

Весь процесс в демонстрации прошёл в шесть шагов:

1. Сервер для приложения. В инфраструктуре Вайбкода создаётся выделенный облачный сервер, на котором будет работать дашборд. Сервер изолирован от внешнего интернета, доступ к нему только через платформу, создаётся он за несколько секунд. Дальше к нему привязывается API-ключ, настраиваются защита и туннель, и сервер сам проверяет, что всё готово.
2. Публикация приложения. Приложение разворачивается одной командой, в которой указываются ключ и идентификатор сервера. Скрипт сам архивирует приложение, при необходимости создаёт сервер, дожидается его готовности и публикует дашборд. На выходе получается прототип, пока без данных.
3. Источник данных. В Битрикс24 создаётся смарт-процесс «Заявка» с полями клиента, оборудования, статуса, техника и региона. Это штатный функционал портала.
4. Тестовые данные. Смарт-процесс заполняется тестовыми заявками: задачу ставят ИИ обычным текстовым запросом.
5. Визуализация. ИИ дописывает приложение так, чтобы оно отображало данные заявок. Работа идёт в режиме диалога: вы формулируете, что нужно, и сразу видите результат.
6. Выгрузка. В дашборд добавляются кнопки выгрузки в PDF и Excel.

Смарт-процесс как источник данных для отчёта

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

В демонстрации смарт-процесс создают так: в разделе смарт-процессов добавляют новый, задают ему название, а в основных настройках можно включить собственные воронки и туннели продаж, собственные стадии и канбан. Дальше настраиваются вид карточки и связи с другими элементами CRM. Для дашборда сервисной службы в смарт-процессе завели поля клиента, оборудования, статуса, техника и региона.

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

Выгрузка отчёта в PDF и Excel

Обе выгрузки в примере выполняются в один клик:

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

Как дашборд появляется в портале

По словам Станислава Токарева, в облачном Битрикс24 мест для встраивания доработок немного, поэтому такие решения работают как приложения. Их можно встроить в карточку CRM в предусмотренных для этого местах или открывать как отдельное приложение по ссылке в меню портала.

Что нужно для запуска

На вопросы о тарифах на вебинаре ответила Надежда Ткаченко:

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

Станислав Токарев добавил, что первичная настройка требует погружения в инструмент, а само подключение занимает около 30 минут. Нужно выбрать модель: встроенную модель Битрикс24 или уже оплаченную подписку внешнего инструмента, например Cursor. Для внешнего инструмента платформа генерирует промпт с правилами, который один раз отправляется модели в чат.

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