Конструктор калькуляторов с заявками в Битрикс24
Покажите клиенту цену, пока он не ушёл к конкуренту, а заявку с готовым расчётом получите сразу в Битрикс24. Собирайте калькуляторы в админке без программирования: стоимость работ по площади, смета с позициями, доставка, кредит и ипотека, цена от объёма, расчёт материалов, индекс массы тела. Посетитель видит расчёт и графики сразу, а менеджер получает лид или сделку с введёнными значениями, суммой и согласием на обработку персональных данных.
Что получает бизнес
- Больше заявок. Человек, который сам посчитал стоимость, оставляет контакты охотнее, чем тот, кто видит «цена по запросу».
- Заявка сразу в CRM. Лид или сделка создаётся в Битрикс24 автоматически, с контактом клиента, расчётом и отметкой о согласии. Переносить ничего не нужно.
- Заявки с уже посчитанной суммой. Менеджер видит введённые значения, результат и строки сметы и начинает разговор по делу.
- Заявки приходят туда, где вы их читаете: на почту, в Битрикс24, в Telegram или в вашу систему.
- Цифры, понятные с первого взгляда. Из чего складывается цена, как растёт платёж по кредиту, сколько стоит переплата, видно на графике, а не только в таблице.
- Меньше работы для разработчика. Калькулятор собирается в визуальном редакторе, а не пишется кодом под каждого клиента.
Как это работает
- Выберите один из 21 готового шаблона или соберите калькулятор с нуля.
- Добавьте поля, формулы, смету и графики, посмотрите живой предпросмотр справа.
- Выведите калькулятор на странице одним компонентом.
- Вставьте адрес входящего вебхука Битрикс24 в настройках модуля, и заявки пойдут в CRM. Письмо администратору и список заявок в админке работают и без этого.
Передача заявок в Битрикс24
- Лид или сделка на выбор. Для сделки модуль сам находит контакт клиента по телефону или email, а если такого нет, создаёт новый. Можно указать воронку и стадию.
- Расчёт в карточке. Введённые значения, результат и строки сметы попадают в комментарий, главный результат можно передавать как сумму лида или сделки.
- Форма не ждёт портал. Передача идёт после ответа посетителю. Если портал недоступен, заявка не теряется: она сохранена в админке, а неудачные передачи повторяются автоматически и вручную. Повторная передача не создаёт дублей.
- Видно, что произошло. В списке заявок у каждой заявки ссылка на лид или сделку либо причина ошибки. Есть проверка соединения и журнал ошибок.
- Облачные порталы (в том числе на доменах .рф) и коробочные порталы во внутренней сети компании. Для облака достаточно входящего вебхука с правом «CRM».
Заявки под контролем
- Статусы и комментарий менеджера. «Новая», «В работе», «Закрыта». Меняются на странице заявки, прямо в списке или сразу у нескольких заявок.
- Фильтр и поиск: по статусу, дате, имени, телефону, email и названию калькулятора.
- Экспорт в CSV и в xlsx с учётом фильтра: контакты, расчёт, статус, комментарий, согласие, номер лида или сделки.
- Дополнительные поля формы: до пяти своих полей (комментарий, адрес, любой вопрос), каждое можно сделать обязательным. Значения видны в списке, письме, экспорте, Битрикс24, Telegram и на вебхуке.
- Письмо администратору уходит сразу, на один или несколько адресов. Шаблон письма редактируется в почтовых событиях Битрикс. Диагностика почты: проверка шаблона и адресов, тестовое письмо, журнал ошибок отправки.
- Копия расчёта клиенту: посетитель получает письмо со своим расчётом.
- Уведомления в Telegram от вашего бота и отправка заявки на ваш адрес (POST с JSON и подписью HMAC-SHA256): для CRM, Slack, n8n или собственного сервиса.
- Согласие на обработку персональных данных. Обязательный флажок в форме, текст и ссылка на политику настраиваются. Дата и текст согласия сохраняются в заявке и попадают в карточку Битрикс24.
- Срок хранения заявок: старые заявки удаляются автоматически раз в сутки. По умолчанию удаление выключено.
- Права доступа: «Работа с заявками» для менеджеров и «Полный доступ» для настройки калькуляторов.
Смета и наглядные результаты
- Смета: таблица позиций с количеством, ценой и суммой. Количество и цена задаются формулами по полям и результатам. После каждой группы показывается промежуточный итог, в конце итог по смете. Позиция с нулевым количеством скрывается, поэтому флажок или поле могут убирать её из таблицы. Строки сметы попадают в заявку.
- Текст по диапазонам: под результатом показывается вывод словами, например «Норма» или «Избыточная масса тела» для индекса массы тела.
- 6 типов графиков: кольцевая диаграмма, столбчатая диаграмма, линейный график, график платежей, полоса прогресса и крупные карточки итогов.
- Структура стоимости: материалы, работы и доставка показываются долями в кольцевой диаграмме.
- Зависимость результата от поля: например, платёж от срока кредита или стоимость поездки от расстояния. На линии отмечена текущая точка, график перестраивается при каждом вводе.
- График платежей по кредиту и вкладу: остаток по месяцам и переплата.
- Графики настраиваются в конструкторе без кода: тип, заголовок, результаты и поля, цвета. Результат сразу виден в предпросмотре.
- Графики рисуются встроенным лёгким рендерером, без внешних библиотек и загрузки с чужих серверов.
- Доступность: у каждого графика есть текстовое описание для программ экранного чтения, а анимация отключается, если посетитель выбрал в системе «уменьшить движение».
Возможности конструктора
- 5 типов полей: число, ползунок, список, переключатель, флажок. У каждого своя подпись, единица измерения, минимум, максимум и шаг. У вариантов переключателя и у флажков можно задать картинку: варианты показываются карточками. Картинку выбирают или загружают кнопкой прямо в редакторе.
- Варианты из инфоблока: названия элементов, цены из числового свойства и картинки из анонса. Цены в калькуляторе обновляются вместе с каталогом.
- Формулы с функциями if, round, floor, ceil, abs, sqrt, pow, min, max, sum, avg, mod, and, or, not, lookup. Результаты можно использовать в следующих формулах. Ошибки видны сразу под формулой.
- Условия показа: поле появляется только когда нужно.
- Таблицы диапазонов: цена, скидка или тариф зависят от количества, веса или суммы. Данные можно вставить из Excel.
- Пошаговый режим: группы полей становятся шагами с кнопками «Назад» и «Далее».
- Экспорт и импорт в JSON: перенос между сайтами и резервная копия.
- 21 готовый шаблон: стоимость по площади, кредит, ипотека, цена от объёма, скидка от количества, доставка, окно на заказ, двери, потолки и ворота, расчёт стройматериалов, кейтеринг, клининг, кухонный гарнитур по шагам, грузоперевозки и переезд, индекс массы тела и калории, пицца «Собери сам», ремонт по шагам, смета ремонта, расход топлива, расход краски, аренда оборудования, вклад. Шаблоны кредита, ипотеки, вклада, скидки, ремонта и расхода топлива уже содержат графики.
- Страница «Инструкция» в админке с описанием возможностей и готовыми примерами.
- Цели для Яндекс.Метрики, GA4 и Google Tag Manager: «начал расчёт» и «заявка отправлена». Для своего кода есть события xlogic:calc_change и xlogic:calc_submit.
Удобно посетителю
- Расчёт, смета и графики обновляются прямо при вводе, без перезагрузки страницы. Числа форматируются по языку страницы.
- Адаптивная вёрстка: форма, результат и графики одинаково удобны на телефоне и на компьютере.
- Форма заявки: имя, телефон и email, у каждого поля настраиваются показ и обязательность, а также флажок согласия на обработку персональных данных.
- После отправки открывается окно «Заявка отправлена».
Надёжно и безопасно
- Сумму в заявке не подделать: расчёт, включая смету, повторяется на сервере.
- Защита от спама: CAPTCHA, скрытое поле-ловушка, настраиваемое ограничение частоты отправки.
- Согласие на обработку персональных данных проверяется на сервере, а не только в браузере.
- Адрес вебхука Битрикс24, токен Telegram и ключ подписи хранятся в /bitrix/.settings.php, а не в базе данных. Запросы в Битрикс24 идут по HTTPS на публичный адрес портала; портал во внутренней сети включается отдельной настройкой, которую меняет только администратор сайта.
- Формулы разбираются собственным парсером, без eval. Настройки графиков и сметы проходят проверку на сервере.
- Картинки принимаются только как путь на сайте к файлу jpg, png, gif или webp: SVG и внешние адреса отклоняются. Варианты из инфоблока берутся только из инфоблоков, доступных всем посетителям.
- Данные хранятся и читаются через API Битрикс (ORM), без прямых SQL-запросов.
- Вывод экранируется, выгрузка в CSV и xlsx защищена от формул Excel, формы защищены токеном сессии, доступ к админке задаётся правами модуля.
Подключение
- Один компонент xlogic:calculator, его можно перетащить на страницу в визуальном редакторе.
- Результат кешируется, кеш сбрасывается при сохранении калькулятора.
- Внешний вид меняется шаблоном компонента в шаблоне сайта.
- События OnBeforeRequestAdd и OnAfterRequestAdd для вашего кода: проверить, изменить или отклонить заявку и передать её дальше.
- При удалении модуль спрашивает, сохранять ли данные.
<?php $APPLICATION->IncludeComponent("xlogic:calculator", "", ["CALCULATOR_ID" => 1]); ?>
Для кого
Веб-студии, которые делают сайты со сметами и расчётами. Компании услуг и производства: ремонт, окна и двери, отделка, клининг, доставка, кейтеринг, которым нужны заявки сразу в CRM. Банки, МФО и страховые, которым нужны калькуляторы кредита, ипотеки и вклада с графиком платежей. Магазины и сервисы, где цена складывается из набора вариантов.
Требования
PHP 8.2 и выше. Для передачи заявок нужен портал Битрикс24: облачный или коробочный с доступом по HTTPS (во внутренней сети по http, если включён режим «Портал в локальной сети»), входящий вебхук с правом «CRM». Для экспорта в xlsx нужно расширение zip, без него остаётся CSV. Варианты из инфоблока требуют модуль «Информационные блоки». Для уведомлений в Telegram нужен бот, его создаёт владелец сайта в Telegram.

