После регистрацииПродукт

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

Из прайса — формула, тесты и HTML-виджет, который считает как ты

14 октября 20268 мин Средний65

Какую задачу решает

Собрать виджет расчёта цены по прозрачной формуле

Что будет на выходе

Рабочий калькулятор с проверкой ошибок и сценариев

Кому подойдёт

Владелец услуги или продукта, которому нужен калькулятор цены на сайте, а программиста нет

Инструменты
любой ИИ-чатCursor

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

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

● Коротко

Прайс и правила скидок → формула, которую можно прочитать глазами → 8–12 тестовых расчётов → HTML-калькулятор, который проходит все тесты. Код пишет ИИ, правила задаёшь ты.

Что получишь

  • 🧮Формулу цены словами и числами

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

  • 🧪Таблицу тестов

    Обычные заказы, крайние значения и ошибки ввода с ожидаемой ценой, которую ты сверяешь со своим ручным расчётом.

  • 🧩Виджет в одном файле

    HTML, CSS и JavaScript в одном файле без внешних библиотек. Открывается в браузере, вставляется в Тильду, WordPress или свой сайт.

  • 📝Расшифровку итога

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

Как использовать

  1. 1Собери прайс в одном месте

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

  2. 2Выпиши три своих расчёта

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

  3. 3Шаг 1 промпта — формула

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

  4. 4Шаг 2 — виджет

    ИИ собирает HTML-файл. Сохрани ответ как calculator.html и открой в браузере.

  5. 5Шаг 3 — прогон тестов

    Введи значения из таблицы тестов и сверь. Расхождение отправь обратно в чат одной строкой: «ввод — ожидал — получил».

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

Рядом по теме: ТЗ на калькулятор стоимости: calculator-spec.md, Лид-магнит в виде инструмента: ИИ + вайбкодинг, Cline + VS Code, статья «Что такое вайбкодинг» и Сайт за выходные: 7 файлов для Claude Code (990 ₽).

Закрытая часть

Дальше — для участников

Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.

Что дальше

Чтобы выложить калькулятор ещё и отдельной страницей, пройди гайд про публикацию проекта в интернет. Если нужен калькулятор для рекламного бюджета, посмотри вайбкодинг калькулятора стоимости рекламы. А если хочешь собрать вокруг калькулятора полноценный экран с формой заявки и идти от идеи до работающего продукта по шагам, для этого есть система Первый экран — 990 ₽.

вайбкодингнейросети

Читайте дальше