Шаг за шагом: создаем форму для расчета строительства дома

Узнайте, как создать форму-калькулятор на сайте для расчета стоимости строительства дома с помощью инструмента stepFORM, улучшая взаимодействие ваших клиентов

Шаг за шагом: создаем форму для расчета строительства дома

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

Для расчета стоимости дома нам понадобиться не простая форма, а форма с возможностью производить калькуляцию, для этих целей нам подойдет такой продукт как stepFORM.

Для начала произведем регистрацию в данном конструкторе и создадим новую форму, после чего сразу добавим виджет “Сообщение” и впишем в него заголовок или название формы.

e93c773ec618639fdf8328f83b17dc98.png

Далее добавим несколько виджетов  “Цифровой ввод”, где пользователь будет указывать ширину, длину и высоту дома.

661be465a9c31fa72543bc32860b33c2.png

Также следует узнать, сколько этажей будет в доме, для этого добавим виджет “Выпадающий список” с вариантами ответов:

  • Одноэтажный
  • Двухэтажный
  • Трехэтажный

29b32e28d10b5cebeb7f0412900bf005.png

По аналогии с предыдущем виджетом добавим тип перекрытия, материал кровли, тип фундамента и тип отдела фасада.

07402df1d1fbc9c4542185df055ea988.png

Далее добавим виджеты “Одиночный выбор” - проживание,, материал внешних стен, тип кровли, отмоска рядом с уже добавленными виджетами “Выпадающего списка”.

72a76211deace47aeff1594602f7c2cb.png

Также следует добавить дополнительные условия, для этого воспользуемся виджетом “Множественный выбор” и добавим в него варианты:

  • Гараж
  • Терраса

ae843128be040e8046d34ebaaffc98ed.png

Осталось получить контактные данные клиента, добавим виджеты “Эл. почта” и “Номер телефона” для возможности получения контактной информации. Также добавим формулу для отображения предварительной стоимости:

0909e0db544df92702d0b0a193a6db61.png

В последнем шаге настроим получение уведомлений во вкладке “Настройки”

9809ae4bac8725488eb793f37c6a1b0a.png

После всех проделанных действий форма-калькулятор готова и ее можно интегрировать на сайт и получать новых клиентов.

10

Больше полезного — в Telegram

Кейсы, идеи и обновления без спама

В Telegram

Другие статьи