Inki
← Все шаблоны
Приложениепроверен 4 октября 2026 г.

Сайт компании с формой заявки

Одностраничный сайт с рабочей формой: заявки приходят вам письмом и собираются в кабинете Inki. Обложка с фото, решения, шаги, призыв с окном заявки и подвал с реквизитами. Без своего сервера.

Claude.ai и Claude DesktopChatGPTDeepSeekClaude CodeCodexCursorОткрыть пример
Промпт
Сделай сайт компании с формой заявки. Компания: [название и одна фраза о ней].

Блоки по центру:
1. Обложка 100vh: фото cover.jpg под чёрным слоем 75%, название 72px, заголовок 40px [заголовок], строка 28px [подзаголовок], в линию поле Email и кнопка «[Подать заявку]».
2. «[Наши решения]», курсивом [о чём блок], пункты в 2 колонки слева: галочка, название 20px/600, под ним пояснение 18px:
- [название: пояснение, 4-6 пунктов]
3. Плашка #f5f5f5 шириной 880px: [главная мысль] 28px/600 и [одно предложение] 20px.
4. «[Как это работает]», шаги столбиком 700px: номер в кружке с обводкой 2px, текст 20px/600 слева:
- [3-4 шага]
5. Фото cta.jpg под чёрным слоем 85%, 560px: [призыв] 48px, [строка] 24px, кнопка «[Заявка на подключение]» открывает окно: заголовок 36px, строка, поле Email, кнопка «[Отправить]».
6. Чёрный подвал, 15px #949494: [реквизиты построчно], ниже столбиком ссылки-названия [название: адрес].

Заявки (правила ниже): форма lead, поля email! с format email и скрытое place: enum(cover|popup). Обе формы шлют в неё, после отправки вместо формы плашка #62c584 белым «[Спасибо! Данные успешно отправлены.]». Под формой флажок согласия и строка [ваши условия со ссылкой]. Окно закрывают крестик, Esc и щелчок по фону.

Оформление: Open Sans (Google Fonts), заголовки 600 (блоков 42px), текст 300, чёрный на белом, на фото белый. Цвета: #1f5bff галочки, кружки и их цифры; #18a521 кнопка обложки; #f5914f кнопка призыва; #ff8562 все ссылки на тёмном, и в тексте согласия; #ff5e00 кнопка окна. Кнопки: текст белый 16px/600. Поля и кнопки 60px, скругление 4px. Между блоками 1-5 по 150px, подвал вплотную; на телефоне 60px, одна колонка, шрифты мельче. Видимый фокус. <title> и meta description: [о сайте].

Правила 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 МБ.

## Заявки Inki (форму принимает сайт)
- Объяви форму блоком в <head> (блок на странице один), иначе заявку отклонят:
<script type="application/inki+json">
{ "forms": { "lead": { "fields": { "name": "string!", "email": { "type": "string", "required": true, "format": "email" }, "comment": "text" } } } }
</script>
- Поля: string, text, int, number, bool, enum(a|b|c); ! обязательное; format: email, phone, url.
- Форма работает без скриптов, name полей как в блоке, флажок consent обязателен:
<form action="/_inki/api/forms/lead" method="post">
<input name="name" required> <input name="email" type="email" required>
<label><input type="checkbox" name="consent" required> <span>Согласие на обработку данных</span></label>
<button>Отправить</button>
</form>
- Подключи <script src="/_inki/sdk.js"></script>, дальше из <script type="module">:
const text = await inki.consentText('form') // текст согласия с именем владельца
if (text) span.innerHTML = text.html
await inki.forms.submit('lead', { name, email, consent: true }) // без перезагрузки
const sent = inki.forms.outcome() // после отправки без скриптов { ok, code }, иначе null
- text равен null или отказ operator_required: напиши у формы «Владелец сайта ещё не заполнил оператора данных» и выключи кнопку.
- Отказ это ошибка с code (schema и поле в field, quota, rate_limited): покажи понятный текст.
- Без объекта inki (файл с диска, предпросмотр) не отправляй, покажи «Заявки заработают после публикации на Inki».

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

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
Codex
  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.

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

Сайт, который сразу принимает заявки: человек оставляет почту в обложке или в окне, вы получаете письмо, а все заявки лежат в кабинете Inki в разделе «Данные», их можно выгрузить таблицей. Перед запуском заполните «Оператор данных» в настройках сайта: без него форма не примет заявку, а текст согласия у флажка Inki подставит сам. Два фото положите рядом с файлом под именами cover.jpg и cta.jpg. Пример выше повторяет сайт obrazon.tilda.ws и сделан этим шаблоном без правок.

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

Добавь в окно заявки поля «Имя» и «Телефон» (format phone), оба обязательные, и допиши их в объявление формы.
Добавь блок «Тарифы» перед призывом: три карточки, у каждой кнопка открывает окно заявки и записывает название тарифа в новое поле plan.
Сделай вторую форму «Вопрос» в подвале: почта и текст вопроса, отдельная форма question в том же блоке объявления.