formhunt.Подключить форму
Выберите свой путь

Подключите форму с вашим ИИ агентом

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

С чего начать

Выберите своего агента ниже. Откройте инструкцию, скопируйте промпт и вставьте его в чат проекта вместе с настройками формы.

Выбрать своего агента

Выберите, в чём вы создаёте сайт

Внутри каждой инструкции есть готовый промпт, порядок действий и проверка результата.

Ваш агент

Подключите форму с Cursor

Скопировать промпт для Cursor и проверить подключение.

Ваш агент

Подключите форму с Claude Code

Скопировать промпт для Claude Code и проверить подключение.

Ваш агент

Подключите форму с Codex

Скопировать промпт для Codex и проверить подключение.

Ваш агент

Подключите форму с Lovable

Скопировать промпт для Lovable и проверить подключение.

Если хотите начать сразу

Промпт или готовый код

Возьмите access_key из кабинета, вставьте его в блок и скопируйте промпт или код. Адрес отправки общий для всех форм.

Замените 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>
Как выбрать и использовать материалы раздела

Coding-агенту полезнее точное задание, чем просьба «сделай рабочую форму». Назовите компонент, поля, допустимый способ отправки и критерии проверки. Выберите своего агента и передайте ему контекст проекта вместе с инструкцией.

Передайте контекст

Укажите framework и существующие компоненты. Приложите шаблон и попросите сохранить оформление. Публичный идентификатор формы и секрет управления — разные вещи; не кладите management token в browser-код.

Ограничьте результат

Общий адрес уже указан в промпте. Подставьте только access_key из кабинета. Попросите агента сохранить существующий интерфейс и не добавлять новый сервер или SDK.

Проверьте изменения

Сначала посмотрите diff. Затем откройте страницу на мобильном экране, отправьте пустой ввод, используйте клавиатуру и проверьте состояния формы. Настоящий приём и доставку проверяют отдельно на синтетике.

После выбора

Перейдите к следующему шагу

Руководство

Как проверить форму после генерации ИИ

Найти фиктивный успех и подготовить проверяемый отчёт.

Шаблон формы

Контактная форма

Забрать короткую форму для первого обращения.

Руководство

Как устроена отправка веб-формы

Различать валидацию, сохранение заявки и уведомление.

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

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

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

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