«Сколько это будет стоить?»: с этого вопроса начинает почти любой клиент. Если сайт на него не отвечает, человек пишет менеджеру, ждёт ответа или уходит к конкуренту, у которого цена видна сразу. Калькулятор стоимости на сайте отвечает на этот вопрос сам: посетитель выбирает параметры и сразу видит сумму. Разберём, кому он нужен, как его продумать, показывать ли точную цену или вилку, какие ошибки встречаются чаще всего и как сделать калькулятор без программиста.
Что такое калькулятор стоимости на сайте
Это блок на странице, где посетитель задаёт параметры заказа: площадь, количество, материал, сроки, дополнительные услуги. Цена пересчитывается при каждом изменении, а под итогом обычно стоит разбивка («работы», «материалы», «доставка») и кнопка заявки. В отличие от прайс-листа, калькулятор считает конкретный случай клиента, а не «цену за единицу при условии».
Внутри любой калькулятор устроен одинаково: поля, формулы и итог. Например, для уборки: площадь × цена за метр по типу уборки + мойка окон × цена за створку + доплата за выходной день. Чем точнее формулы повторяют то, как вы на самом деле считаете цену, тем полезнее калькулятор.
Зачем калькулятор бизнесу
- Снимает вопрос «сколько стоит». Клиент получает ответ сам, в удобное ему время, без звонка и переписки. Менеджер не тратит время на однотипные расчёты.
- Квалифицирует. Человек, которому цена не подходит, уйдёт сразу, а не после получаса разговора. Тот, кто оставил заявку после расчёта, уже знает порядок суммы и готов обсуждать детали.
- Собирает заявки с параметрами. В заявке не только телефон, но и площадь, выбранные опции, итог. Менеджер звонит подготовленным и не задаёт лишних вопросов.
- Помогает выбрать. Посетитель видит, как меняется цена от материала или срока, и сам находит вариант под свой бюджет. Это честнее и понятнее, чем «цены от» без пояснений.
- Показывает, что интересно людям. По статистике калькулятора видно, сколько посетителей начали считать и сколько дошли до заявки. Если начинают многие, а заявок мало, возможно, дело в цене или в форме.
Где калькулятор уместен: ниши и примеры формул
Калькулятор работает там, где цена складывается из понятных параметров, которые клиент знает сам. Несколько примеров того, как считать, описанных словами:
| Ниша | Что спросить | Как посчитать |
|---|---|---|
| Ремонт квартиры | Площадь, тип ремонта, новостройка или вторичка, доп. работы | Площадь × цена метра по типу ремонта × коэффициент для вторички + доп. работы за метр; округлить вверх до тысяч |
| Натяжные потолки, окна | Площадь или размеры, материал, углы, светильники | Площадь × цена материала + лишние углы сверх четырёх + светильники × цена точки |
| Клининг | Площадь, тип уборки, окна, дата, регулярность | Площадь × цена метра + створки окон + доплата в выходной − скидка за регулярные уборки |
| Аренда снаряжения, авто, жилья | Что арендуют, даты, количество, доставка | Цена суток × число суток × количество × скидка за длинный срок + доставка по расстоянию |
| Доставка, грузоперевозки | Расстояние или зона, вес, срочность | Цена зоны + доплата за каждый килограмм сверх лимита; бесплатно от суммы заказа |
| Печать, мерч, опт | Тираж, формат, опции | Тираж × цена за штуку, которая падает со ступенями тиража |
| Сайты, дизайн, разработка | Тип проекта, число страниц, доп. услуги, сроки | Базовая цена типа + страницы сверх включённых + доп. услуги, наценка за срочность |
| Онлайн-сервисы и подписки | Число пользователей, тариф, период оплаты | Пользователи × цена тарифа, скидка при оплате за год |
| Кредиты, рассрочка, займы | Сумма, срок, программа | Аннуитетный платёж по ставке программы, переплата за весь срок |
Где калькулятор не нужен или вреден: если цена целиком зависит от осмотра (сложная диагностика, индивидуальный проект без типовых решений), если параметров слишком много и клиент их не знает, или если цена у всех одна. В первых двух случаях лучше подходит квиз, который задаёт вопросы и передаёт ответы менеджеру, в последнем хватит обычного прайса.
Точная цена или вилка «от — до»
Точная сумма убедительнее, но её стоит показывать, только если вы готовы по ней работать. Если итог может заметно измениться после замера или уточнения деталей, честнее показать диапазон: «548 000 – 647 000 ₽, ориентировочно». Клиент получает реальный порядок цены и не чувствует себя обманутым, когда окончательная смета отличается.
Цена со словом «от» хороша для одной позиции («от 990 ₽ в месяц»), но в калькуляторе она теряет смысл: посетитель ввёл свои параметры и ждёт ответ про свой случай. Если всё же нужна приписка «от», убедитесь, что по этой цене действительно можно купить то, что человек выбрал.
Ещё два приёма, которые делают расчёт честнее: минимальная сумма заказа (если маленький объём вы всё равно не берёте дешевле какой-то суммы, пусть калькулятор это покажет) и разбивка итога по строкам, чтобы было видно, за что именно платит клиент.
Показывать итог сразу или после заявки
Часть калькуляторов прячет сумму за формой: «оставьте телефон, и мы пришлём расчёт». У обоих подходов есть плюсы и минусы.
| Итог сразу | Точная сумма после заявки | |
|---|---|---|
| Плюсы | Доверие, посетитель получает ответ; заявки оставляют те, кому цена подходит; меньше пустых звонков | Больше контактов, в том числе от тех, кто только присматривается |
| Минусы | Контакты оставляют не все, многие считают и уходят подумать | Часть людей уходит, не увидев цены; заявки «просто узнать» хуже конвертируются в сделки; раздражает, если сумму нужно ждать |
| Кому подходит | Типовым услугам с понятной ценой, B2C, конкурентным нишам | Дорогим и сложным заказам, где без разговора всё равно не обойтись |
Компромисс: до заявки показывать вилку, а точную сумму и смету открывать после отправки. Так посетитель понимает порядок цены и не уходит с пустыми руками, а у вас есть повод для заявки. Важно понимать, что это мягкий приём, а не защита: если калькулятор считает прямо на странице, формулы при желании можно найти в её коде.
Как сделать хороший калькулятор
- Начните с того, как вы считаете сейчас. Возьмите две-три реальные сметы и разложите их на параметры. Поля калькулятора должны совпадать с вопросами, которые менеджер задаёт по телефону.
- Оставьте 3–7 полей. Главные параметры спрашивайте, мелочи заложите в цену. Если параметров много, разбейте калькулятор на шаги.
- Поставьте разумные значения по умолчанию. Посетитель должен увидеть сумму сразу, ещё ничего не меняя. Для ремонта это средняя квартира, для аренды типичный срок.
- Подписывайте единицы и поясняйте варианты. «Капитальный: стяжка, выравнивание, электрика» понятнее, чем просто «Капитальный».
- Показывайте разбивку. Две-три строки сметы объясняют итог лучше любого текста.
- Проверьте формулы на реальных заказах. Посчитайте в калькуляторе пару прошлых смет и сравните с тем, что выставляли клиенту.
- Сделайте понятный следующий шаг. Кнопка под итогом говорит, что будет дальше: «Вызвать замерщика», «Забронировать», «Получить смету».
- Проверьте на телефоне. Многие посетители считают с телефона: поля должны помещаться, а итог не теряться внизу экрана.
Частые ошибки
- Калькулятор считает «идеальный случай». Цена на сайте 300 000, а смета после замера 450 000. Клиент запомнит именно разницу. Закладывайте типичные доплаты или показывайте вилку.
- Слишком много полей. Двадцать параметров на одном экране отпугивают. Всё, что не сильно влияет на сумму, лучше учесть в цене.
- Непонятные варианты. «Эконом», «Стандарт» и «Премиум» без пояснений заставляют гадать. Пишите, что входит в каждый вариант.
- Цены устарели. Калькулятор с прошлогодними ценами хуже, чем отсутствие калькулятора. Держите цены в одном месте, чтобы обновлять быстро.
- Итог только после заявки, и без вилки. Посетитель потратил время, а ответа не получил. Хотя бы ориентир нужен.
- Нет формы заявки рядом с итогом. Человек посчитал, его всё устроило, а дальше нужно искать телефон в шапке сайта. Кнопка должна быть сразу под суммой.
- Итог в заявке не совпадает с тем, что видел клиент. Бывает при ошибках в формулах или когда сервер получает сумму от браузера как есть. Хороший калькулятор пересчитывает итог на сервере по тем же формулам.
Честность и закон
Несколько моментов, которые стоит учесть. Это не юридическая консультация: в спорных случаях обратитесь к юристу.
- Оферта. Предложение с ценой, адресованное всем, может считаться публичной офертой (ст. 437 ГК РФ). Поэтому под итогом обычно пишут: «Расчёт предварительный и не является публичной офертой». Это не отменяет обязанности указывать реальные цены.
- Реклама и цена. Закон «О рекламе» (38-ФЗ) запрещает недостоверную информацию о стоимости и умалчивание о существенных условиях. Если на сайте или в объявлении написано «ремонт от 3500 ₽ за м²», калькулятор не должен выдавать по тем же параметрам совсем другую сумму.
- Информация для потребителя. Закон о защите прав потребителей (ст. 10) требует доводить до покупателя цену и условия. Калькулятор помогает это сделать, если в нём видно, из чего складывается сумма.
- Персональные данные. Форма заявки собирает имя и телефон, значит, нужно согласие на обработку персональных данных по 152-ФЗ: отдельная галочка, которая не стоит заранее, и ссылка на документ о персональных данных.
- Финансовые калькуляторы. Для кредитов и займов закон о потребительском кредите (353-ФЗ) и требования к рекламе финансовых услуг обязывают раскрывать полную стоимость кредита и условия, влияющие на сумму. Калькулятор платежа должен прямо говорить, что расчёт ориентировочный, а условия указываются в договоре.
Как сделать калькулятор: код вручную или конструктор
Своими руками. Простой калькулятор на JavaScript программист напишет быстро: несколько полей и формула. Сложности начинаются дальше: форма заявки с согласием и защитой от спама, отправка на почту и в CRM, пересчёт итога на сервере, чтобы сумму нельзя было подменить, вид на телефоне, статистика. Каждое изменение цены или формулы снова требует программиста.
Плагин или модуль CMS. Подходит, если сайт на одной платформе и калькулятор нужен только там. Возможности обычно ограничены набором готовых полей, а с переездом на другую платформу калькулятор придётся делать заново.
Конструктор. Калькулятор собирается в визуальном редакторе и вставляется на любой сайт одним кодом. Формулы и цены меняет сам владелец сайта, без разработчика. Ограничение одно: калькулятор умеет то, что заложено в конструктор, поэтому перед выбором посмотрите, есть ли там условия, округления и ступенчатые цены.
Калькулятор стоимости в «Все Виджеты»
В «Конструкторе калькуляторов» калькулятор собирается из 12 типов полей: числа, ползунки, количество, варианты выбора карточками, сегментами или списком, опции, переключатели, даты и периоды, скрытые константы. Формулы пишутся по именам полей и поддерживают условия, округления до шага, ступенчатые и прогрессивные цены, расчёт дат и аннуитетный платёж. Есть пять готовых заготовок (стоимость сайта, ремонт за м², аренда с доставкой, кредит и рассрочка, клининг по шагам), вилка «от — до», минимальный заказ, старая цена и режим «точная сумма после заявки».
Калькулятор ставится в страницу, открывается окном по кнопке или живёт на отдельной странице по ссылке. Итог заявки сервер пересчитывает тем же движком, что работает на сайте, поэтому сумму в заявке подменить нельзя. Заявки приходят в кабинет, на почту, в Telegram и на вебхук, а в Яндекс Метрику уходят цели «начал расчёт» и «отправил заявку». На бесплатном тарифе доступен один калькулятор со всеми шаблонами, цвета и шрифты настраиваются на Pro и Business.
Подробнее о возможностях на странице «Конструктор калькуляторов», пошаговая инструкция в справке «Как сделать калькулятор для сайта», а все функции формул с примерами в статье «Поля и формулы калькулятора: полный справочник».
Соберите калькулятор стоимости для своего сайта
Начните с готовой заготовки, поменяйте цены и вставьте код на сайт. Один калькулятор доступен на бесплатном тарифе.
Калькулятор или квиз
Калькулятор показывает все параметры сразу и пересчитывает цену на лету: человек сам ищет вариант под бюджет. Квиз задаёт вопросы по одному и показывает результат в конце, он лучше подходит, когда нужно подобрать решение, а не посчитать цену, или когда клиент не знает ответов на «технические» вопросы. Подробно о квизах в статье «Квиз на сайт». Часто на сайте уместны оба: квиз на главной для тех, кто выбирает, и калькулятор на странице услуги для тех, кто уже выбрал.
Как установить любой виджет на Tilda, WordPress или другой сайт, рассказано в статье «Как установить виджет на сайт».
Вопросы и ответы
Нужен ли программист, чтобы сделать калькулятор на сайте?
Не обязательно. В конструкторе калькулятор собирается в визуальном редакторе из полей и формул, а на сайт вставляется готовый код. Программист может понадобиться, только если вы хотите связать калькулятор с другими частями сайта через JavaScript.
Как не ошибиться в формулах?
Посчитайте в калькуляторе две-три прошлые сметы и сравните с тем, что выставляли клиентам. В «Конструкторе калькуляторов» для этого есть карточка «Проверка расчёта», а формулу с ошибкой редактор не даст сохранить.
Можно ли показывать цену только после заявки?
Можно, но часть посетителей уйдёт, не увидев суммы. Компромисс: показывать до заявки вилку «от — до», а точную сумму и смету после отправки формы. Это мягкий приём, а не защита: формулы калькулятора выполняются в браузере.
Не будет ли расчёт на сайте считаться офертой?
Чтобы снизить такой риск, под итогом пишут «Расчёт предварительный и не является публичной офертой»; в «Конструкторе калькуляторов» эта фраза стоит по умолчанию. Реальные цены при этом всё равно должны соответствовать тому, что вы обещаете в рекламе.
Можно ли поставить калькулятор на сайт на Tilda или WordPress?
Да. Калькулятор «Все Виджеты» вставляется кодом в HTML-блок на любой платформе, а для соцсетей и мессенджеров есть отдельная страница калькулятора по ссылке.
Сколько стоит конструктор калькуляторов?
Один калькулятор доступен на бесплатном тарифе. На Pro (990 ₽ в месяц) можно создать три калькулятора и настраивать цвета и шрифты, на Business (4990 ₽ в месяц) десять и убрать ссылку на сервис. Подробнее на странице «Тарифы».