Ai-je besoin d'une intégration Astro ou d'un adaptateur serveur ?

Non. Le formulaire POSTe directement vers Formhook, donc il fonctionne avec la sortie statique Astro par défaut. Pas de mode SSR, pas d'adaptateur @astrojs/node requis.

Puis-je avoir plusieurs formulaires de contact sur différentes pages Astro ?

Oui. Créez un formulaire Formhook par cas d'usage - contact, carrières, newsletter - et collez l'action de chaque formulaire dans la bonne page .astro. Le niveau gratuit couvre cinq formulaires.

Comment afficher une page de remerciement après l'envoi ?

Ajoutez un input _redirect caché pointant vers votre route de remerciement Astro. L'URL doit figurer dans la liste des origines autorisées du formulaire. Ou, si vous préférez afficher un succès inline sans rechargement, utilisez le motif fetch du guide Next.js ou SvelteKit.

← Tous les guides

Guide

Formulaire de contact Astro (sans backend)

Astro rend par défaut en HTML statique, ce qui signifie qu'un formulaire de contact Astro est juste un formulaire HTML brut avec le bon attribut action. Vous n'avez pas besoin d'un endpoint serveur ni d'une intégration Astro - collez le snippet dans une page .astro et vous avez terminé.

Le snippet

contact.Astro

---
// src/pages/contact.astro
---

<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>

  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />
  <input type="hidden" name="_redirect" value="/thanks" />

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

Comment ça marche

Comme Astro livre par défaut du HTML statique, il n'y a rien à câbler côté client. L'action du formulaire POSTe directement vers formhook.app/f/YOUR_API_KEY, où YOUR_API_KEY provient des paramètres de votre formulaire dans le tableau de bord Formhook. Le champ _gotcha est un honeypot - les bots le remplissent, les humains ne le voient pas, et tout contenu dans ce champ est silencieusement ignoré. Le champ _redirect envoie les utilisateurs vers une page de remerciement après un POST réussi, et l'URL est validée contre votre liste d'origines autorisées.

Ce qui se passe ensuite

La soumission apparaît dans votre tableau de bord Formhook en moins d'une seconde.
Une notification push se déclenche sur chaque appareil où vous l'avez activée.
Répondez directement depuis le tableau de bord (Pro et au-dessus) sans révéler votre vraie adresse e-mail.

Lancez votre formulaire de contact Astro 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 Astro - FAQ

Ai-je besoin d'une intégration Astro ou d'un adaptateur serveur ?: Non. Le formulaire POSTe directement vers Formhook, donc il fonctionne avec la sortie statique Astro par défaut. Pas de mode SSR, pas d'adaptateur @astrojs/node requis.
Puis-je avoir plusieurs formulaires de contact sur différentes pages Astro ?: Oui. Créez un formulaire Formhook par cas d'usage - contact, carrières, newsletter - et collez l'action de chaque formulaire dans la bonne page .astro. Le niveau gratuit couvre cinq formulaires.
Comment afficher une page de remerciement après l'envoi ?: Ajoutez un input _redirect caché pointant vers votre route de remerciement Astro. L'URL doit figurer dans la liste des origines autorisées du formulaire. Ou, si vous préférez afficher un succès inline sans rechargement, utilisez le motif fetch du guide Next.js ou SvelteKit.

Guides pour les autres frameworks

Migrating from Formspree? See how Formhook compares.