Калькулятор цены для сайта без программиста
Из прайса — формула, тесты и HTML-виджет, который считает как ты
Какую задачу решает
Собрать виджет расчёта цены по прозрачной формуле
Что будет на выходе
Рабочий калькулятор с проверкой ошибок и сценариев
- Кому подойдёт
Владелец услуги или продукта, которому нужен калькулятор цены на сайте, а программиста нет
- Тема
- Вайбкодинг
- Инструменты
- любой ИИ-чатCursor
Клиенты пишут «сколько будет стоить?», и ты каждый раз считаешь вручную: база, плюс опции, минус скидка, не меньше минимального заказа. Калькулятор на сайте снимает половину таких переписок, но обычно его откладывают — кажется, что нужен программист.
Не нужен. Сначала ты с ИИ превращаешь прайс в явную формулу и таблицу проверочных расчётов, потом ИИ собирает из неё один HTML-файл, который вставляется на любой сайт. Итог считается так же, как считаешь ты, и это проверяется на твоих же примерах.
Прайс и правила скидок → формула, которую можно прочитать глазами → 8–12 тестовых расчётов → HTML-калькулятор, который проходит все тесты. Код пишет ИИ, правила задаёшь ты.

Что получишь
- 🧮Формулу цены словами и числами
База, множители, опции, скидки, минимальный заказ и округление — в том порядке, в котором они применяются.
- 🧪Таблицу тестов
Обычные заказы, крайние значения и ошибки ввода с ожидаемой ценой, которую ты сверяешь со своим ручным расчётом.
- 🧩Виджет в одном файле
HTML, CSS и JavaScript в одном файле без внешних библиотек. Открывается в браузере, вставляется в Тильду, WordPress или свой сайт.
- 📝Расшифровку итога
Под ценой виджет показывает, из чего она сложилась. Клиент видит логику, а ты — что расчёт не врёт.
Как использовать
- 1Собери прайс в одном месте
Текущие цены, от чего зависит стоимость, какие бывают скидки и когда они не складываются. Подойдёт таблица, скриншот или просто текст.
- 2Выпиши три своих расчёта
Возьми три реальных заказа и посчитай цену вручную. Это эталон: если калькулятор с ним не совпадёт, ошибка в калькуляторе.
- 3Шаг 1 промпта — формула
ИИ задаёт вопросы про спорные места прайса и выдаёт формулу и таблицу тестов. Проверь каждую строку тестов.
- 4Шаг 2 — виджет
ИИ собирает HTML-файл. Сохрани ответ как
calculator.htmlи открой в браузере. - 5Шаг 3 — прогон тестов
Введи значения из таблицы тестов и сверь. Расхождение отправь обратно в чат одной строкой: «ввод — ожидал — получил».
Если хочешь сначала посмотреть простой вариант без тестов, начни с калькулятора стоимости услуг одним промптом. Когда к цене добавляется анкета и логика результата, пригодится гайд про квиз или калькулятор с честной логикой.
Рядом по теме: ТЗ на калькулятор стоимости: calculator-spec.md, Лид-магнит в виде инструмента: ИИ + вайбкодинг, Cline + VS Code, статья «Что такое вайбкодинг» и Сайт за выходные: 7 файлов для Claude Code (990 ₽).
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
Что дальше
Чтобы выложить калькулятор ещё и отдельной страницей, пройди гайд про публикацию проекта в интернет. Если нужен калькулятор для рекламного бюджета, посмотри вайбкодинг калькулятора стоимости рекламы. А если хочешь собрать вокруг калькулятора полноценный экран с формой заявки и идти от идеи до работающего продукта по шагам, для этого есть система Первый экран — 990 ₽.