A sales manager spends an hour compiling each commercial proposal: copying products from the deal into Word, formatting a table, inserting client details, adding descriptions. Under high department load, this becomes a bottleneck: lead processing time increases, conversion drops, and calculation errors appear. We develop turnkey Bitrix24 commercial proposal templates — automatic generation in minutes instead of hours. In practice, this means the manager only needs to click one button, and a ready CP with current prices and products is created from the deal data. Manual input errors are eliminated, branding is uniform. Our team has over 10 years of experience developing on Bitrix24 and has completed dozens of CP automation projects.
How Commercial Proposal Templates Are Created in Bitrix24
Commercial proposals in Bitrix24 are generated in two ways:
Via CRM Document Templates — the standard docx template mechanism, available on tariffs from 'Basic'. A CP is created from the deal card using the 'Create document' button, selecting the desired template. Suitable for relatively simple CPs with a fixed structure. Official Bitrix24 Documentation
Via the Smart Process 'Commercial Proposals' (tariffs from 'Professional') — the CP is stored as a separate entity linked to the deal. It has its own fields, status funnel, and automation. Document templates work the same way, via docx. This method offers more flexibility for complex funnels.
Automation through a docx template is 15 times faster than manual typing and completely eliminates data errors. For a company with 50 managers, the savings on CP preparation amount to approximately 300,000 rubles per month.
What's Included in Template Development
- Analysis of current CPs: structure, frequently used data, brand book.
- Creation of a docx template with placeholders and repeat blocks.
- Configuration of UF fields for unique conditions (validity period, payment terms).
- Linking the template to the deal and setting up sending automation.
- Testing on real deals and training managers.
- Provision of documentation and a 6-month warranty on the template.
According to Bitrix24 documentation, document templates support repeat blocks for product tables (cf. Office Open XML).
From Our Practice: CP for a Wholesale Company
Our client — a wholesale company selling building materials. CPs contained up to 50 product items, each prepared manually. Task: automatic generation from the deal with products.
We developed a docx template with a product repeat block. Added UF fields to the deal: 'CP Validity Period', 'Payment Terms', 'Delivery Time' — the manager fills them in the card before generation. The total with VAT — via a custom field filled by a robot. The template was uploaded and set as the first in the deal's document template list.
Thanks to our solution, CP formation time decreased from 40–60 minutes to 5 minutes — a time savings of 80%.
More on the technical implementation
For custom fields, we use deal UF fields of type 'string' and 'list'. The product repeat block is designed using the {#Products}{/Products} construct with nested placeholders. The template is uploaded in .docx format, after which the system automatically substitutes values.
Why a Docx Template Is Better Than Manual Typing
| Parameter |
Manual Preparation |
Automation via Template |
| Time per CP |
40–60 minutes |
2–3 minutes |
| Data errors |
Frequent (typos, incorrect sums) |
Eliminated (data from CRM) |
| Price updates |
Must be re-entered manually |
Automatically from the deal |
| Branding |
Depends on Word skills |
Unified template with logo and styles |
Manual preparation is 10–20 times slower than automated and prone to errors. A docx template pays for itself within the first month of use.
Timeline and Estimated Cost
| Task |
Timeline |
| CP template with fixed structure (no custom fields) |
4–8 hours |
| Template with custom UF fields and product table |
1–2 days |
| CP with external PDF generator and product images |
from 5 days |
Cost is calculated individually based on complexity. Get a consultation — we will assess your project free of charge.
Guarantees and Support
We provide a 6-month warranty on correct template operation. After implementation, we offer technical support for configuration and modifications. Our experience — many years of Bitrix24 development, dozens of CP automation projects. Contact us to discuss your scenario.
Why does website layout for 1C-Bitrix require professionalism?
Open template.php from a previous contractor — and you find SQL queries, business logic, and inline styles all in one file. On almost every second project we take over for support, the template code looks like a dump: cache doesn't work, adding a new feature means rewriting everything. Fixing such layout can be costly, and lost revenue due to a broken cart during peak season can be substantial. Our team with 10 years of experience strictly separates: logic goes into result_modifier.php or component_epilog.php, presentation into template.php. No CIBlockElement::GetList in templates. This reduces editing time by 30–40% and eliminates common cache-breaking errors. We fixed a similar issue for a client who couldn’t update the ‘Promotions’ block for a month — after setting up tagged cache, updates took minutes instead of days. Want the same results? Get a free audit of your current layout.
How to properly organize component templates?
A custom template is not a single file but a structure of five to six files:
-
template.php — only HTML and output of $arResult
-
result_modifier.php — data preparation, additional queries
-
component_epilog.php — code after caching (counters, dynamic content)
-
style.css and script.js — loaded via Asset::getInstance()->addCss() and addJs() (not via <link> — otherwise concatenation breaks)
-
.parameters.php — visual editor parameters
Example structure for a catalog:
local/templates/your_template/components/bitrix/catalog.section/.default/
├── template.php
├── result_modifier.php
├── component_epilog.php
├── style.css
├── script.js
└── .parameters.php
Typical templates we develop turnkey:
| Component |
What we do |
catalog.section and catalog.element |
View switching (grid/list/table), lazy load for images, srcset for retina |
sale.basket.basket |
AJAX update without reload, mini-cart via sale.basket.basket.line |
menu |
Mega menu with caching by sections, lazy loading of submenus |
search.title |
Autosuggest with 300ms debounce, product previews in dropdown |
breadcrumb |
Microdata BreadcrumbList according to Schema.org |
Caching: why does it break and how do we fix it?
Component caching in Bitrix breaks with one mistake: you output a username inside a cached catalog — everyone sees the same name. Solution — use component_epilog.php for dynamic inserts.
Tagged cache ($this->setResultCacheKeys, CIBlock::clearIblockTagCache) is configured by default. Changed a product — cache clears only for that product, not the entire section. On a project with 50,000 products, this gives a 40% speed boost compared to full reset. Official Bitrix documentation recommends using component_epilog.php for dynamic inserts. Real case. A client complained that everyone saw the same cart on the catalog page. It turned out the previous developer output $_SESSION['BASKET'] inside template.php of the catalog.section component. The component was cached for an hour — the cart was frozen. We moved the output to component_epilog.php and configured tagged cache on sale.basket.basket.line. The page didn’t lose speed, the cart became up-to-date. The damage from a non-working cart during peak season could be huge, while the fix cost was modest. Tagged cache reduces page rebuild time by 50× compared to full reset.
CSS approaches: BEM, Tailwind, or hybrid?
For large projects (30+ templates) we use BEM — .product-card__price, .product-card--featured. Styles are isolated, no conflicts. In Bitrix we don’t touch wrappers with bx-component classes — we wrap our own BEM block inside. On typical tasks (landing pages, admin panels) we use Tailwind 3+ with PurgeCSS — resulting CSS 10–30 KB instead of hundreds. Design tokens in tailwind.config.js lock colors, fonts, spacing in one place. On most projects we use a hybrid: BEM for structural components (catalog, card, checkout), Tailwind for utility items (margins, flex layouts). We agree on the boundary with the team in advance.
How do we achieve Core Web Vitals?
Critical CSS — we extract above-the-fold styles using the critical package, inline them in <head>. The rest loads asynchronously via media="print" onload="this.media='all'". LCP on mobile decreases by 1–1.5 seconds.
Images — the main bottleneck. We use <picture> with WebP and JPEG fallback. loading="lazy" for everything below the fold. width and height explicitly set — CLS = 0. A handler in urlrewrite.php generates WebP on the fly.
Minification and compression. CSS and JS via Vite or Bitrix built-in concatenation. Brotli on nginx (brotli_comp_level 6) — 15–20% more efficient than gzip. Static caching: expires 1y + versioning via query string.
For a catalog of 10,000 products, LCP went from 4.2 s to 2.1 s. Conversions improved by 12% after the speed fix. Want similar results? Order a free audit — we’ll evaluate your current layout and propose specific steps.
Deliverables after layout completion
When you order template development or adaptation, you receive:
- Source files of component templates with separation into
template.php, result_modifier.php, epilog
- CSS and JS loaded via Asset — no inline styles
- Configured caching with tags
- Documentation on structure and parameters
- Access to a Git repository with change history
- Training for your developer: how to edit the template without losing upgradeability
We guarantee Core Web Vitals compliance and cross-browser compatibility. Each project is assigned a lead engineer with 10+ years of Bitrix experience.
Process:
- Analysis of mockups and current project — identify components for rework
- Structure design — break the page into BEM blocks
- Implementation — build templates according to the scheme: template, result_modifier, epilog, CSS, JS
- Testing — check cache, responsiveness, Core Web Vitals, cross-browser compatibility
- Deployment — staging, acceptance, production
At each stage you get intermediate results and can make corrections. Contact our team for a project estimate — we’ll provide a timeline and cost within 1–2 days after receiving mockups.
Common mistakes in Bitrix layout
- SQL queries inside
template.php — breaks caching and creates heavy load
- Inline
<style> and <script> — breaks Asset concatenation and slows loading
- Missing
result_modifier.php — logic mixed with presentation
- Direct
$_REQUEST in cached components — user-specific data leaks
- Not using
component_epilog.php for dynamic content — entire cache invalidated on each user action
Each mistake has a simple fix — we correct them during development or audit.
Timelines
| Scope |
Timeline |
| Landing page (5–7 screens) |
3–5 days |
| Corporate website (15–20 unique pages) |
2–4 weeks |
| E-commerce store (30+ component templates) |
4–8 weeks |
| Customization of a Marketplace solution |
1–3 weeks |
| Redesign of an existing project |
3–6 weeks |
Ready to improve your layout? Order a preliminary consultation — we’ll calculate timelines and budget individually.