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. В результате при передвижении ползунков сумма будет пересчитываться с новыми результатами.
Чтобы сделать из калькулятора форму-калькулятор достаточно просто добавить в форму виджет "Кнопка", переименовать её и указать в настройках действие "Отправить форму или перейти к следующему шагу"
Демонстрация примеров калькуляторов в работе - по этой ссылке.
