Сообщество строителей сайтов на Joomla + Gridbox

Gridbox 3.0 уже вышел — как безопасно обновиться

Личный кабинет

Основы создания форм-калькуляторов в Balbooa Forms на Joomla

Формы-калькуляторы на сайте решают широкий спектр бизнес-задач, предоставляя посетителям моментальный автоматический расчет стоимости на основе введенных параметров. С помощью визуального конструктора Balbooa Forms вы можете создавать калькуляторы любой сложности без знания языков программирования — от простых смет услуг до многофакторных финансовых и кредитных калькуляторов.
Сложность No-Code / Средний
Время ~ 10 минут
Совместимость Balbooa Forms / Gridbox / Joomla 4 / 5 / 6 и т.д.
Полный видеокурс по созданию калькуляторов в Balbooa Forms

Пошаговый видеоурок от Balbooa с разбором базовых и продвинутых принципов работы полей калькуляции и математических формул:

Таймкоды видеоурока
0:00 — Обзор возможностей форм-калькуляторов0:23 — Основы создания полей калькуляции (Basics of Calculation)2:22 — Продвинутые вычисления и сложные формулы (Advanced Calculations)4:29 — Использование формул в условной логике (Formulas in Conditional Logic)
1 Типовые сценарии использования форм-калькуляторов

Формы с автоматическими вычислениями в Joomla позволяют реализовать ключевые сценарии взаимодействия с клиентами:

Примеры применения
• Расчет стоимости товаров и услуг: клиент указывает количество, выбирает опции, материалы или сопутствующие услуги и мгновенно видит итоговую сумму заказа.• Финансовые калькуляторы: расчет ежемесячного платежа по кредиту, ипотеке, лизингу, налоговых отчислений или доходности вкладов.• Расчет доставки: динамический расчет цены на основе габаритов, веса посылки, региона или способа транспортировки (курьер, пункт выдачи, экспресс).• Оценка сметы проектов: калькуляторы для фрилансеров, строительных компаний, автосервисов и digital-агентств для расчета стоимости работ по часам и сложности.
2 Базовые принципы создания полей калькуляции (Basics of Calculation)

Для работы калькулятора используются поля, способные передавать числовые значения, и специальный элемент Calculation (Калькуляция):

Порядок действий
1. Добавьте поля ввода исходных данных: • Number (Число) — для ручного ввода количества, площади, объема. • Radio / Dropdown / Checkbox — для выбора тарифов и опций (каждому пункту задается цена в графе Value). • Slider (Ползунок) — удобный ползунок выбора числовых диапазонов.2. Добавьте в форму плагин «Calculation» (Калькуляция).3. В настройках поля Calculation откройте редактор формулы: кликайте по добавленным полям формы и используйте математические знаки (+, -, *, /).
3 Продвинутые вычисления и формулы (Advanced Calculations)

Редактор формул Balbooa Forms поддерживает комбинирование множества полей, использование круглых скобок для задания приоритета операций и математические константы:

Примеры формул
• Простой расчет с количеством: [Цена_Услуги] * [Количество]• Расчет со скидкой и дополнительными опциями: ([Базовый_Тариф] + [Доп_Опция_1] + [Доп_Опция_2]) * [Количество] * 0.9• Расчет с фиксированной надбавкой за выезд/доставку: ([Площадь_Помещения] * [Тариф_за_кв_м]) + [Стоимость_Выезда]
4 Использование формул в условной логике (Conditional Logic)

В сочетании с Conditional Logic вы можете динамически изменять формулы и итоговую сумму в зависимости от условий, выбранных пользователем:

Логические сценарии
• Персональная формула для юридических лиц: IF [Тип_Клиента] = "Юр. лицо" ➝ THEN переключить формулу на [Расчет_с_НДС_20%].• Автоматическое применение промокода или оптовой скидки: IF [Количество] > 50 ➝ THEN применить формулу с коэффициентом 0.8 (скидка 20%).• Обнуление стоимости доставки при заказе на определенную сумму: IF [Сумма_Заказа] >= 5000 ➝ THEN скрыть/обнулить поле [Доставка].
5 Настройка отображения валюты и форматирования чисел

В настройках плагина Calculation настройте презентабельный вид итогового результата:

Параметры вывода
• Символ валюты (Currency Symbol): укажите знак ₽, $, € или буквенный код (RUB / USD).• Расположение символа (Position): до числа или после числа (например, 1 500 ₽).• Разделитель тысяч (Thousand Separator): пробел или запятая (для читаемости крупных сумм).• Количество десятичных знаков (Decimals): 0 для целых чисел или 2 для вывода копеек/центов.
Обрати внимание:

Итоговое значение поля Calculation может автоматически передаваться в подключенные платежные шлюзы (ЮKassa, Stripe, PayPal, Robokassa и др.) в качестве финальной суммы к оплате, позволяя клиенту сразу оплатить рассчитанный заказ онлайн.