Сайты · 8 мин чтения

Онлайн-калькулятор для сайта: как сделать и где взять

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

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

Онлайн-калькулятор для сайта показывает посетителю ориентировочную цену по выбранным параметрам и отправляет компании заявку с расчётом. Простой калькулятор или квиз можно собрать в конструкторе: у Marquiz и stepFORM есть бесплатные тарифы, платные по официальным прайсам на октябрь 2026 стоят от 790 ₽ в месяц. Разработка нужна для сложного прайса, своего дизайна и передачи расчёта в CRM. Начинать в любом случае стоит с формулы, проверенной на прошлых заказах.

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

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

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

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

  • Клиент видит ориентир. Не нужно звонить ради цены, понятно, от чего она зависит.
  • Заявка приходит с параметрами. Площадь, количество, материалы и сроки уже в заявке, менеджер сразу готовит предложение, а не перезванивает с уточнениями.
  • Меньше пустых разговоров. Тот, кого не устраивает порядок цены, отсеивается до звонка или выезда.
  • Видно, где люди бросают. Если на каждый шаг поставить цель в Яндекс Метрике, станет понятно, какой вопрос отпугивает.

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

Какие бывают онлайн-калькуляторы

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

ТипЧто считаетПримерКонструктора обычно хватает?
ПростойОдно-два поля, умноженные на ценуПлощадь × цена за метрДа
МногопараметрическийСумма позиций с опциями и надбавкамиМебель: корпус, фасады, фурнитура, монтажОбычно да
Пошаговый (квиз-калькулятор)Те же параметры, но по одному вопросу на экранРемонт: тип жилья, площадь, пакет, срокиДа, это сильная сторона конструкторов
По прайсу или таблицеЦена берётся из таблицы по сочетанию параметровПечать: формат × бумага × тиражЗависит от размера таблицы
ЛогистическийРасстояние, вес, объём, машинаДоставка груза между городамиЧасто нет: нужны карты и тарифы перевозчика
Калькулятор выгодыЭкономию, окупаемость, сравнение вариантовОкупаемость оборудованияДа, если формула короткая

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

Где взять калькулятор: три способа

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

Конструктор, плагин или разработкаВыберите способ. Во вкладке: когда он подходит, кто меняет цены, куда уходит заявка и что проверить до выбора.
Подходитпростая формула, квиз
Запускчасы или дни
Платитеподписку каждый месяц
  • Плюс: всё собирается мышкой, цены вы меняете сами, есть готовые шаблоны и отправка заявок в почту и мессенджеры.
  • Минус: калькулятор живёт на сервисе: дизайн в рамках шаблона, формула в рамках возможностей редактора, при отказе от подписки он перестаёт работать.
  • Проверить: влезает ли ваша формула в бесплатный тариф, есть ли передача в вашу CRM и сколько стоит тариф при вашем числе заявок.

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

Сколько стоят конструкторы калькуляторов

Ниже цены по официальным страницам тарифов на октябрь 2026. У сервисов разная логика оплаты: одни ограничивают число заявок, другие число форм и просмотров.

СервисБесплатноПлатные тарифыЧем ограничивают
MarquizДа, 10 заявок в месяцСтарт 790 ₽ в месяц (30 заявок), Плюс от 1 790 ₽ в месяцЧислом заявок, которые вы открываете; квизы без ограничений
stepFORMДа, тариф «Нулевой»: 5 форм, 50 ответов в месяцНовичок 1 190 ₽ в месяц (950 ₽ при оплате за год), Профи 1 990 ₽ в месяц (1 590 ₽ за год)Числом форм, ответов и просмотров
uCalcПробный период 14 днейБазовый, Стандарт и ПРО; цены на сайте указаны в условных единицах, Базовый от 4 у. е. в месяцЧислом форм, страниц и уведомлений

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

Как сделать калькулятор для сайта: пошаговый план

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

  1. Выпишите, от чего зависит цена. Обычно это 3–7 параметров: размер, количество, материал, опции, срочность, доставка.
  2. Запишите формулу. Базовая цена, надбавки, скидки от объёма, минимальный заказ. Проверьте её на 5–10 реальных прошлых заказах: расчёт должен совпасть с тем, что вы выставляли.
  3. Решите, что показывать. Точную сумму, вилку или цену «от». Подробнее в разделе ниже.
  4. Разложите вопросы по порядку. Сначала простые и понятные, в конце контакты. Не спрашивайте то, что не влияет на цену.
  5. Выберите способ. Конструктор, плагин или разработка, по вкладкам выше.
  6. Настройте путь заявки. Куда уходит расчёт: почта, мессенджер, CRM. В заявке должны быть все выбранные параметры и источник рекламы.
  7. Поставьте цели в Метрике. Начало расчёта, каждый шаг, просмотр итога, отправка заявки. Так видно, на каком вопросе люди уходят.
  8. Назначьте, кто меняет цены. Прайс меняется, калькулятор должен меняться вместе с ним, иначе он начнёт обещать устаревшие суммы.
Схема работы онлайн-калькулятора: прайс и формула компании задают расчёт, посетитель выбирает параметры по шагам, видит итог с расшифровкой, оставляет контакты, заявка с параметрами и источником уходит в CRM или мессенджер менеджеру, а цели Яндекс Метрики фиксируют каждый шаг
Калькулятор связывает прайс компании и заявку клиента. Цели Метрики на каждом шаге показывают, где люди останавливаются.

Как собрать формулу из прайса: пример

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

ПараметрКак влияет на ценуПример значения
ФутболкаЦена за штуку по моделибазовая 400 ₽ или плотная 600 ₽
НанесениеЦена за штуку по размеру принтамалый принт 150 ₽, большой 300 ₽
ТиражСкидка от объёмаот 50 штук минус 10%
Подготовка макетаРазовая сумма на заказ1 000 ₽
СрочностьНадбавка к итогуплюс 20%

Формула в этом примере: (цена футболки + цена нанесения) × тираж × скидка от объёма + макет, затем надбавка за срочность. Для 60 плотных футболок с большим принтом без срочности получится (600 + 300) × 60 × 0,9 + 1 000 = 49 600 ₽. Именно такую строку и стоит показать клиенту в расшифровке: из чего сложилась сумма.

Что показывать в результате: точную цену, вилку или «от»

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

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

Есть и юридическая сторона. По п. 1 ст. 437 ГК РФ реклама и другие предложения, адресованные неопределённому кругу лиц, по общему правилу считаются приглашением делать оферты, а не офертой. Но по п. 2 той же статьи предложение, в котором есть все существенные условия договора и из которого видна воля заключить договор с любым откликнувшимся, признаётся публичной офертой. Поэтому под итогом калькулятора полезна короткая строка: «Расчёт предварительный, окончательная стоимость фиксируется в договоре». Формулировку для своего бизнеса согласуйте с юристом.

Не занижайте итог ради заявки. Калькулятор, который показывает сумму в полтора раза ниже реальной, приводит заявки, которые потом срываются на первом же звонке. Лучше честная вилка, чем красивая цифра.

Где разместить калькулятор на сайте

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

  • Страница услуги. Калькулятор встраивается после описания и примеров работ: человек уже понял, что ему нужно, и хочет узнать порядок суммы. Это самый частый и самый естественный вариант.
  • Отдельная страница расчёта. Подходит, когда услуг много и калькулятор общий, или когда на него ведёт реклама с запросами вроде «рассчитать стоимость». Ссылку на неё ставят в меню и на страницах услуг.
  • Всплывающее окно по кнопке. Кнопка «Рассчитать стоимость» на первом экране открывает калькулятор поверх страницы. Удобно на коротких лендингах, но на телефоне проверьте, что окно не обрезается.

Не прячьте калькулятор в самый низ длинной страницы: до него доходит меньшая часть посетителей. И не ставьте на одну страницу два разных калькулятора, это путает.

Окупится ли калькулятор

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

Окупится ли калькулятор на вашем сайтеПодставьте свои цифры. Наборы ниже: примеры с условными цифрами, а не прогноз и не цены разработки. Прирост считайте осторожно: только заявки, которых без калькулятора не было бы.
Окупаемость…
Дополнительных заявок в месяц…
Дополнительных заказов в месяц…
Прибыль за вычетом подписки, в месяц…
Итог через 12 месяцев…
Нужно дополнительных заявок в месяц, чтобы окупиться за год…

Как считается: дополнительные заявки = посетители страницы × прирост доли заявок; заказы = заявки × доля, доходящая до заказа; прибыль = заказы × средний заказ × маржа − подписка и поддержка. Прирост 0,5 п. п. значит, что из каждых 200 посетителей появляется одна заявка, которой раньше не было. Во втором примере подписка взята по тарифу «Профи» stepFORM при помесячной оплате на октябрь 2026. Экономия времени менеджеров на уточнениях в расчёт не входит.

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

Чек-лист: готово ли техзадание на калькулятор

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

Чек-лист техзадания на онлайн-калькулятор: 14 пунктовОтметьте, что уже решено. Отметки сохраняются в этом браузере.
0 из 14

Частые ошибки

  • Контакты в начале. Если телефон просят до расчёта, многие уходят. Сначала результат, потом предложение прислать подробный расчёт.
  • Слишком много вопросов. Каждый лишний шаг теряет часть людей. Оставьте то, что реально меняет цену.
  • Итог без расшифровки. Одна цифра вызывает вопрос «а за что?». Покажите, из каких строк она сложилась.
  • Цены не обновляются. Калькулятор живёт дольше прайса. Назначьте ответственного и проверяйте расчёт при каждом изменении цен.
  • Заявка теряет параметры. В почту приходит только имя и телефон, а выбранные опции пропали. Проверьте тестовой заявкой, что менеджер видит всё, что выбрал клиент. Как передать данные в CRM, описано в статье как подключить CRM к сайту.
  • Нет мобильной версии. Ползунки и мелкие поля неудобны на телефоне. Проверьте калькулятор на маленьком экране до запуска.

Коротко: что сделать сначала

  1. Запишите формулу цены и проверьте её на прошлых заказах.
  2. Решите, что показывать: точную сумму, вилку или «от».
  3. Попробуйте собрать первую версию в бесплатном тарифе конструктора и посмотрите, укладывается ли в него ваша формула.
  4. Если не укладывается или калькулятор должен отправлять расчёт в CRM, посмотрите, как устроен калькулятор для сайта под вашу нишу с расчётом по вашим ценам.

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

Можно ли сделать калькулятор для сайта бесплатно?

Да, у некоторых конструкторов есть бесплатные тарифы: по официальным страницам на октябрь 2026 у Marquiz бесплатно 10 заявок в месяц, у stepFORM тариф «Нулевой» на 5 форм и 50 ответов в месяц. Ограничения обычно касаются числа заявок, своего домена, выгрузки и встраивания кода. Для проверки идеи этого хватает.

Чем калькулятор отличается от квиза?

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

Как вставить калькулятор на сайт?

Конструкторы дают код для вставки или ссылку на отдельную страницу: код вставляют в нужное место сайта, на Tilda и других конструкторах для этого есть блок с HTML-кодом. Плагин ставится в админке CMS. Калькулятор, сделанный разработчиком, становится частью страницы сайта.

Является ли цена в калькуляторе офертой?

По п. 1 ст. 437 ГК РФ предложения неопределённому кругу лиц по общему правилу считаются приглашением делать оферты. Но если в предложении есть все существенные условия договора и воля заключить его с любым откликнувшимся, оно признаётся публичной офертой (п. 2). Поэтому под итогом полезна строка о предварительном расчёте, формулировку стоит согласовать с юристом.

Как калькулятор передаёт заявку в CRM?

У конструкторов есть готовые интеграции с популярными CRM, почтой и мессенджерами, у сайта своей разработки передача делается через API CRM. Проверьте тестовой заявкой, что до менеджера доходят все выбранные параметры, итог и источник рекламы, а не только имя и телефон.

Сколько вопросов должно быть в калькуляторе?

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

Как понять, что калькулятор работает?

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

Том Холоденин разбирает проект
Разбираю каждый сайт личноЭто не менеджер и не бот: ты сразу говоришь со мной.
Бесплатно · лично · ответ за 24 часа

Бесплатный разбор твоего сайта: найду реальные точки роста прибыли и оптимизации затрат

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

Где теряются заявки и деньгиТочки роста прибылиКакие затраты можно сократитьПлан первых шагов

Бесплатно и ни к чему не обязывает. Если улучшать нечего, так и скажу.

Спасибо! Разбор пришлю лично в течение рабочего дня.

Или сразу: как выглядит разбор и онлайн-проверка · записаться на созвон · собрать задачу в калькуляторе

Получить бесплатный разбор →