Vodič
Astro kontakt forma (backend nije potreban)
Astro podrazumevano renderuje u statički HTML, što znači da je Astro kontakt forma samo obična HTML forma sa pravim action atributom. Ne treba vam serverski endpoint ni Astro integracija - nalepite snipet u .astro stranicu i gotovi ste.
Snipet
---
// 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>Kako radi
Pošto Astro podrazumevano isporučuje statički HTML, nema ničega klijentskog za povezivanje. action forme šalje POST direktno na formhook.app/f/YOUR_API_KEY, gde YOUR_API_KEY dolazi iz podešavanja vaše forme u Formhook kontrolnoj tabli. Polje _gotcha je honeypot - botovi ga popune, ljudi ga ne vide, i sve sa sadržajem u njemu tiho se odbacuje. Polje _redirect šalje korisnike na stranicu zahvalnice posle uspešnog POST-a, a URL se proverava prema vašoj listi dozvoljenih origina.
Šta se dešava dalje
- Unos se pojavljuje u vašoj Formhook kontrolnoj tabli u roku od sekunde.
- Push obaveštenje stiže na svaki uređaj na kom ste ga uključili.
- Odgovorite direktno iz kontrolne table (Pro i više) bez otkrivanja svoje prave imejl adrese.
Isporučite svoju Astro kontakt formu danas.
Registrujte se besplatno, napravite formu, nalepite API ključ. Pet minuta.
Počnite besplatnoBesplatni paket: 5 formi · 250 unosa mesečno · Bez kreditne kartice.
Astro kontakt forma - FAQ
- Da li mi treba Astro integracija ili serverski adapter?
- Ne. Forma šalje POST direktno na Formhook, pa radi sa podrazumevanim statičkim Astro buildom. Bez SSR moda, bez @astrojs/node adaptera.
- Mogu li da imam više kontakt formi na različitim Astro stranicama?
- Da. Napravite jednu Formhook formu po nameni - kontakt, posao, bilten - i nalepite action svake forme u odgovarajuću .astro stranicu. Besplatni paket pokriva pet formi.
- Kako da prikažem stranicu zahvalnice posle slanja?
- Dodajte skriveni _redirect input koji pokazuje na vašu Astro rutu zahvalnice. URL mora biti na listi dozvoljenih origina forme. Ili, ako biste radije prikazali uspeh bez ponovnog učitavanja stranice, koristite fetch obrazac iz Next.js ili SvelteKit vodiča.
Vodiči za druge frameworke
Migrating from Formspree? See how Formhook compares.