Перейти к содержимому
FFormhook
← Все руководства

Руководство

Контактная форма HTML (без бэкенда)

Всё, что нужно для рабочей контактной формы на простой HTML-странице - правильный атрибут action. Вставьте это в любой .html-файл, подставьте свой Formhook API-ключ, и у вас есть рабочий эндпоинт со защитой от спама, панелью и push-уведомлением при каждой отправке.

Сниппет

contact.HTML
<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
  <label>
    Email
    <input type="email" name="email" required />
  </label>

  <label>
    Message
    <textarea name="message" required></textarea>
  </label>

  <!-- honeypot: bots fill this; humans don't see it -->
  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />

  <!-- optional: send users to a thank-you page after a native POST -->
  <input type="hidden" name="_redirect" value="https://example.com/thanks" />

  <button type="submit">Send</button>
</form>

Как это работает

Атрибут action - это эндпоинт, который получает отправку. Formhook даёт один URL на форму - скопируйте его из панели после создания аккаунта. Поле _gotcha - это honeypot: боты заполняют каждое поле, реальные пользователи его не видят, поэтому любая отправка с содержимым в этом поле тихо отбрасывается (без потребления квоты). Поле _redirect необязательно - если оно есть, Formhook отправляет 302 на этот URL после успешного нативного POST'а. URL должен быть в списке разрешённых origins вашей формы, так что никаких сюрпризов с open-redirect.

Что происходит дальше

  • Отправка появляется в вашей панели Formhook в течение секунды.
  • Ваш телефон, ноутбук и десктоп получают push-уведомление (если оно включено).
  • Вы можете ответить отправителю - на Pro и выше - прямо из панели деталей отправки.

Запустите вашу контактную форму на HTML сегодня.

Зарегистрируйтесь бесплатно, создайте форму, вставьте API-ключ. Пять минут.

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

Бесплатный тариф: 5 форм · 250 отправок/мес · Без банковской карты.

Контактная форма HTML - FAQ

Как Formhook борется со спамом без reCAPTCHA?
Два слоя. Скрытое поле _gotcha-honeypot тихо отсекает ленивых ботов - они заполняют каждое поле, реальные пользователи его не видят. Для остального включите Cloudflare Turnstile в настройках формы; это переключатель на форму. Также на каждой форме есть rate limit со скользящим окном.
Можно ли иметь несколько контактных форм на одном сайте?
Да. Одна форма Formhook, один API-ключ, один эндпоинт. Бесплатный тариф включает пять форм - платные больше. У каждой формы своя панель, свой список разрешённых origins и свой переключатель push.
Как перенаправить пользователей на страницу благодарности после отправки?
Включите <input type="hidden" name="_redirect" value="https://example.com/thanks" /> в форму. URL должен быть в списке разрешённых origins вашей формы - Formhook валидирует строго, так что дыр open-redirect нет.

Руководства для других фреймворков

Migrating from Formspree? See how Formhook compares.