Inki
← Все шаблоны
Лендингпроверен 24 сентября 2026 г.

Лендинг услуги с формой заявки

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

Claude.ai и Claude DesktopChatGPTDeepSeekClaude CodeCursorОткрыть пример
Промпт
Сделай лендинг одной услуги. Услуга: [опиши услугу одной фразой, например «репетитор по математике для 8–11 классов, онлайн»]. Для кого: [кто клиент]. Главный результат для клиента: [что он получает].

Структура сверху вниз:
1. Первый экран: заголовок с результатом для клиента (не название услуги), подзаголовок в одну строку, кнопка «Оставить заявку», которая ведёт к форме внизу.
2. Три преимущества карточками: заголовок из 2–4 слов и одно предложение.
3. «Как проходит работа»: 3–4 шага с номерами.
4. Цена: одна карточка с ценой [цена] и что в неё входит списком из 4 пунктов.
5. Вопросы и ответы: 5 вопросов, ответы раскрываются по клику (details/summary).
6. Форма заявки: имя, телефон, комментарий, кнопка «Отправить». Форму пока никуда не отправляй, после нажатия покажи текст «Спасибо, свяжемся в течение дня».
7. Подвал: имя, город, способ связи [телефон или Telegram].

Дизайн: один акцентный цвет [цвет], светлый фон, крупный заголовок, системный шрифт или шрифт с Google Fonts, всё адаптивно под телефон. Тексты пиши по-русски, без воды и без восклицательных знаков. Никаких картинок из интернета: если нужна иллюстрация, нарисуй простую SVG-фигуру.

Правила Inki, добавляются к промпту при копировании:

## Правила Inki (добавь к результату)
- Внешние скрипты, стили и шрифты только с этих хостов: cdnjs.cloudflare.com, cdn.jsdelivr.net, unpkg.com, esm.sh, fonts.googleapis.com, fonts.gstatic.com, code.jquery.com, cdn.tailwindcss.com, mc.yandex.ru. Остальное Inki вырежет при публикации.
- Встраивать видео только с: www.youtube.com, www.youtube-nocookie.com, vk.com, vkvideo.ru, rutube.ru, kinescope.io.
- Без автоматических переходов, скачиваний и всплывающих окон при открытии.
- Отдай один самодостаточный файл index.html: стили и скрипты внутри, картинки рядом с файлом или по https.
- Обязательны <title> и <meta name="description">: из них Inki делает превью для соцсетей и поиска.
- Размер: index.html до 5 МБ, папка страницы до 50 МБ, один файл до 25 МБ.

Как достать артефакт

Claude.ai и Claude Desktop
  1. Открой артефакт справа от ответа
  2. Меню артефакта, «Скачать»: получишь файл .html
  3. Перетащи файл на inki.ru/new и нажми «Опубликовать»
ChatGPT
  1. Открой результат в Canvas
  2. Меню Canvas, «Скачать»: файл .html
  3. Перетащи файл на inki.ru/new и нажми «Опубликовать»
DeepSeek
  1. Скопируй код из ответа целиком
  2. На inki.ru/new открой вкладку «Код» и вставь
  3. Нажми «Опубликовать»
Claude Code
  1. Попроси сохранить результат в папку с index.html
  2. В терминале: npx -y inki-cli publish ./папка-со-страницей
  3. Или скажи агенту «опубликуй на Inki»: подключение на inki.ru/agent
Cursor
  1. Сохрани файл агента как index.html в отдельную папку
  2. В терминале: npx -y inki-cli publish ./папка-со-страницей
  3. Или скажи агенту «опубликуй на Inki»: подключение на inki.ru/agent

Готовый файл или папку: опубликовать на Inki.

Что получится

Один файл index.html примерно на 400 строк: страница открывается с любого устройства, форма показывает благодарность без отправки. Пример выше сделан этим промптом без правок.

Как доработать

Замени карточку цены на три тарифа: [названия], выдели средний.
Добавь блок «Отзывы»: три отзыва с именем и одной строкой, без фото.
Сделай тёмную версию первого экрана, остальное оставь светлым.