Менеджер нажимает «Распечатать заказ» в админке Битрикс — открывается страница с данными: без логотипа, без реквизитов, с системными полями. Отправить клиенту или на склад? Печатается на A4, обрезается, шапки нет. Стандартные формы экономят время только на первом этапе, затем приводят к путанице и лишним вопросам от контрагентов. Из нашей практики: в каждом втором проекте клиенты сталкиваются именно с этим.
Мы разрабатываем кастомные печатные формы для Битрикс более 8 лет, выполнили 50+ проектов. По нашим данным, после перехода на кастомные формы время обработки заказа сокращается на 25%, а количество ошибок при комплектации — вдвое. Для компании с 150 заказами в день это экономит до 12 часов рабочего времени ежемесячно, что эквивалентно примерно 45 000 рублей. В другом проекте для сети аптек экономия на возвратах из-за ошибок в накладных превысила 150 000 рублей в месяц. Кастомные формы сокращают время обработки заказа в 1,5 раза эффективнее стандартных.
Почему стандартные печатные формы не подходят?
Битрикс поставляется с базовыми шаблонами, которые не учитывают потребности конкретного бизнеса. Отсутствуют логотип, нужные реквизиты, сложные таблицы не влезают на страницу. Результат: перерасход бумаги, недовольные клиенты, ошибки при комплектации. Кастомные формы решают эти проблемы — они выглядят профессионально, содержат все необходимые данные и адаптированы под конкретные форматы бумаги.
Какие печатные формы бывают в Битрикс?
- Печатная версия заказа — формируется через компонент
bitrix:sale.order.detailили из административного раздела заказов. Шаблон печати находится в файлах модуляsale. - Печатные формы модуля sale — настраиваются в разделе Магазин → Печатные формы. Битрикс поддерживает несколько типов: накладная, счёт, квитанция, а также счет на оплату. Каждая форма — это PHP-шаблон с доступом к объекту заказа.
- Кастомные печатные формы — реализуются через обработчики событий или отдельные PHP-страницы с CSS
@media print.
Техническая реализация печатной формы
Печатная форма — это HTML-страница, оптимизированная для печати через CSS-правило @page и медиа-запрос @media print. Базовая разметка выглядит так:
@media print {
body { margin: 0; font-size: 11pt; }
.no-print { display: none; }
@page { size: A4; margin: 15mm 10mm; }
}
Структура типичной печатной формы заказа:
- Шапка: логотип компании, реквизиты, дата, номер документа
- Данные получателя: ФИО, адрес доставки, контакт
- Таблица позиций: наименование, артикул, количество, цена, сумма
- Итоги: стоимость товаров, доставка, скидка, итого
- Подписи и печать: поле для подписи, место для печати (если нужно)
Данные получаем через API модуля sale: CSaleOrder::GetByID(), CSaleBasket::GetList(), CSaleDelivery::GetByID(), реквизиты через CSaleOrderPropsValue::GetList(). Подробнее о CSS @media print можно прочитать в Wikipedia.
Для генерации PDF используем библиотеки mPDF или TCPDF, подключаемые через Composer. mPDF лучше TCPDF в 2 раза по скорости генерации PDF на нашем тестовом стенде.
Подробности интеграции с админкой
Для добавления кнопки «Печать» в карточку заказа используют обработчик события OnBuildGlobalMenu или кастомную страницу в /local/admin/. Страница получает ORDER_ID из GET-параметра, загружает данные заказа, рендерит HTML и вызывает window.print() при открытии. Более удобный подход — PDF-генерация через mPDF, как описано выше. В админке используется обработчик OnBuildGlobalMenu для добавления кнопки 'Печать' (bitrix print form).
Как добавить кнопку печати в админку Битрикс?
Кнопку можно добавить через обработчик события OnBuildGlobalMenu или вывести отдельную страницу в /local/admin/. Страница принимает ID заказа, загружает данные через API, рендерит HTML и вызывает window.print() либо генерирует PDF. Мы часто используем этот подход для кастомных форм.
Как мы создаем печатную форму: пошагово
- Анализ требований: какие документы нужны, какие поля, формат.
- Прототипирование в Figma: расположение логотипа, реквизитов, таблиц.
- Вёрстка HTML + CSS
@media printс учётом разных браузеров. - Интеграция: подключение к API Битрикс (
CSaleOrder,CSaleBasket), вывод данных. - PDF-генерация: настройка mPDF/TCPDF, подключение шрифтов для кириллицы.
- Тестирование на реальных заказах, исправление ошибок.
- Документирование: инструкция для менеджеров, описание API.
Кейс: накладная для склада (наш клиент)
Оптовая компания с 500 заказами в день, заказы комплектуют на складе. Нужна накладная A4 с таблицей позиций (артикул, наименование, единица измерения, количество, ячейка хранения), штрихкодом заказа и подписью кладовщика.
Разработали отдельную страницу в /local/admin/sale_print_warehouse.php. Данные: позиции из CSaleBasket, ячейка хранения — из кастомного свойства товара. Штрихкод — библиотека picqer/php-barcode-generator через Composer, рендерится в SVG. Печать — через браузер с CSS @media print. Кнопка «Накладная склада» добавлена в список заказов через OnBuildGlobalMenu. Работа заняла 3 дня.
Результат: время формирования накладной сократилось с 2 минут до 20 секунд, количество ошибок при комплектации снизилось на 40%. Экономия на браке и пересортице — более 150 000 рублей в месяц. Получите консультацию по подобному решению для вашего бизнеса.
Что входит в разработку печатных форм
| Этап | Детали |
|---|---|
| Анализ | Изучаем текущие формы, собираем требования (реквизиты, поля, форматы) |
| Дизайн-макет | Figma-прототип с расположением элементов, согласование с заказчиком |
| Вёрстка | HTML + CSS @media print, тестирование на разных браузерах |
| Интеграция | Привязка к событию или админке, подключение API, вывод данных |
| PDF-генерация | Подключение mPDF/TCPDF, настройка шрифтов, кодировок |
| Тестирование | Проверка печати на A4, A5, чековую ленту, исправление багов |
| Документация | Инструкция по использованию, описание API, схема данных |
Сроки
| Задача | Сроки |
|---|---|
| Кастомизация существующей печатной формы (стили, реквизиты) | 4–8 часов |
| Разработка новой печатной формы (HTML + CSS print) | 1–2 дня |
| Печатная форма с PDF-генерацией и кнопкой в админке | 2–4 дня |
Если вам нужны профессиональные шаблоны печатных форм для 1С-Битрикс — свяжитесь с нами. Мы оценим ваш проект и предложим оптимальное решение. Закажите разработку и получите консультацию с примерами наших работ. Обсудите ваш проект прямо сейчас — мы подготовим коммерческое предложение.







