У вас услуги есть, а нормальной страницы с ценами нет — только PDF в WhatsApp. Главная проблема: вы боитесь, что Cursor развернёт npm, цифры на телефоне будут мелкими, а кнопка «Выбрать тариф» никуда не ведёт — клиент теряет интерес за 20 секунд. Мастер маникюра Оля попросила «сделай сайт с ценами» — Agent создал package.json и npm install, она закрыла программу. За вечер можно собрать pricing.html с тремя тарифами, переключателем месяц/год и заявкой в Google Таблицу без терминала.
Страница тарифов в Cursor AI — один pricing.html со стилями через Tailwind CDN и правилом pricing.mdc без npm и React. Три карточки, бейдж «Популярный» на Pro и переключатель месяц/год работают лучше длинной таблицы. Заявки принимает Tally, Make переносит строку в Google Таблицу. Публикация — папка на vercel.com/drop без Git.
По Яндекс Вордстат «прайс лист на услуги на сайте» — около 1007 показов в месяц, «сайт прайс лист» — почти 19 473, «cursor ai сайт» — 133. В выдаче 2026 года доминируют студии веб-разработки и PDF-конструкторы вроде Graforma, гайдов «Cursor + один HTML-файл» почти нет. Habr и SaaS-обзоры сходятся: три тарифа и toggle месяц/год дают лучшую конверсию, чем хаотичный прайс в переписке. Без правила .mdc Cursor по умолчанию тянет npm и React — это прямо в cursor.com/docs/rules и в историях новичков вроде Оли.
Честно говоря, вам не нужен WordPress и команда разработчиков, чтобы клиент увидел цены и нажал «Выбрать тариф». Нужна одна папка на рабочем столе, бесплатный Hobby-план Cursor и вечер за ноутбуком.
Зафиксируйте одну страницу: правило pricing.mdc в Cursor
Типичная ошибка: «сделай pricing page» без ограничений. Агент создаст package.json и npm install — именно это испугало Олю. Решение: .cursor/rules/pricing.mdc с alwaysApply: true. Agent при каждом запросе собирает только pricing.html.
В frontmatter — alwaysApply: true. В теле: один pricing.html, Tailwind CDN в head, запрет npm, React и терминала. Cursor подхватывает только .mdc в .cursor/rules — обычный .md игнорируется (cursor.com/docs/rules).
Промпт для Agent:
Страница тарифов для [услуга]. Один pricing.html, Tailwind CDN. Три карточки Basic/Pro/Business, toggle месяц/год, бейдж «Популярный» на Pro. Кнопки CTA — ссылки на Tally. Без npm и build step.
Скачайте Cursor с cursor.com/download, создайте папку my-pricing на рабочем столе, откройте через File → Open Folder. Hobby-план бесплатен без карты — лимитированные Agent-запросы хватают на один вечер. На практике в папке остаются pricing.html и .cursor/rules — без package.json. Откройте файл двойным кликом в браузере: если блоки выглядят современно, Tailwind CDN подключён.
Соберите три карточки тарифов фразами в Agent
Agent (Ctrl+I / Cmd+I) создаёт файлы по вашим фразам. Подготовьте бриф: названия планов, цена месяц/год, 5-7 фич, какой план «Популярный». Например: Basic 2500 ₽, Pro 4500 ₽, Business 8000 ₽.
Около 17% посетителей уходят, если не находят цену за 20 секунд (codesrc.ru). Habr рекомендует три плана и выделить средний. На GitHub Kinza98/Pricing — готовый паттерн toggle и badge «Most Popular» на Tailwind без сборки.
- Шаг 1: Опишите услугу, три тарифа и фичи в промпте.
- Шаг 2: Дождитесь pricing.html, откройте в редакторе.
- Шаг 3: Попросите бейдж «Популярный» на Pro и рамку.
- Шаг 4: Проверьте cdn.tailwindcss.com в head.
- Шаг 5: У каждой карточки — CTA и 5-7 пунктов списка.
В реальном проекте Оля после pricing.mdc собрала страницу за 40 минут. Правка цены — фразой «поставь Pro 4900» в чате.
Добавьте переключатель месяц/год и выделите Pro
Длинная таблица на телефоне не читается. Toggle «Месяц / Год» меняет цифры без перезагрузки. Попросите Agent: «При годе показывай цену со скидкой 15% и бейдж -17%». Простой JS внутри pricing.html Agent напишет сам.
Типичная ошибка: годовая цена мелким шрифтом в сноске. Pro должен «выпирать» — рамка, тень, бейдж «Популярный». Если три карточки одинаковые, клиент не выбирает за 5 секунд внимания — так пишут в материале Habr про идеальную pricing page. Добавьте короткий FAQ из трёх вопросов внизу страницы: «Можно ли сменить тариф?», «Что входит в Pro?» — Agent соберёт блок по вашему брифу.
Подключите кнопки CTA к Tally и Make
Кнопка без ссылки — декорация. Tally даёт формы бесплатно (fair use). Make Free — 1000 credits/мес, 2 сценария: хватает на Tally → Google Таблица → Telegram.
Создайте форму: имя, контакт, тариф. В Agent: «Вставь в CTA ссылку Tally, параметр plan=pro». В Make: Tally Watch New Responses → Sheets Add a Row. Интеграция бесплатна (tally.so/help/make-integration).
Схема заявки:
«Выбрать Pro» → Tally → Make → строка в Google Таблице → уведомление в Telegram
Отправьте тест с каждого тарифа — строка должна появиться за 1-2 минуты. У Оли заявка с кнопки «Выбрать Pro» попала в таблицу без PHP и программиста. Если Make не срабатывает, проверьте OAuth-подключение формы Tally в сценарии — модуль «Watch New Responses» должен быть включён. Подробнее про формы и автоматизацию — в гайде форма заявки через Cursor и Make.
Проверьте pricing.html на телефоне 360 px
F12 → режим мобильного, ширина 360 px. Цены крупные, кнопки на всю карточку. Не прячьте цены за «Узнать стоимость» — цифра видна сразу. Чек-лист: toggle меняет цифры, Pro с бейджем, CTA открывает Tally.
| Критерий | Cursor + pricing.html | PDF в WhatsApp | Tilda |
|---|---|---|---|
| Toggle месяц/год | Да | Нет | Вручную |
| Заявка с кнопки | Tally + Make | Переписка | Формы тарифа |
| Правка цены | Фраза в Agent | Новый PDF | Конструктор |
| Нужен npm | Нет | Нет | Нет |
Итоговый вердикт: Если прайс живёт в PDF и заявок нет — pricing.html с тремя карточками и Tally выигрывает. Tilda быстрее на старте, но правку «поставь Pro 4900» проще отдать Agent, чем искать блок в drag-and-drop редакторе.
Опубликуйте через Vercel Drop и пройдите чек-лист
Перетащите папку на vercel.com/drop → Deploy → ссылка https://проект.vercel.app. Без index.html выберите pricing.html как root (vercel.com/docs/drop).
- Шаг 1: Toggle меняет цифры на всех карточках.
- Шаг 2: Pro с бейджем «Популярный».
- Шаг 3: Тест-заявки в Google Таблице.
- Шаг 4: Ссылка открывается с телефона (360 px), title вкладки называет услугу.
Критерий успеха: pricing.html открывается двойным кликом и на телефоне (360 px), три тарифа и переключатель месяц/год меняют цифры, у Pro есть бейдж «Популярный», тестовый клик по CTA создаёт строку в Google Таблице, Vercel Drop выдаёт рабочий https-URL. Hobby Cursor бесплатен без карты; Pro — $20/мес при расширенных лимитах. Tally и Make Free позволяют стартовать до первых заявок.
Схема вечернего запуска:
Папка на столе → pricing.mdc → промпт в Agent → pricing.html в браузере → Tally + Make → таблица → Vercel Drop → ссылка клиенту
Что дальше
Свяжите с лендингом в Cursor — кнопка «Смотреть тарифы» на pricing.html. Для перечня услуг — страница услуг в Cursor AI. В курсе Make.com и вайбкодинга разбираем Cursor и сценарии Tally → CRM на реальных задачах.
Материал проверен экспертом: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Источники цифр: Cursor Hobby/Pro и Rules .mdc — cursor.com/pricing, cursor.com/docs/rules; Vercel Drop — vercel.com/docs/drop; Tally+Make и Make Free 1000 credits — tally.so/help/make-integration, make.com/en/pricing; 3 тарифа — habr.com/ru/articles/907110; 17% без цены — codesrc.ru; toggle — GitHub Kinza98/Pricing; Wordstat «прайс лист на услуги на сайте» (1007), «сайт прайс лист» (19473), «cursor ai сайт» (133), регион 225, 08.07.2026.
Частые вопросы
Как сделать страницу тарифов на сайте без программиста?
Папка в Cursor, pricing.mdc, три тарифа в Agent, pricing.html. Кнопки на Tally, Make → Google Таблица, Vercel Drop. Один вечер без npm.
Чем страница тарифов отличается от прайс-листа?
Прайс-лист — PDF или длинная таблица. Страница тарифов — 3-4 пакета с крупными ценами, toggle периода и кнопкой выбора. Сравнение за секунды, не листание строк.
Можно ли подключить оплату без программиста?
Прямая оплата картой на HTML без кода сложна. Для старта хватит Tally «Выбрать тариф»: заявка в таблицу, вы связываетесь и выставляете счёт. Безопаснее эквайринга без опыта.
Почему Cursor создаёт npm вместо простой страницы?
Без pricing.mdc Agent выбирает популярный стек. Файл .mdc с alwaysApply: true и запретом npm фиксирует один HTML. Расширение только .mdc в .cursor/rules/.
Cursor AI бесплатно — хватит на страницу тарифов?
Да. Hobby бесплатен, лимита Agent хватает на вечер с тремя карточками и toggle. Tally и Make Free не требуют карты на старте.
Как опубликовать pricing.html без GitHub?
Папку на vercel.com/drop → Deploy. Git и терминал не нужны. Ссылку сразу в мессенджер клиенту.
Цены на телефоне мелкие — что делать?
DevTools 360 px, попросите Agent: «Крупнее цены на мобиле, кнопки на всю ширину, mobile-first Tailwind». Ошибка — десктопная таблица без адаптации.
