Aller au contenu
FFormhook
← Tous les guides

Guide

Formulaire de contact HTML (sans backend)

Tout ce qu'il faut pour un formulaire de contact fonctionnel sur une page HTML brute, c'est le bon attribut action sur le formulaire. Collez ceci dans n'importe quel fichier .html, échangez votre clé API Formhook, et vous avez un endpoint fonctionnel avec protection anti-spam, tableau de bord et notification push à chaque soumission.

Le snippet

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>

Comment ça marche

L'attribut action est l'endpoint qui reçoit la soumission. Formhook vous donne une URL par formulaire - copiez-la depuis votre tableau de bord après avoir créé un compte. Le champ _gotcha est un honeypot : les bots remplissent tous les champs, les vrais utilisateurs ne le voient pas, donc toute soumission avec du contenu dans ce champ est silencieusement ignorée (sans consommer votre quota). Le champ _redirect est optionnel - s'il est présent, Formhook envoie un 302 vers cette URL après un POST natif réussi. L'URL doit figurer dans la liste des origines autorisées de votre formulaire, donc pas de surprises de redirection ouverte.

Ce qui se passe ensuite

  • La soumission apparaît dans votre tableau de bord Formhook en moins d'une seconde.
  • Votre téléphone, votre ordinateur portable et votre desktop sonnent avec une notification push (si vous l'avez activée).
  • Vous pouvez répondre à l'expéditeur - sur Pro et au-dessus - directement depuis le panneau de détail de la soumission.

Lancez votre formulaire de contact HTML aujourd'hui.

Inscrivez-vous gratuitement, créez un formulaire, collez la clé API. Cinq minutes.

Commencer gratuitement

Niveau gratuit : 5 formulaires · 250 soumissions/mois · Sans carte bancaire.

Formulaire de contact HTML - FAQ

Comment Formhook arrête-t-il le spam sans reCAPTCHA ?
Deux couches. Le champ honeypot caché _gotcha élimine silencieusement les bots paresseux - ils remplissent chaque champ, les vrais utilisateurs ne voient pas le champ. Pour le reste, activez Cloudflare Turnstile dans les paramètres du formulaire ; c'est un commutateur par formulaire. Il y a aussi une limite de débit à fenêtre glissante sur chaque formulaire.
Puis-je avoir plusieurs formulaires de contact sur le même site ?
Oui. Un formulaire Formhook, une clé API, un endpoint. Le niveau gratuit couvre cinq formulaires - les niveaux payants plus. Chaque formulaire a son propre tableau de bord, sa propre liste d'origines autorisées et son propre commutateur push.
Comment rediriger les utilisateurs vers une page de remerciement après l'envoi ?
Incluez <input type="hidden" name="_redirect" value="https://example.com/merci" /> dans le formulaire. L'URL doit figurer dans la liste des origines autorisées de votre formulaire - Formhook valide strictement, donc il n'y a pas de trous de redirection ouverte.

Guides pour les autres frameworks

Migrating from Formspree? See how Formhook compares.