Logo
  • Возможности
    • Сайты
    • Квизы
    • Свободная секция
    • Для профессионалов
  • Тарифы
  • Эксперты
  • Создано на Flexbe
  • Помощь
  • Еще
    • Обновления
    • Партнерская программа
    • Контакты
Войти Создать сайт

Калькулятор полей

Что умеет калькулятор полей

Калькулятор может рассчитывать стоимость, количество или другие значения при заполнении полей. Результат расчетов производится по указанной вами формуле и виден клиентам в режиме реального времени.

  • 1 Калькулятор считает значения по заданной формуле, используя данные, введенные клиентом;
  • 2 Поле «Результат расчетов» поддерживает математические операции и самовыполняемый JS;
  • 3 Может выводить результат в любом месте страницы через вставку переменной вида: {{ form.ID.variableName.value }} или {{ form.ID.variableName.text }};
  • 4 Значения полей калькулятора можно выводить в Скрытое поле другой формы на странице;
  • 5 Полученный результат можно использовать в другом результате. Это удобно для показа промежуточных результатов (например, цена без скидки и со скидкой).



Текущие ограничения

  • Калькулятор полей доступен только в вертикальных формах. Не поддерживается в горизонтальных формах или квизе.
  • Поддерживает расчет только числовых полей (смотреть таблицу).


Как создать калькулятор полей

Чтобы добавить калькулятор полей на Flexbe, выполните шаги:

Шаг 1. Добавьте элемент «Вертикальная форма»

Шаг 1
Нажмите для увеличения

Шаг 2. Добавьте необходимые поля

Используйте нужные типы полей, например: Число, Текст, Телефон, Выбор, Галочка, Скрытое поле.

Шаг 2
Нажмите для увеличения

Шаг 3. Укажите имена переменных для всех полей

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

Шаг 3
Нажмите для увеличения

Важно

Переменные должны быть уникальны в рамках формы

Важно

Используйте латиницу или кириллицу в названии переменных

Шаг 4. Добавьте поле «Результат расчета

Добавьте в форме поле Результат расчета:

Шаг 4
Нажмите для увеличения

Укажите формулу расчета в настройках поля:

Шаг 4
Нажмите для увеличения

Вы можете использовать результат в другом результате. Например, для расчета скидки.

Шаг 5. Сохраните и проверьте форму

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


Пример: калькулятор расчета стоимости окна

В этом примере ваш клиент рассчитывает стоимость окна с учетом дополнительных опций и монтажа.

Добавляем в форме поля и указываем в полях имена переменных:

  • Высота окна (высота_окна)
  • Ширина окна (ширина_окна)
  • Цена за м² (цена_за_м2)
  • Опции (опции)
  • Монтаж (монтаж)

Добавляем поле «Результат расчета» с формулой:

(высота_окна * ширина_окна * цена_за_м2) + опции + монтаж

Теперь калькулятор отображает расчет стоимости окна в реальном времени, используя данные, которые ввел клиент.


Использование переменных в любом месте страницы

Вы можете использовать переменные из полей калькулятора в любом месте страницы. Например, в тексте или в Скрытых полях форм заявок.
Рассмотрим ниже примеры использования.

Шаг 1. Скопируйте переменную в настройках поля калькулятора:

Доступно два варианта: значение с текстом или только значение.

Шаг 1
Нажмите для увеличения

Шаг 1
Нажмите для увеличения

Шаг 2. Вставьте скопированное значение в нужном месте страницы

Вы можете вставить значение в любом месте страницы. Это может быть как внутри текста, так и в тексте кнопки, в Скрытом поле другой формы и т.д

Пример: текст в кнопке

Шаг 1
Нажмите для увеличения

Пример: в Скрытом поле всплывающей формы заявки

Шаг 1
Нажмите для увеличения

Добавьте переменную в Cкрытое поле любой формы на странице, чтобы передать результат расчета в заявку

Доступные математические операторы

В формулах можно использовать математические операторы, например:

  • width^2 или width**2 — возведение в степень
  • sqrt(width) — квадратный корень
  • min(width, 10) — минимум из значений
  • и другие (см. таблицу ниже)
ОператорОписаниеПример
minВозвращает наименьшее из аргументовmin(3, 7, 2) → 2
maxВозвращает наибольшее из аргументовmax(3, 7, 2) → 7
roundОкругляет до ближайшего целогоround(4.6) → 5
floorОкругляет вниз до целогоfloor(4.9) → 4
ceilОкругляет вверх до целогоceil(4.1) → 5
truncУдаляет дробную часть числаtrunc(4.9) → 4
absВозвращает абсолютное значение (модуль)abs(-5) → 5
signВозвращает знак числа (-1, 0, 1)sign(-8) → -1
clampОграничивает число в диапазоне [min, max]clamp(width, 5, 95)
sqrtВозвращает квадратный корень числаsqrt(9) → 3
cbrtВозвращает кубический корень числаcbrt(27) → 3
logНатуральный логарифм (по основанию e)log(Math.E) → 1
log10Логарифм по основанию 10log10(1000) → 3
expВозвращает e в степени xexp(2) → Math.E ** 2
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

Таблица поддерживаемых полей

Тип поляОсобенности расчёта
ГалочкаВсе выбранные значения суммируются в случае множественного выбора
ВыборВсе выбранные значения суммируются в случае множественного выбора
ПолзунокПоддерживается без включения диапазона значений
СписокБез особенностей
ЧислоБез особенностей
Скрытое полеБез особенностей


Примеры калькулятора полей

Любой пример можно скопировать и вставить в свой проект.

Нажмите для того, чтобы открыть калькулятор
Нажмите для того, чтобы открыть калькулятор
Нажмите для того, чтобы открыть калькулятор
Нажмите для того, чтобы открыть калькулятор
Нажмите для того, чтобы открыть калькулятор
Загрузка...

Ремонт комнаты

м²
Подтвердите, что вы не робот

Цена ремонта пола
Общая цена работ
Работы по окнам/дверям
Цена ремонта потолка

Калькулятор стоимости установки окон

м
м
Подтвердите, что вы не робот
м
м
м
Подтвердите, что вы не робот

Рассчитайте стоимость изготовления бассейна

Предварительная стоимость

Квадратная емкость

Отвод
Крышка
Емкость

Для того чтобы получить точный и полный результат расчёта, пожалуйста, внимательно заполните все необходимые поля в форме.
0 руб.
5 000 000 руб.
0%
100%
год
1 год
10 лет
%

Рассчитайте платеж

Наше предложение
Для оформления вам понадобится
Паспорт

Уборка помещения

м²

Подтвердите, что вы не робот

Полная стоимость уборки помещения


Стоимость уборки без доп.услуг