HTML Form Backend

Форма без backend —
готовый endpoint

FormHook принимает POST с вашей HTML-формы и доставляет заявку в Telegram, Email или Webhook. Работает с любым статическим сайтом — GitHub Pages, Netlify, Vercel и чистый HTML.

Создать form endpoint Смотреть код

Бесплатно · Без сервера · Любой стэк

Почему HTML-форма не принимает заявки сама по себе

HTML — это разметка, он описывает интерфейс. Кнопка «Отправить» лишь говорит браузеру: «отправь данные на этот URL». Но кто-то должен по этому URL принимать и обрабатывать данные.

Без backend (не работает)

Browser → POST /contact → 404 / никуда

Данные потеряны. Никто не получил заявку.

С FormHook (работает)

Browser → POST → FormHook → Telegram ✓

Заявка сохранена и доставлена мгновенно.

Традиционные варианты решения:

Написать сервер на Node.js / PHP — нужен хостинг, деплой, поддержка.
Использовать Google Forms — некастомизируемо, ссылка на сторонний домен.
Serverless function — сложнее, чем кажется, плюс холодный старт.
FormHook — готовый endpoint, настройка за 5 минут, без серверного кода.

Интеграция

Подключение за 2 минуты

Добавьте action к существующей форме — больше ничего не нужно.

Вариант 1 — обычная HTML-форма

contact.html

<form
  method="post"
  action="https://form-hook.com/api/c1/sites/YOUR_KEY/submissions"
>
  <input name="name" required />
  <input name="email" type="email" />
  <textarea name="message"></textarea>
  <button type="submit">Отправить</button>
</form>

Вариант 2 — fetch без перезагрузки

form.js

const ENDPOINT =
  'https://form-hook.com/api/c1/sites/YOUR_KEY/submissions';

async function submitForm(data) {
  const res = await fetch(ENDPOINT, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(data),
  });
  return res.json();
}

Куда приходят заявки — настраивается в один клик

💬

Личный чат, группа или канал. Мгновенное уведомление с полными данными.

📧

Письмо на ваш адрес. Поддерживает несколько получателей.

🔗

Webhook

POST-запрос на ваш URL. Интеграция с CRM, Zapier, n8n и любым API.

Защита

Защита от спама

Открытый endpoint без защиты — лёгкая цель для спамеров. FormHook включает несколько слоёв:

› Honeypot-поле — скрытое от людей, видное ботам.
› Math-капча — арифметическое задание, без Google reCAPTCHA.
› Rate limiting — ограничение числа отправок с одного IP.
› CORS-фильтр — приём заявок только с разрешённых доменов.

История заявок

Лог заявок и delivery log

Каждая заявка сохраняется в FormHook-аккаунте. Вы видите:

› Полные данные формы с временной меткой.
› Статус доставки по каждому каналу (Telegram, Email, Webhook).
› Причину ошибки, если уведомление не дошло.
› Историю повторных попыток при сбоях.

Если Telegram временно недоступен — заявка не потеряется. FormHook повторит доставку автоматически.

Частые вопросы

Что такое form endpoint и зачем он нужен?

HTML-форма умеет только отправить данные на URL. Этот URL — и есть endpoint. Без сервера, который его обрабатывает, данные никуда не попадут. FormHook предоставляет готовый endpoint — вам не нужно писать серверный код.

Работает ли FormHook со статическими сайтами (GitHub Pages, Netlify, Vercel)?

Да. Это основной сценарий. Статические сайты не могут обрабатывать POST сами — FormHook берёт эту задачу на себя.

Могу ли я отправлять форму через fetch без перезагрузки страницы?

Да. Используйте FormHook JS SDK или отправляйте JSON через fetch напрямую на endpoint. В документации есть примеры.

Где хранятся заявки?

Все заявки сохраняются в вашем FormHook-аккаунте с историей, датой и delivery log по каждому каналу уведомлений.

Что такое delivery log?

Лог доставки показывает статус каждого уведомления: отправлено ли в Telegram, Email, Webhook — и если нет, почему. Это позволяет не терять заявки при временных сбоях.

Есть ли ограничения по формату данных?

FormHook принимает application/x-www-form-urlencoded (стандартная HTML-форма) и application/json (fetch/XHR). Поддерживаются произвольные поля.

Начать бесплатно

Создайте form endpoint
за 2 минуты

Не пишите серверный код. Просто укажите action в вашей форме — и заявки придут в Telegram.

Создать form endpoint

Бесплатно до 100 заявок · Без кредитной карты

Форма без backend — готовый endpoint