Калькулятор для сайта на заказ: как записать формулу, чтобы цена сошлась
Калькулятор отвечает на вопрос «сколько это стоит?» раньше, чем менеджер возьмёт трубку. На примере уборки квартиры: как записать правила расчёта, собрать форму в Ное и убедиться, что цена сходится.
• 13 лет опыта в маркетинге и продажах
• Более 1000 проектов
• Основатель портала Wake up Marketing
• Практикует маркетинг и внедрение ИИ в бизнес клиентов
Подпишитесь на Telegram-канал Дмитрия: дневник развития портала Wake up Marketing, билдера сайтов и приложений в Ноя и маркетплейса шаблонов. Плюс выжимка 13 лет опыта в суровом маркетинге и плоды 2 лет работы с ИИ 24/7
Сколько стоит уборка квартиры? На демонстрационном сайте выберите 60 м², уборку раз в неделю и чистку духовки — получится 3 740 ₽. Уберёте духовку, сумма уменьшится на 500 рублей. Посетителю не нужно ждать ответа менеджера, чтобы получить такую предварительную цену.
Откройте калькулятор уборки и поменяйте поля сами: сумма меняется вместе с ними. Так же можно собрать калькулятор для своей услуги в Ное, если заранее записать, как считать цену. Цены в примере демонстрационные, это не предложение действующей клининговой компании.
Возьмите обычный заказ и посчитайте его на бумаге. Для уборки понадобятся площадь, ставка за метр, периодичность и дополнительные работы. Потом выясните, в каком порядке применяются скидка и минимальная стоимость. Эти правила вы передадите Ное вместе с заданием на форму.
Для первого раза выберите одну услугу с понятным правилом, которое можно проверить целиком. Форма с тремя полями и система с десятками зависимых тарифов дают совсем разный объём работы, так что цену калькулятора до появления правил не назвать.
У клининга ставка зависит от типа уборки, а дополнительные работы стоят отдельно. У доставки важны расстояние, вес и зона, у аренды — срок и минимальное время. Формулу одной услуги на другую не перенесёшь.
Если нужно описать весь сайт, а не один калькулятор, пригодится ТЗ на сайт. Здесь задача уже: небольшой калькулятор, его итог и передача выбранных условий в заявку.
Какие правила записать до сборки?
Мало записать формулу, опишите и каждое поле. Должно быть понятно, что вводит посетитель, откуда берётся ставка, когда действует минимум и какие случаи нужно уточнять вручную. Всё, что пока не решено, сначала согласуйте с владельцем услуги.
Часть расчёта
Вопрос владельцу
Площадь
Целое число или допустимы дроби; какой диапазон?
Ставка
Меняется ли она при выборе другой услуги?
Минимум
Применяется до скидки или после неё?
Скидка
Относится к базовой работе или ко всему заказу?
Дополнения
Цена за объект, единицу или весь заказ?
Округление
На каком шаге и до какой величины?
Сложный случай
Когда вместо суммы показываем приглашение к оценке?
Нечёткое правило потом выходит боком. «Скидка 10%» не говорит, действует ли она на мойку духовки. Если клиент и исполнитель понимают это по-разному, готовая форма только закрепит спор.
Сайт можно собрать разговором
Опишите идею словами — и смотрите, как сайт собирается на глазах
Вайбкод-конструктор: от лендинга до контент-портала
Правки — тем же диалогом, без вёрстки и разработчиков
Сначала посчитайте ожидаемую сумму отдельно, потом введите те же условия на сайте и сравните итог и состав расчёта. В демошаблоне уборки при площади 60 м² базовая сумма составляет 3 600 ₽, а дополнительная мойка духовки стоит 500 ₽.
В демонстрации шаблона выберите поддерживающую уборку и повторите эти вводные: оформлять заказ не нужно. Разовая уборка без дополнений — 3 600 ₽, с духовкой — 4 100 ₽.
Теперь выберите «раз в неделю». Скидка в этом примере действует на базовую работу: 3 600 × 0,90 = 3 240 ₽. С духовкой итог — 3 740 ₽. Снимете опцию — вернётся 3 240 ₽.
Порядок расчёта в демо: сначала скидка на базу, затем проверка минимума, в конце прибавляется духовка.
Минимум для базовой работы применяется после скидки. В демо он равен 2 900 ₽, а дополнения прибавляются отдельно. Общее правило такое: берём большую из двух величин, «база после скидки» или «минимум», и добавляем дополнительные работы.
Если у вас минимум считается в другом месте, так и напишите в задании. А цены демошаблона не переносите в свой бизнес, пока их не проверил владелец услуги.
Параметры в демо на телефоне: 60 м², раз в неделю, духовка включена.Итог для тех же вводных: предварительно 3 740 ₽, из них база 3 240 ₽ и духовка 500 ₽.
Как поставить задачу Ное?
Отдайте Ное одним заданием всё сразу: что должен сделать посетитель, формулу, ограничения и контрольные примеры. Попросите сначала собрать только расчёт, без отправки контактов. Когда расчёт проверен, отдельно подключите сохранение заявок и согласованный канал, по которому они приходят.
Если у вас клининг, можно начать с готового шаблона, когда его структура подходит бизнесу. Для другой услуги опишите проект с нуля. Что умеет конструктор и как в нём работать с проектами, подробно рассказано в обзоре Нои.
Промпт
Создайте веб-калькулятор предварительной стоимости одной услуги. Посетитель должен выбрать условия, увидеть понятный состав суммы и исправить ввод до отправки заявки.
Услуга: [название и кому она нужна].
Поля: [название, единицы, допустимые значения каждого поля].
Ставки: [подтверждённая таблица].
Формула: [порядок операций, минимум, скидки, дополнения, округление].
Ограничения: [когда точную сумму не показываем и нужен менеджер].
Контрольные примеры: [вводные и отдельно посчитанный результат].
Сначала сделайте режим проверки без отправки контактов. При неверном вводе покажите понятную причину и не выдавайте окончательную сумму. Снятая опция должна исчезать и из суммы, и из перечня работ. После смены услуги используйте её ставку и совместимые дополнения.
На телефоне поля и результат должны читаться без горизонтальной прокрутки. Покажите рядом, что сумма предварительная и какие условия уточняются отдельно. Не добавляйте вымышленные цены, отзывы и ограничения. Если правила не определены, задайте вопросы до реализации.
После проверки расчёта отдельно обсудим запись заявки: какие поля сохраняются, кто их видит и куда поступает обращение. Пока ничего не отправляйте.
Откройте студию Нои, создайте проект и вставьте заполненное задание в диалог. Когда появится первый результат, введите контрольные вводные руками. Просьба «сделать калькулятор» без формулы оставляет цену и условия на угадывание.
Что проверить в готовой форме?
Проверьте обычный расчёт, минимум, скидку, добавление и снятие опции, смену услуги и неверный ввод. Ожидаемый результат у каждой проверки известен заранее. Работающие кнопки и красивый итог такие проверки не заменяют.
Сценарий
Что должно произойти
Добавили опцию
Появились её стоимость и название
Сняли опцию
Ушли и доплата, и строка работы
Уменьшили объём
Применилось согласованное правило минимума
Изменили услугу
Используется новая ставка, старые условия не переносятся случайно
Ввели ноль
Понятная ошибка вместо цены
Ввели недопустимое значение
Расчёт остановлен до исправления
В демо нулевая площадь вызывает сообщение «Укажите площадь целым положительным числом». Это лучше, чем молча подставить единицу: посетитель видит, что именно исправить.
Отдельно проверьте телефон. Подпись «за один визит» должна стоять рядом с суммой, а пометка о предварительном расчёте — быть видна до того, как посетитель решит написать. На компьютере повторите те же действия: от ширины экрана формула не зависит.
Что должно попасть в заявку?
Менеджеру вместе с обращением нужно получить то, что выбрал посетитель. Иначе придётся заново спрашивать площадь и состав работ, а цену с сайта будет трудно объяснить. Передавайте в заявке услугу, периодичность, дополнения и расчёт, а рядом — только те контакты, без которых не ответить.
Пример: «Поддерживающая уборка, 60 м², раз в неделю; база 3 240 ₽, духовка 500 ₽, предварительно 3 740 ₽». Строка «заявка с сайта» теряет условия, из-за которых человек обратился.
Когда форма подключена, пройдите весь путь заявки от формы до базы: отправьте тестовый расчёт и откройте полученную запись. В ней должны быть те же работы и та же сумма. Тогда ясно, получает ли менеджер всё нужное для ответа клиенту.
Частые вопросы
Это приложение для телефона или сайт?
Это веб-приложение: калькулятор работает как часть сайта в браузере, ставить что-то из магазина приложений не нужно. Приложение для телефона — другая задача со своим выпуском.
Можно ли взять формулу конкурента?
Для своей услуги правила берите у владельца бизнеса. Чужая итоговая цена не показывает ни себестоимость, ни состав работ, ни исключения. Скопированный внешний вид не говорит, что такая цена подойдёт и вам.
Нужно ли показывать точную цену?
Только если вводных хватает для окончательного расчёта и бизнес готов его подтвердить. Иначе покажите предварительную сумму и напишите, что именно уточняется.
Как оценить стоимость разработки?
Сначала согласуйте формулу, число зависимых полей, интеграции и состав проверки: от этого зависит цена проекта. Выбирая из нескольких предложений, сравнивайте их по одинаковому заданию: форма без сохранения заявки и процесс с подключением к системе учёта стоят по-разному, и одна итоговая цена этого не показывает.
Можно ли принять работу по скриншоту?
Нет. Для приёмки нужны рабочий адрес, согласованные правила, контрольные примеры и порядок дальнейших правок. По картинке с суммой не проверить ни смену вводных, ни передачу заявки.
Что сделать сегодня
Выберите одну услугу и запишите формулу обычными словами.
Посчитайте вручную обычный заказ, минимум и заказ с дополнением.
Отдайте правила Ное и сначала проверьте форму без отправки контактов.
Когда расчёты совпадут, подключите согласованную запись заявки и проверьте весь путь.
Способ зарабатывать на этом
Зарабатывайте на создании сайтов и ИИ-агентов
Собираете клиенту сайт и ИИ-продавца за вечер вместо недель
Заявка с сайта сразу попадает к агенту, а не в пустоту
Бонус 1 000 ₽ при регистрации по этой ссылке вместо обычных 500 ₽