Для тех, кто создаёт сайты с ИИ

Подключите форму.
Создавайте дальше.

Formhunt — backend для форм на сайтах, созданных с ИИ.
Сохраните свой дизайн и подключите форму с вашим агентом.

Подключить форму

Ваш frontend. Ваш дизайн. Понятное подключение.

Скопировать промпт или готовый код
contact.htmlHTML
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>
От разметки к интерфейсу

Давайте обсудим ваш проект

Ваша почтаhello@example.comО чём хотите рассказать?Нужна форма для нового сайта…
Понятные поля. Доступные подписи.
Ваш дизайн остаётся с вами.
1 Возьмите ключ2 Добавьте access_key3 Проверьте результат
Для тех, кто создаёт с ИИ

Один адрес.
Один access_key.

Возьмите ключ из кабинета и выберите, как подключить форму: с ИИ агентом или готовым кодом для вашего сайта.

  1. Откройте личный кабинет и скопируйте access_key.
  2. Вставьте ключ в блок справа. Скопируйте промпт или код для своего стека.
  3. Добавьте код на сайт или передайте промпт агенту. Проверьте отправку.
Все инструкции и промпты

Замените YOUR_ACCESS_KEY ключом своей формы. Для всех вариантов используется один адрес отправки.

Промпт

Задание вашему ИИ агенту
Подключи форму на моём сайте к Formhunt.
Отправляй поля методом POST на https://api.formhunt.ru/v1/submit.
Добавь скрытое поле access_key со значением YOUR_ACCESS_KEY.
Сохрани дизайн, компоненты и подписи полей.
Используй обычную HTML отправку без SDK и своей базы данных.
Проверь обязательные поля, email и работу на мобильном экране.

HTML

contact.html
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>

React

ContactForm.tsx
export default function ContactForm() {
  return (
    <form action="https://api.formhunt.ru/v1/submit" method="POST">
      <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
      <label htmlFor="email">Ваша почта</label>
      <input id="email" type="email" name="email" required />
      <label htmlFor="message">Сообщение</label>
      <textarea id="message" name="message" required />
      <button type="submit">Отправить</button>
    </form>
  );
}

Next.js

app/components/ContactForm.tsx
export default function ContactForm() {
  return (
    <form action="https://api.formhunt.ru/v1/submit" method="POST">
      <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
      <label htmlFor="email">Ваша почта</label>
      <input id="email" type="email" name="email" required />
      <label htmlFor="message">Сообщение</label>
      <textarea id="message" name="message" required />
      <button type="submit">Отправить</button>
    </form>
  );
}

Astro

src/components/ContactForm.astro
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>

Vue

ContactForm.vue
<template>
  <form action="https://api.formhunt.ru/v1/submit" method="POST">
    <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
    <label for="email">Ваша почта</label>
    <input id="email" type="email" name="email" required>
    <label for="message">Сообщение</label>
    <textarea id="message" name="message" required></textarea>
    <button type="submit">Отправить</button>
  </form>
</template>

Svelte

ContactForm.svelte
<form action="https://api.formhunt.ru/v1/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <label for="email">Ваша почта</label>
  <input id="email" type="email" name="email" required>
  <label for="message">Сообщение</label>
  <textarea id="message" name="message" required></textarea>
  <button type="submit">Отправить</button>
</form>
Форма под вашим контролем

Ваш сайт готов.
Осталось подключить форму.

Сайт, компоненты и стиль остаются вашими. Добавьте понятный путь от поля до заявки.

01 · Свой интерфейс

Сохраните форму на сайте

Адаптируйте поля к своей задаче. Разметка и внешний вид остаются в вашем проекте.

02 · Готовая основа

Начните с доступного кода

Подписи полей, правильные типы ввода и обязательность уже есть в шаблоне.

03 · Проверка результата

Проверьте весь путь заявки

Проверьте ввод, обработку ответа и сохранение. У каждого этапа есть понятный результат.

Как начать

От формы к заявке за три шага

Откройте кабинет

Скопируйте access_key своей формы. Адрес отправки общий для всех сайтов.

Вставьте промпт или код

Выберите свой стек, подставьте ключ и сохраните привычный дизайн формы.

Проверьте результат

Проверьте корректный запрос, ошибку и повторную попытку. Убедитесь, что заявка дошла.

ИИ агент и инструменты сервиса

Код — в вашем проекте.
Действия — через MCP.

Промпт объясняет задачу, MCP связывает агента с инструментами сервиса. Разделите код формы, управление и проверку результата.

Как устроено подключение через MCP
01

Задайте результат

Какие поля нужны, куда ведёт отправка и что проверить.

02

Ограничьте доступ

Публичный access_key — для отправки. Управление требует отдельных прав.

03

Проверьте путь заявки

Сохранение и доставка — два отдельных результата.

Понятная форма.
Проверенный путь заявки.

Библиотека шаблонов

У каждой формы своя задача

Выберите подходящую, изучите поля и заберите код.

Все шаблоны
Ваш сайт, ваш стек

Без смены технологии

Выбрать пример

HTML, React или Astro: подключайте форму в привычном стеке и сохраняйте структуру проекта.

Проверка вместо догадок

Кнопка нажалась.
Что произошло дальше?

Успех в интерфейсе ещё не означает сохранённую заявку. Помогаем увидеть разницу.

Проверить форму после генерации
Ваш checklist
  • Пустая форма показывает понятную ошибку.
  • Ввод не теряется при неудачной попытке.
  • Клавиатура доходит до каждого элемента.
  • Успех появляется после ответа endpoint.

Понятное состояние на каждом шаге помогает посетителю завершить обращение, а вам — не пропустить заявку.

Возможности Formhunt
Разобраться по шагам

Меньше магии.
Больше понимания.

Все руководства
От первой формы до нескольких сайтов

Начните бесплатно.
Растите с потоком заявок.

Выберите объём под свой проект. MCP, email, webhooks и экспорт включены в каждый тариф.

Все условия тарифов

При оплате за год платите один раз за весь год. Лимит заявок обновляется каждый месяц.

Бесплатный

Для первой формы и небольшого сайта.

0 ₽ / месяц

Без оплаты

  • 100 заявок в месяц
  • 3 активные формы
  • Хранение заявок 30 дней
Подключить форму

Про

Для нескольких сайтов и большого потока заявок.

490 ₽ / месяц

При оплате каждый месяц

3 990 ₽ / год

≈ 333 ₽ / месяц · экономия 1 890 ₽ за год

  • 10 000 заявок в месяц
  • 50 активных форм
  • Хранение заявок 1 год
Подключить форму

В каждом тарифе

  • Подключение через MCP
  • Уведомления по email
  • Webhooks
  • Экспорт заявок
Перед началом

Всё, что нужно
для первого подключения

Дизайн, стек, поля и проверка результата.

Открыть документацию
Что такое Formhunt?

Formhunt — backend для форм на сайтах, созданных с ИИ. Здесь собраны инструкции подключения, готовая разметка и практические руководства по работе с заявками.

Нужно ли менять дизайн формы?

Сохраните свои компоненты, поля и оформление. Подключение формы не требует переноса сайта или замены привычного интерфейса.

С чего начать подключение?

Скопируйте access_key в кабинете. Выберите промпт или код для своего стека, вставьте ключ и добавьте форму на сайт. Все формы отправляются на один endpoint.

Подойдёт ли статический сайт?

Да. HTML и Astro поддерживают обычную разметку формы. Для отправки достаточно настроенного endpoint; JavaScript помогает управлять состояниями без перехода страницы.

Для каких стеков есть инструкции?

Для HTML, React, Astro, Next.js, Vue и Svelte. Выбирайте технологию, на которой уже работает ваш сайт.

Как поможет coding агент?

Он адаптирует поля и разметку к проекту. В разделе агентов есть задания и критерии проверки для Cursor, Claude Code, Codex и Lovable.

Какие поля можно добавить?

Имя, email, телефон, сообщение, выбор услуги и другие поля под вашу задачу. В шаблонах показаны типы ввода, обязательность и доступные подписи.

Как проверить результат?

Пройдите путь посетителя: заполните форму, проверьте ошибки и ответ endpoint. Затем отдельно убедитесь в сохранении заявки и доставке уведомления.

Начните с формы

Ваш сайт уже есть.
Подключим форму.

Откройте личный кабинет, затем передайте агенту промпт подключения.

Подключить форму