Калькулятор полей
Что умеет калькулятор полей
Калькулятор может рассчитывать стоимость, количество или другие значения при заполнении полей. Результат расчетов производится по указанной вами формуле и виден клиентам в режиме реального времени.
- 1 Калькулятор считает значения по заданной формуле, используя данные, введенные клиентом;
- 2 Поле «Результат расчетов» поддерживает математические операции и самовыполняемый JS;
- 3
Может выводить результат в любом месте страницы через вставку переменной вида:
{{ form.ID.variableName.value }} или {{ form.ID.variableName.text }}
; - 4 Значения полей калькулятора можно выводить в Скрытое поле другой формы на странице;
- 5 Полученный результат можно использовать в другом результате. Это удобно для показа промежуточных результатов (например, цена без скидки и со скидкой).
Текущие ограничения
- Калькулятор полей доступен только в вертикальных формах. Не поддерживается в горизонтальных формах или квизе.
- Поддерживает расчет только числовых полей (смотреть таблицу).
Как создать калькулятор полей
Чтобы добавить калькулятор полей на Flexbe, выполните шаги:
Шаг 1. Добавьте элемент «Вертикальная форма»
Шаг 2. Добавьте необходимые поля
Используйте нужные типы полей, например: Число
, Текст
, Телефон
, Выбор
, Галочка
, Скрытое поле
.
Шаг 3. Укажите имена переменных для всех полей
В настройках каждого поля задайте удобные имена переменных, чтобы использовать их в расчетах.
ВажноПеременные должны быть уникальны в рамках формы
ВажноИспользуйте латиницу или кириллицу в названии переменных
Шаг 4. Добавьте поле «Результат расчета
Добавьте в форме поле Результат расчета:
Укажите формулу расчета в настройках поля:
Вы можете использовать результат в другом результате. Например, для расчета скидки.
Шаг 5. Сохраните и проверьте форму
В настройках формы заявки опционально можно выключить кнопку Отправка формы. Это удобно в случае, если вы хотите дать клиентам калькулятор, но не хотите получать заявки из него
Пример: калькулятор расчета стоимости окна
В этом примере ваш клиент рассчитывает стоимость окна с учетом дополнительных опций и монтажа.
Добавляем в форме поля и указываем в полях имена переменных:
- Высота окна (
высота_окна
) - Ширина окна (
ширина_окна
) - Цена за м² (
цена_за_м2
) - Опции (
опции
) - Монтаж (
монтаж
)
Добавляем поле «Результат расчета» с формулой:
(высота_окна * ширина_окна * цена_за_м2) + опции + монтаж
Теперь калькулятор отображает расчет стоимости окна в реальном времени, используя данные, которые ввел клиент.
Использование переменных в любом месте страницы
Вы можете использовать переменные из полей калькулятора в любом месте страницы. Например, в тексте или в Скрытых полях форм заявок.
Рассмотрим ниже примеры использования.
Шаг 1. Скопируйте переменную в настройках поля калькулятора:
Доступно два варианта: значение с текстом или только значение.
Шаг 2. Вставьте скопированное значение в нужном месте страницы
Вы можете вставить значение в любом месте страницы. Это может быть как внутри текста, так и в тексте кнопки, в Скрытом поле другой формы и т.д
Пример: текст в кнопке
Пример: в Скрытом поле всплывающей формы заявки
Доступные математические операторы
В формулах можно использовать математические операторы, например:
width^2
илиwidth**2
— возведение в степеньsqrt(width)
— квадратный кореньmin(width, 10)
— минимум из значений- и другие (см. таблицу ниже)
Оператор | Описание | Пример |
---|---|---|
sqrt | Возвращает квадратный корень числа | sqrt(9) → 3 |
cbrt | Возвращает кубический корень числа | cbrt(27) → 3 |
abs | Возвращает абсолютное значение (модуль) | abs(-5) → 5 |
sin | Синус угла в радианах | sin(Math.PI / 2) → 1 |
cos | Косинус угла в радианах | cos(0) → 1 |
tan | Тангенс угла в радианах | tan(Math.PI / 4) → 1 |
asin | Арксинус: возвращает угол в радианах | asin(1) → Math.PI / 2 |
acos | Арккосинус: возвращает угол в радианах | acos(1) → 0 |
atan | Арктангенс: возвращает угол в радианах | atan(1) → Math.PI / 4 |
log | Натуральный логарифм (по основанию e) | log(Math.E) → 1 |
log10 | Логарифм по основанию 10 | log10(1000) → 3 |
exp | Возвращает e в степени x | exp(2) → Math.E ** 2 |
floor | Округляет вниз до целого | floor(4.9) → 4 |
ceil | Округляет вверх до целого | ceil(4.1) → 5 |
round | Округляет до ближайшего целого | round(4.6) → 5 |
trunc | Удаляет дробную часть числа | trunc(4.9) → 4 |
sign | Возвращает знак числа (-1, 0, 1) | sign(-8) → -1 |
max | Возвращает наибольшее из аргументов | max(3, 7, 2) → 7 |
min | Возвращает наименьшее из аргументов | min(3, 7, 2) → 2 |
Таблица поддерживаемых полей
Тип поля | Особенности расчёта |
---|---|
Галочка | Все выбранные значения суммируются в случае множественного выбора |
Выбор | Все выбранные значения суммируются в случае множественного выбора |
Ползунок | Поддерживается без включения диапазона значений |
Список | Без особенностей |
Число | Без особенностей |
Скрытое поле | Без особенностей |
Любой пример можно скопировать и вставить в свой проект.