Formular-Integrationen

Sammeln Sie Benutzerdaten mit verschiedenen Formular-Backend-Diensten.

Formspree

Der einfachste Weg, Formular-Einreichungen zu verarbeiten:

1
2
3
4
# hugo.toml
[params.forms]
  provider = "formspree"
  formspreeId = "xyzabcde"

Dann verwenden Sie den Kontaktformular-Shortcode:

1
{{< contact-form >}}

Netlify Forms

Beim Hosting auf Netlify funktionieren Formulare automatisch:

1
2
[params.forms]
  provider = "netlify"

Fügen Sie das netlify-Attribut zu Ihren Formularen hinzu:

1
2
3
<form name="contact" method="POST" data-netlify="true">
  <!-- Formularfelder -->
</form>

Benutzerdefinierter Webhook

Senden Sie Formulardaten an Ihr eigenes Backend:

1
2
3
[params.forms]
  provider = "webhook"
  webhookUrl = "https://api.yoursite.com/forms"

Spam-Schutz

Aktivieren Sie reCAPTCHA oder Honeypot-Felder:

1
2
3
[params.forms]
  honeypot = true
  recaptchaSiteKey = "your-site-key"