Золотой сертифицированный партнер ООО «1С-Битрикс»
Эти маленькие «печеньки» (файлы cookie) помогают сайту запомнить ваши настройки, например, язык или выбранные параметры. Так, при каждом новом посещении вы будете чувствовать себя как дома. Примите их, чтобы сделать сайт своим!
OK

Автогенерация КП с диаграммами Ганта в Битрикс24 для проектного бюро

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


Модульные шаблоны документов со слиянием PDF и интеграцией Google Charts

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

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

Специфика проектного бюро: продажа стадий, а не услуг

Проектное бюро продает не абстрактные услуги, а конкретные стадии проектирования. В одном коммерческом предложении может быть 2−4 стадии: ПР (проектная документация), РД (рабочая документация) и другие. Каждая стадия — отдельная позиция со своими сроками, составом работ и командой исполнителей.

Классическое КП в Excel или Word не справляется с такой структурой. Менеджер вручную копирует блоки, подставляет данные, экспортирует таблицы в картинки для диаграмм. На одно предложение уходит 2−3 часа, а при изменениях приходится пересобирать документ заново.

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

Модульная архитектура шаблонов: конструктор документов

Шаблон коммерческого предложения разбили на независимые части:

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

Каждый блок — отдельный PDF-файл, который генерируется через стандартное решение «Шаблоны документов» в бизнес-процессах Битрикс24. В карточке сделки менеджер отмечает чекбоксами, какие разделы включить в итоговое КП:

```
☑ Показать состав команды
☐ Добавить портфолио
☑ Включить диаграмму Ганта
```

Бизнес-процесс считывает выбор и формирует только нужные части. Для типовых объектов генерируется краткое КП на 5 страниц, для сложных проектов — полное досье на 20+ листов.

Слияние PDF: сборка документа из модулей

Отдельные PDF-блоки нужно объединить в единый документ с сквозной нумерацией страниц. Стандартные инструменты Битрикс24 не умеют склеивать файлы, поэтому использовали решение «Слияние PDF» из облачного маркетплейса.

Работает через активити в бизнес-процессе:

  1. БП генерирует все нужные модули (титульник, команда, портфолио)
  2. Файлы сохраняются во временную папку на диске Битрикс24
  3. Активити «Слияние PDF» получает массив ссылок на файлы
  4. Приложение объединяет документы в правильном порядке
  5. Итоговый PDF прикрепляется к сделке

 Маркетплейс-решение работает только в облачной версии Битрикс24, для коробочной версии потребовалась бы разработка собственного модуля на PHP с библиотекой FPDI.

Время сборки документа: 15-30 секунд в зависимости от количества модулей. Менеджер запускает БП кнопкой «Сформировать КП», идет пить кофе, возвращается к готовому файлу.

Диаграммы Ганта через QuickChart и Google Charts API

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

Стандартные инструменты Битрикс24 не умеют рисовать графики. Решение нашлось в сервисе QuickChart (quickchart.io), который преобразует код Google Charts в картинку по URL.

Принцип работы:

  1. В Битрикс24 хранятся данные о стадиях проекта: названия, даты начала, длительность
  2. Бизнес-процесс формирует JSON-конфигурацию для Google Charts API
  3. JSON кодируется в URL-параметр запроса к QuickChart
  4. Сервис возвращает PNG-изображение диаграммы Ганта
  5. Картинка вставляется в шаблон документа через тег `{=изображение}`

Пример URL-запроса (упрощенно):
```
https://quickchart.io/chart?c={type:'gantt',data:{...}}
```

В документации Google Charts (developers.google.com/chart/interactive/docs/gallery/ganttchart) нашли все параметры настройки: цвета блоков, подписи, зависимости между этапами. QuickChart рендерит график на своих серверах и отдает готовую картинку — не нужно устанавливать библиотеки или писать код визуализации.

Результат: в КП автоматически появляется профессиональная диаграмма, где клиент видит, что стадия ПР занимает 45 дней, РД — 60 дней, и они идут последовательно.

Техническая реализация: связка трех инструментов

Финальная архитектура решения объединяет три компонента:

1. Бизнес-процессы и «Шаблоны документов»

Стандартный функционал Битрикс24. В БП настроены активити:
  • Генерация документа — для каждого модуля КП (титульник, команда, портфолио)
  • Условия — проверка чекбоксов, какие разделы включать
  • Вызов webhook — запрос к QuickChart для получения диаграммы

2. Решение «Слияние PDF» из маркетплейса

Облачное приложение, работает как активити в БП. Принимает на вход:
  • Массив файлов для объединения
  • Порядок склейки
  • Параметры нумерации страниц
Отдает единый PDF с сохранением форматирования всех исходных документов.
3. QuickChart для рендеринга графиков

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

Все три инструмента работают последовательно внутри одного бизнес-процесса. Запуск — одна кнопка в карточке сделки, результат — готовое КП в корпоративном стиле за 30 секунд.

Корпоративный стиль: автоматизация оформления

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

Раньше дизайнер готовил шаблон в Word, менеджеры копировали его и заполняли вручную.

Проблемы:

  • Разные версии шаблона у разных менеджеров
  • Ошибки форматирования при копировании данных
  • Невозможность быстро обновить стиль во всех документах

Теперь шаблоны хранятся в Битрикс24 как DOCX-файлы с переменными:
```
{=Company.TITLE} — название компании клиента
{=Deal.OPPORTUNITY} — сумма сделки
{=User.WORK_POSITION} — должность менеджера
```

При изменении корпстиля дизайнер обновляет базовые шаблоны модулей, и все новые КП генерируются уже в новом оформлении. Не нужно переделывать документы у каждого менеджера.

Динамический контент: если в сделке указано 3 стадии проектирования, таблица в КП автоматически содержит 3 строки. Если добавили четвертую стадию — появляется четвертая строка. Шаблон подстраивается под данные.

Результаты: от часов к минутам

Автоматизация изменила процесс подготовки коммерческих предложений:

Скорость формирования документов:
  • Было: 2-3 часа на одно КП вручную
  • Стало: 30 секунд автоматической генерации
Качество и единообразие:
  • Все КП в едином корпоративном стиле
  • Исключены ошибки копирования данных
  • Диаграммы Ганта строятся автоматически по данным из CRM
Гибкость:
  • Модульная система позволяет собирать КП любой сложности
  • Легко добавить новые разделы без переделки всего шаблона
  • Обновление корпстиля применяется ко всем документам
Менеджеры фокусируются на работе с клиентами, а не на форматировании документов. Руководитель видит, что все КП соответствуют стандартам компании, даже если их готовят разные сотрудники.

Планы на развитие: добавить автоматическую генерацию смет с выгрузкой данных из справочников материалов, интеграцию с электронной подписью для отправки КП на согласование прямо из Битрикс24.
Заключение
Проектные бюро и строительные компании работают со сложными многостадийными проектами, где коммерческое предложение — это не просто прайс, а детальный план работ с визуализацией. Модульная система шаблонов в Битрикс24 решает задачу автоматизации: каждый раздел КП генерируется отдельно, затем документы объединяются через маркетплейс-решение «Слияние PDF». Интеграция QuickChart и Google Charts API добавляет автоматические диаграммы Ганта, которые строятся по данным из CRM.

Решение применимо для любого бизнеса, где документы имеют сложную структуру с вариативными блоками: консалтинг, производство оборудования, IT-интеграция. Ключевой принцип — разбить шаблон на независимые модули и собирать итоговый документ программно, а не вручную копировать части в Word.
Made on
Tilda