Lovable, V0, Bolt — лендинг с приёмом платежа
Готовый промпт для Lovable, V0 или Bolt. Создаёт продающий лендинг с кнопкой оплаты, ведущей на Tegro.Money. Не нужно писать ни строки кода.
Промпт
Скопируйте, вставьте в Lovable / V0 / Bolt. Замените в первой строке описание продукта на ваше.
Я продаю: [короткое описание продукта или услуги, например "электронный курс по фотографии за 2900 руб"].
Сделай мне посадочную страницу с такими секциями:
1) Hero: крупный заголовок, описание, кнопка "Купить за [цена]".
2) Преимущества — 3 столбца с иконками.
3) Социальное доказательство — 3 отзыва.
4) FAQ — 4 вопроса.
5) Финальный CTA.
Стиль — современный, минималистичный, светлый фон.
Технические требования:
- Кнопка "Купить" отправляет POST на свой Next.js API-роут /api/checkout.
- Этот роут должен:
* Получить от Tegro.Money URL оплаты через POST на https://tegro.money/api/createOrder/
* Тело запроса: {shop_id, nonce, currency:"RUB", amount:[цена], order_id:[uuid], description:[название продукта]}
* shop_id и api_key взять из process.env.TEGRO_SHOP_ID и process.env.TEGRO_API_KEY
* nonce — это Date.now().toString()
* Авторизация — HTTP header "Authorization: Bearer <sign>", где sign это HMAC-SHA256(тело_запроса, api_key) hex
* ВАЖНО: подпись считается ПОСЛЕ JSON.stringify, и отправлять надо точно эти же байты — иначе сигнатура сломается
* Ответ от Tegro: {type:"success", data:{url:"..."}} — redirect клиента на data.url
* Если type:"error" — показать desc
После создания лендинга добавь README с инструкцией куда подставить TEGRO_SHOP_ID и TEGRO_API_KEY (брать в личном кабинете https://tegro.money/my/).
Используй TypeScript + Next.js App Router + Tailwind.
Что делать дальше
- В Lovable/V0/Bolt появится готовый сайт.
- Откройте файл
.env(Lovable показывает в Settings → Environment Variables). - Зарегистрируйтесь на tegro.money, создайте магазин в Личном кабинете.
- Скопируйте
shop_idиapi_keyиз настроек магазина — вставьте вTEGRO_SHOP_IDиTEGRO_API_KEY. - Пока тестируете — включите в магазине режим «Тест». Никакие реальные деньги не списываются.
- Когда всё работает — выключите тестовый режим и принимайте платежи.
Если что-то сломалось
Скажите AI: «я получаю ошибку «Empty required param shop_id», посмотри в коде где я могла ошибиться». Промпт уже дал AI всю нужную информацию об API — он сможет починить.
Совет. Если хотите более чистый код или Stripe-style редирект-чекаут — посмотрите
Master Prompt для Cursor / Claude Code.