Da li ovo radi sa `hugo` statičkim buildom i `hugo deploy`?

Da. Forma je običan HTML u build izlazu. Hugo se ne izvršava na serveru, pa forma šalje POST direktno na Formhook iz pregledača.

Mogu li da koristim Hugove i18n mogućnosti sa kontakt formom?

Da - sama forma je markup, pa lokalizovane oznake rade isto kao u svakom drugom Hugo šablonu. Koristite Hugove i18n funkcije na placeholder tekstu i oznakama polja.

Kako da izbegnem hardkodovanje API ključa u svakom šablonu?

Stavite ključ u params svog sajta (config.toml ili hugo.yaml) i referencirajte ga kao {{ .Site.Params.formhookKey }} u šablonu. Tretirajte ga kao javni identifikator endpointa - Formhookovi limiti po formi i Turnstile prekidač pružaju stvarnu zaštitu.

← Svi vodiči

Vodič

Hugo kontakt forma (backend nije potreban)

Hugo je generator statičkih sajtova bez runtimea, pa je Hugo kontakt forma samo obična HTML forma ugrađena u Hugo šablon. Ubacite snipet u layout ili partial, ubacite svoj Formhook API ključ, i gotovi ste.

Snipet

contact.Hugo

{{/* layouts/contact.html - plain HTML inside Hugo's template syntax */}}
<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
  <input type="email" name="email" placeholder="Email" required />
  <textarea name="message" placeholder="Message" required></textarea>
  <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />
  <input type="hidden" name="_redirect" value="{{ "/thanks" | absURL }}" />
  <button type="submit">Send</button>
</form>

Kako radi

Snipet radi u svakom Hugo šablonu - layoutu, partialu ili single-page šablonu. Hugo propušta sirovi HTML pri buildu, pa action atribut pokazuje na formhook.app/f/YOUR_API_KEY u objavljenom HTML-u. Deo {{ "/thanks" | absURL }} je Hugov templating: pri buildu se širi u apsolutni URL unutar vašeg sajta, što je ono što Formhooku treba za _redirect proveru.

Šta se dešava dalje

Unos stiže u vašu Formhook kontrolnu tablu 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) - korisno kada rad sa klijentima znači nekoliko Hugo sajtova na jednom Formhook nalogu.

Isporučite svoju Hugo kontakt formu danas.

Registrujte se besplatno, napravite formu, nalepite API ključ. Pet minuta.

Počnite besplatno

Besplatni paket: 5 formi · 250 unosa mesečno · Bez kreditne kartice.

Hugo kontakt forma - FAQ

Da li ovo radi sa `hugo` statičkim buildom i `hugo deploy`?: Da. Forma je običan HTML u build izlazu. Hugo se ne izvršava na serveru, pa forma šalje POST direktno na Formhook iz pregledača.
Mogu li da koristim Hugove i18n mogućnosti sa kontakt formom?: Da - sama forma je markup, pa lokalizovane oznake rade isto kao u svakom drugom Hugo šablonu. Koristite Hugove i18n funkcije na placeholder tekstu i oznakama polja.
Kako da izbegnem hardkodovanje API ključa u svakom šablonu?: Stavite ključ u params svog sajta (config.toml ili hugo.yaml) i referencirajte ga kao {{ .Site.Params.formhookKey }} u šablonu. Tretirajte ga kao javni identifikator endpointa - Formhookovi limiti po formi i Turnstile prekidač pružaju stvarnu zaštitu.

Vodiči za druge frameworke

Migrating from Formspree? See how Formhook compares.