Калькулятор цены на сайт: нейросеть собирает, клиент считает сам

У любого дела, где цена «зависит», есть одна и та же переписка. «А сколько будет стоить?» - «А какой размер?» - «Вот такой» - «А тираж?» - «Ну штук сто» - «А срочно надо?». Пять сообщений туда-обратно, и только потом сумма. Половина людей пропадает на третьем.

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

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

Что получишь

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

Для кого это

Для любого дела, где цена складывается из нескольких понятных частей. Например:

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

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

Что нужно до старта

• Твоя формула цены. Хотя бы в голове: «беру за то, плюс за это, если срочно, то наценка»
• Три-пять реальных прошлых заказов с итоговой ценой. Это для проверки
• Нейросеть. Из России без VPN и по-русски работают Алиса AI от Яндекса и ГигаЧат от Сбера, вход через их официальные сайты или приложения. Условия смотри там на сегодня
• Компьютер, чтобы открыть готовый файл в браузере
• Калькулятор на телефоне или таблица для ручной проверки

Шаги

Шаг 1. Запиши формулу словами

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

У меня [чем занимаешься]. Я хочу калькулятор цены на сайт.
Цены и формулу я дам сама, ты ничего не придумывай.

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

Вопросы по одному или списком, как удобнее. Жди ответы.

Отвечай с цифрами. Ты их знаешь, нейросеть нет.

Шаг 2. Получи формулу в виде таблицы

Вот мои ответы: [вставь].

Запиши мою формулу цены так:
1. Список того, что выбирает клиент, с вариантами ответа.
2. Таблица: каждый вариант и сколько он стоит или как меняет цену (плюс сумма или умножить на).
3. Порядок расчёта по шагам словами: с чего начинаем, что прибавляем, на что умножаем,
   когда применяем минимальную сумму, как округляем.

Используй только мои цифры. Если где-то я не дала цифру или правило непонятно,
не подставляй своё, а напиши вопрос.

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

Шаг 3. Проверь формулу руками на трёх примерах

Берёшь три прошлых заказа. Лучше разных: маленький, большой и какой-нибудь с подвохом, срочный или ниже минималки. Для каждого берёшь порядок расчёта из шага 2 и считаешь на обычном калькуляторе в телефоне. Сравниваешь с тем, сколько взяла на деле.

Вот три моих прошлых заказа:
1. [что выбрал клиент] - взяла [сумма]
2. [что выбрал клиент] - взяла [сумма]
3. [что выбрал клиент] - взяла [сумма]

Покажи расчёт каждого по моей формуле, по шагам, со всеми промежуточными суммами.

Расчёт нейросети сверяешь со своим ручным. Если не совпало, ищешь, на каком шаге. Нейросеть в длинной арифметике иногда путается, поэтому её ответ на слово не принимаешь. Цифры считаешь сама.

Если расходится с тем, сколько ты реально брала, это нормальная находка. Значит, в голове ты считала ещё что-то, чего в формуле нет. Допиши.

Шаг 4. Собери страницу-калькулятор

Теперь просишь нейросеть написать калькулятор одной страницей.

Сделай калькулятор цены одним файлом calculator.html, который открывается в браузере.

Формула (не меняй ни одной цифры): [вставь итоговую таблицу и порядок расчёта из шага 2].

Что нужно:
- поля для выбора как в моём списке: выпадающие списки или кнопки, число вводится только
  там, где без этого нельзя (например, количество),
- итог пересчитывается сразу, без кнопки «рассчитать»,
- под итогом мелко: «Предварительный расчёт. Точная цена после уточнения заказа»,
- кнопка «Отправить заявку», которая ведёт по ссылке [вставь ссылку на мессенджер или форму],
- хорошо выглядит на телефоне,
- код с комментариями на русском, где именно стоят цены, чтобы я могла поменять их сама.

Если формула где-то неоднозначна, сначала спроси меня, потом пиши код.

Сохрани ответ в файл calculator.html и открой двойным щелчком, он откроется в браузере. Пришёл код кусками? Попроси «дай файл целиком одним блоком».

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

Шаг 5. Прогони те же три примера через калькулятор

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

Калькулятор считает неправильно. Вот что я выбрала: [варианты].
Должно получиться [сумма по ручному расчёту], а показывает [что показывает].
Найди ошибку в коде и пришли исправленный файл целиком. Цифры формулы не меняй.

Шаг 6. Попробуй сломать

Дальше ведёшь себя как клиент, который ничего не читает:

• вводишь количество ноль, минус, пустое поле, буквы
• вводишь огромное число
• выбираешь самый дешёвый вариант, чтобы проверить минималку
• открываешь страницу с телефона
• нажимаешь «отправить заявку» и смотришь, куда ушло и пришло ли тебе

Всё, что сломалось, описываешь нейросети как в шаге 5.

Попроси, чтобы кнопка заявки подставляла в сообщение выбранные варианты и сумму. Тогда приходит сразу «визитки, двусторонние, двести штук, итог такой-то».

Шаг 7. Поставить на сайт

Как выложить страницу в интернет или вставить её в готовый сайт, разобрано в уроке по слову САЙТ. Если сайт в конструкторе, ищи блок, куда можно вставить свой код, обычно он называется «HTML» или «код», и смотри справку конструктора.

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

Где обычно ломается

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

Порядок расчёта. Наценка от суммы до скидки и после скидки даёт разный итог. Решаешь ты, нейросеть только делает как сказано.

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

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

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

Мостик

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

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

На странице ии-вайбкодинг.рф/uslugi/ есть живое демо с калькулятором стоимости ремонта квартир (https://ии-вайбкодинг.рф/demo/remont/), фирма вымышленная и цены для примера, а сам расчёт можно пройти. Написать про свой калькулятор: https://t.me/ketrin_priyom_bot?start=sayt

Источники

1. https://ии-вайбкодинг.рф/uslugi/
2. https://t.me/ketrin_priyom_bot?start=sayt

Ещё уроки