Как сделать калькулятор для сайта: формулы, поля и сборка без программиста

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

Ниже логика расчёта с формулами, разбор полей и способы сборки.

Зачем калькулятор на посадочной

Снимает главное возражение. Цена: первое, что ищет посетитель, и первое, чего обычно нет на сайте. Человек, не нашедший ориентира по стоимости, уходит к тому, у кого он есть.

Квалифицирует заявку. Заявка из калькулятора приходит с параметрами: площадь, объём, комплектация. Менеджер звонит подготовленным, а не выясняет вводные с нуля.

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

Даёт повод оставить контакт. Расчёт с отправкой на почту или в мессенджер работает как естественный обмен, а не как выпрашивание телефона.

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

Есть случаи, когда он вредит.

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

Если у вас фиксированный прайс без вариантов, калькулятор не нужен: достаточно таблицы цен.

И если реальная цена расходится с расчётом больше чем на треть, калькулятор начинает работать против вас. Человек приходит с ожиданием и получает другую цифру, а это уже конфликт.

Что решить до сборки

Четыре вопроса. Пока на них нет ответов, собирать нечего.

1. Что именно считаем. Итоговую стоимость, стоимость за единицу, срок, экономию по сравнению с альтернативой. Одна цифра, не три.

2. Какие параметры влияют на цену. Выпишите все, потом вычеркните те, что меняют результат меньше чем на десять процентов. Обычно из восьми параметров остаётся три-четыре.

3. Что показываем в результате. Точную цену, диапазон или «от». Об этом ниже отдельно.

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

Три типа формул

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

Сумма опций

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

Итого = база + опция₁ + опция₂ + ...

Пример для сайта под ключ: база 60 000, адаптив под мобильные 15 000, интеграция с CRM 20 000, наполнение контентом 25 000.

Самая простая схема, но плохо работает, когда цена зависит от объёма.

Базовая ставка с коэффициентами

Цена за единицу умножается на объём и на поправки. Основная схема для услуг с измеримым объёмом.

Итого = ставка × объём × коэффициент₁ × коэффициент₂

Пример для ремонта квартиры: ставка 8000 рублей за квадратный метр, объём 45 метров, коэффициент за срочность 1,2, коэффициент за сложность отделки 1,15.

8000 × 45 × 1,2 × 1,15 = 496 800 рублей

Коэффициенты держите в диапазоне от 0,8 до 1,5. Всё, что выходит за эти границы, обычно означает, что параметр надо считать отдельной строкой, а не поправкой.

Тарифные пороги

Цена за единицу меняется скачками при переходе через границу объёма. Схема для всего, где есть скидка за количество.

до 100 единиц:    500 ₽ за единицу
101–500 единиц:   420 ₽
501–2000 единиц:  350 ₽
больше 2000:      290 ₽

Главная тонкость: решите, применяется тариф ко всему объёму или только к части сверх порога. Первое проще для понимания, второе точнее. Для калькулятора на сайте почти всегда лучше первое.

Обязательный минимум

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

Итого = максимум(расчёт, минимальный заказ)

Примеры по нишам

Ремонт квартир. Параметры: площадь, тип ремонта (косметический, капитальный, дизайнерский), срочность. Схема: ставка с коэффициентами. Ставка привязана к типу ремонта, площадь даёт объём, срочность работает поправкой.

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

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

Грузоперевозки. Параметры: расстояние, объём или вес, грузчики, этаж без лифта. Тарифные пороги по расстоянию плюс складывающиеся опции.

Печать и полиграфия. Параметры: тираж, формат, бумага, постпечатная обработка. Чистые тарифные пороги по тиражу, остальное коэффициентами.

Сколько полей оставить

Три-четыре. Пятое поле уже лишнее: конверсия от него падает быстрее, чем растёт точность расчёта.

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

Типы полей по удобству, от лучшего к худшему:

Переключатели с двумя-тремя вариантами. Один клик, всё видно сразу.

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

Выпадающий список, когда вариантов больше четырёх.

Поле ручного ввода используйте в последнюю очередь. Человек не знает, в каких единицах вводить, и вводит «примерно сто».

Что важно технически: пересчёт должен происходить сразу при изменении параметра, без кнопки «рассчитать». Кнопка добавляет шаг и снижает вовлечённость, а живой пересчёт наоборот заставляет играть с параметрами.

Точная цена, диапазон или «от»

Три варианта, и выбор влияет на конверсию сильнее, чем формулы.

Точная цена. Максимальное доверие, но требует, чтобы расчёт совпадал с итогом. Годится, когда цена действительно определяется параметрами: полиграфия, доставка, типовые работы.

Диапазон. «От 480 000 до 540 000». Честно и снимает риск конфликта. Оптимально для услуг, где итог зависит от осмотра или уточнений.

Цена «от». «От 480 000 рублей». Хуже всего: человек воспринимает её как окончательную и разочаровывается на первом же уточнении. Используйте только если действительно не можете дать верхнюю границу.

Рядом с результатом всегда пишите, что входит в расчёт и что нет. Одна строка «в расчёт не входят материалы» предотвращает большую часть недовольства.

Связка с заявкой

Самая частая недоработка: калькулятор считает и на этом всё. Человек узнал цифру и ушёл.

Что должно быть после результата:

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

Параметры внутри заявки. В CRM должна прийти не просто заявка, а заявка с площадью, типом работ и посчитанной суммой. Иначе теряется половина смысла калькулятора.

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

Сохранение расчёта. Ссылка на результат, которую человек может отправить супругу или руководителю. Для дорогих услуг это влияет на конверсию заметно, потому что решение редко принимается одним человеком.

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

Как собрать

Готовые виджеты-калькуляторы. Отдельные сервисы, которые встраиваются скриптом. Быстро, но чужой домен в коде, ограниченная логика и подписка за каждый калькулятор.

Конструктор сайтов со встроенным блоком. Есть у большинства конструкторов. Работает, пока логика простая: сумма опций и базовые коэффициенты. Тарифные пороги и минимальный заказ обычно уже не помещаются.

Собрать своё. Раньше требовало разработчика. Сейчас калькулятор с любой логикой собирается описанием задачи текстом.

Собрать этот калькулятор

Сделай калькулятор стоимости ремонта квартиры для посадочной
страницы.

Поля:
- площадь, ползунок от 20 до 200 квадратных метров
- тип ремонта: косметический, капитальный, дизайнерский
- срочность: обычный срок, срочно

Расчёт:
ставка за квадратный метр зависит от типа ремонта:
косметический 5000, капитальный 8000, дизайнерский 13000.
Итого = ставка × площадь. При выборе «срочно» умножай на 1,2.
Минимальный заказ 150 000 рублей: если расчёт получился ниже,
показывай минимум.

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

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

Ниже форма: одно поле для телефона и кнопка «Отправить расчёт».
В заявку передавай все выбранные параметры и посчитанную сумму.

Оформление светлое, крупные цифры результата, всё должно
работать на телефоне.

Что попросить следующим сообщением:

• Добавь поле «нужен дизайн-проект» с фиксированной надбавкой 40 000
• Сделай ссылку на сохранённый расчёт, которую можно переслать
• Добавь отправку заявки в Телеграм и в таблицу

Ошибки

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

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

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

Кнопка «рассчитать». Лишний шаг. Живой пересчёт вовлекает, кнопка отталкивает.

Результат без следующего шага. Человек узнал цену и ушёл. Форма после расчёта обязательна.

Параметры не попадают в заявку. Менеджер звонит и спрашивает площадь, которую человек только что вводил. Худшее возможное впечатление.

Калькулятор внизу страницы. Место: первый или второй экран. Цена интересует людей раньше, чем ваши преимущества.

Частые вопросы

Сколько времени занимает сборка? Час на первую рабочую версию. Основное время уходит не на сборку, а на формулу: проверку ставок и коэффициентов на прошлых заказах.

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

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

Показывать ли цену без контактов? Да. Калькулятор, который требует телефон до расчёта, воспринимается как обман, и большинство закрывает страницу. Контакт запрашивается после результата, в обмен на детализацию.

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

Нужен ли калькулятор в мобильной версии? Больше половины трафика на посадочные приходит с телефонов, так что мобильная версия важнее настольной. Ползунки и переключатели работают на телефоне хорошо, а поля ручного ввода плохо.

Коротко

Калькулятор для сайта строится из трёх решений: что считаем, какие три-четыре параметра на это влияют и что происходит после расчёта.

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

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

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