Пример: Кредитный калькулятор

1. Поместим виджет "Форма" в секцию, удалим стандартные поля, кнопку "Отправить заявку" и изменим название формы.

2. Добавим в форму два поля "Ползунок" и два поля "Калькулятор".

3. Изменим названия полей следующим образом:

  • Первое поле "Ползунок" - название "Сумма кредита";
  • Второе поле "Ползунок" - название "Срок кредита (мес.)";
  • Третье поле "Калькулятор" - название "Ежемесячный платеж";
  • Четвертое поле "Калькулятор" - название "Общая сумма выплаты".

4. Укажем для полей минимальные, максимальные значения и шаг.

  • Для поля "Сумма кредита" минимальное значение 30000, максимальное - 500000, шаг - 10000;
  • Для поля "Срок кредита (мес.)" минимальное - 1, максимальное - 36, шаг - 1;

5. К каждому полю нужно добавить переменную, чтобы значения из этих полей считались в полях "Калькулятор".

  • Для поля "Сумма кредита" укажем переменную - credit;
  • Для поля "Срок кредита (мес.)" - term;
  • Для поля "Ежемесячный платеж" - payment;

6. В поле "Ежемесячный платеж" добавим формулу расчета по кредиту.

Формула: (credit + (credit * 0.117 * term) / 12) / term

Заметка: в формуле указаны переменные, которые мы указали каждому полю в предыдущем шаге. Каждая переменная содержит какое-то значение и при передвижении ползунка оно меняется. Значение 0.117 - это процентная ставка по кредиту, то есть она равна 11,7%.

Нажав на знак вопроса возле поля "Формула" можно увидеть какие операции поддерживаются.

7. В поле "Общая сумма выплаты" добавим формулу - payment * term. Где сумма ежемесячных платежей умножается на количество месяцев.

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

Чтобы сделать из калькулятора форму-калькулятор достаточно просто добавить в форму виджет "Кнопка", переименовать её и указать в настройках действие "Отправить форму или перейти к следующему шагу".

Демонстрация примеров калькуляторов в работе - по этой ссылке.