Калькулятор на сайте: как считать цену по размерам и опциям

Калькулятор на сайте — это не поле с умножением, а три отдельные части: описание того, из чего складывается цена, место, где расчёт выполняется, и правила проверки введённых данных. Ошибка почти всегда во второй или третьей части, а спорят обычно про первую. Ниже — как это устроено внутри.

Из чего состоит формула

Любой расчёт по размерам раскладывается на четыре типа слагаемых.

Базовая часть, зависящая от геометрии: площадь, периметр, объём, длина реза. Это то, что считается прямо из введённых чисел.

Ступени. Цена материала редко линейна: до определённого размера идёт один раскрой, дальше другой, и стоимость прыгает. Ступени задаются не формулой, а таблицей границ, иначе на стыке получаются неправильные суммы.

Опции. Они бывают трёх видов: фиксированная сумма, надбавка за единицу и множитель ко всей смете. Смешивать их в одном поле нельзя — порядок применения меняет итог.

Скрытые правила. Те самые надбавки, которые живут в голове владельца: при определённой глубине меняется способ крепления, при определённой высоте нужен второй человек на монтаже. Их вытаскивают вопросами, и это самая долгая часть работы. В ToYou Wood половина времени на расчёт ушла именно на это, а не на код.

Где расчёт должен выполняться

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

В браузере расчёт нужен для скорости. Клиент двигает ползунок и сразу видит сумму, без ожидания. Это удобно, и без этого калькулятор ощущается медленным.

Но браузер клиента ему же и подконтролен. Значения, которые из него приходят, — это пожелание, а не факт. Если сумму к оплате взять из браузера, её можно подменить.

Поэтому итоговая сумма всегда пересчитывается на сервере из исходных параметров, а не принимается готовой. Клиент прислал размеры и опции — сервер посчитал сам и сравнил с тем, что показывалось. Расхождение означает либо подмену, либо ошибку в коде, и в обоих случаях заказ не должен уходить в оплату молча.

Отсюда же требование: формула существует в одном экземпляре. Не два кода с одинаковой логикой — они разойдутся при первой правке цен, — а один источник, из которого работают обе стороны.

Округление

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

Клиент видит на экране одну сумму, а в чеке другую. Разница копеечная, доверие теряется целиком.

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

Проверка введённых данных

Формула математически работает на любых числах. Мастерская — нет.

У каждого параметра есть допустимый диапазон, и он не совпадает с «любое положительное число». Есть также сочетания, которые по отдельности допустимы, а вместе — нет: например, максимальная ширина при максимальной глубине.

Проверки ставятся на двух уровнях. В браузере — чтобы человек сразу видел, почему поле не принимает значение, с объяснением словами, а не красной рамкой. На сервере — чтобы недопустимый заказ не прошёл, даже если проверка в браузере обойдена.

Мы это узнали на живом примере: первая версия расчёта у ToYou Wood честно посчитала изделие, которое физически невозможно собрать. Формула была верной, диапазонов не было.

Что происходит после нажатия «Оформить»

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

Сервер получает параметры, пересчитывает сумму, проверяет диапазоны и создаёт заказ с зафиксированным составом расчёта. Именно составом, а не только итогом: через полгода при разборе спора нужно видеть, из каких слагаемых сложилась сумма и по каким ценам.

Дальше заказ уходит в оплату. После успешной оплаты пробивается онлайн-чек, а данные заказа передаются в доставку. У ToYou Wood на этом шаге создаётся отправление и печатается этикетка — человеку остаётся приклеить её и отдать курьеру.

Каждый шаг этой цепочки может не сработать. Правило здесь одно: сбой на любом шаге обязан оставлять след в админке с понятной отметкой, а не исчезать. Заказ с отметкой «оплачено, отправление не создано» чинится за минуту. Заказ, которого нет, не чинится вообще.

Что фиксировать при приёмке

Проверьте расчёт на трёх наборах значений: минимальные размеры, максимальные, и одно сочетание на границе ступени. Последнее ловит больше всего ошибок.

Проверьте, что итог в браузере совпал с суммой в счёте и в чеке до копейки.

Проверьте, что недопустимые значения не проходят и что человеку объясняют почему.

Проверьте, что в админке видно не только итог, но и параметры расчёта.

Попросите показать, где меняются цены. Если для изменения стоимости материала нужно обращаться к разработчику, калькулятор сделан наполовину.

Когда калькулятор не нужен

Если цена зависит от того, что нельзя описать числами — состояние помещения, сложность подъезда, редкий материал под заказ, — калькулятор даст оценку, расходящуюся с итогом. Вилка и приглашение на замер честнее.

Если у вас три типовых позиции с фиксированной ценой, хватит прайса. Калькулятор из трёх кнопок выглядит имитацией.

И если заявок мало, а каждая обсуждается лично, автоматизация расчёта окупится нескоро. Посчитайте, сколько смет в месяц и сколько времени уходит на одну; ответ обычно очевиден.

Как менять цены, не трогая код

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

Поэтому формула и числа разделяются. Логика — «площадь умножается на цену метра, дальше применяется ступень, дальше опции» — живёт в коде. Сами величины — цены материалов, границы ступеней, суммы опций — лежат в админке в виде таблицы, которую владелец правит сам.

Практический признак, по которому это проверяется на приёмке: попросите поднять цену одного материала на десять процентов и посмотреть, как изменился расчёт на витрине. Если это делается через админку за минуту, разделение сделано. Если через разработчика — не сделано, и вы будете платить за каждое изменение прайса.

Отдельно стоит хранить историю: заказ, оформленный вчера, должен показывать вчерашние цены, а не пересчитываться по новым. Для этого состав расчёта и записывается в заказ целиком, а не пересобирается заново при открытии карточки.

Коротко

Калькулятор — это формула с описанными ступенями и границами, расчёт, продублированный на сервере, и одно место округления. Цифра из браузера служит для удобства, счёт выставляется по серверному пересчёту. Диапазоны параметров описываются наравне с формулой, иначе система посчитает то, что нельзя сделать. И самая долгая часть работы — не код, а вытаскивание неписаных правил ценообразования у того, кто их держит в голове.