Da li ovo radi sa podrazumevanim Eleventy build pipelineom?

Da. Forma je običan markup koji preživljava Eleventyjeve transformacije šablona. Bez data fajlova, plaginova ili shortcodeova.

Mogu li ovo da koristim iz JSX ili Liquid šablona?

Da. HTML se ne menja između jezika šablona - menja se samo način ugradnje dinamičkih delova poput redirect URL-a po sintaksi šablona.

Kako da rešim spam bez dodavanja integracije pri buildu?

Zaštita od spama je na Formhookovoj strani: honeypot polje tiho odbacuje botove, a Cloudflare Turnstile je prekidač po formi. Ne morate ništa da povezujete u Eleventy build.

← Svi vodiči

Vodič

Eleventy kontakt forma (backend nije potreban)

Eleventy renderuje u statički HTML pri buildu, pa je Eleventy kontakt forma samo obična HTML forma u Nunjucks (ili Liquid, ili čistom HTML) šablonu. Action forme pokazuje na Formhook, i ničeg drugog nema.

Snipet

contact.Eleventy

{# src/contact.njk - Nunjucks template, plain HTML form #}
<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' | url }}" />
  <button type="submit">Send</button>
</form>

Kako radi

Snipet radi u svakom Eleventy jeziku šablona - Nunjucks (prikazan), Liquid, Handlebars, čist HTML, JSX. Filter {{ '/thanks' | url }} primenjuje Eleventyjevu URL transformaciju da bi _redirect radio ispravno sa pathPrefix. Ubacite formu u šablon stranice ili include - svejedno je.

Š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) - drži vaš pravi inboks van HTML-a forme.

Isporučite svoju Eleventy 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.

Eleventy kontakt forma - FAQ

Da li ovo radi sa podrazumevanim Eleventy build pipelineom?: Da. Forma je običan markup koji preživljava Eleventyjeve transformacije šablona. Bez data fajlova, plaginova ili shortcodeova.
Mogu li ovo da koristim iz JSX ili Liquid šablona?: Da. HTML se ne menja između jezika šablona - menja se samo način ugradnje dinamičkih delova poput redirect URL-a po sintaksi šablona.
Kako da rešim spam bez dodavanja integracije pri buildu?: Zaštita od spama je na Formhookovoj strani: honeypot polje tiho odbacuje botove, a Cloudflare Turnstile je prekidač po formi. Ne morate ništa da povezujete u Eleventy build.

Vodiči za druge frameworke

Migrating from Formspree? See how Formhook compares.