Intégrations de formulaires

Collectez les données utilisateurs avec divers services backend de formulaires.

Formspree

Le moyen le plus simple de gérer les soumissions de formulaires :

1
2
3
4

# hugo.toml
[params.forms]
  provider = "formspree"
  formspreeId = "xyzabcde"

Puis utilisez le shortcode du formulaire de contact :

1

{{< contact-form >}}

Netlify Forms

Si hébergé sur Netlify, les formulaires fonctionnent automatiquement :

1
2

[params.forms]
  provider = "netlify"

Ajoutez l’attribut netlify à vos formulaires :

1
2
3

<form name="contact" method="POST" data-netlify="true">
  <!-- champs du formulaire -->
</form>

Webhook personnalisé

Envoyez les données de formulaire à votre propre backend :

1
2
3

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

Protection anti-spam

Activez reCAPTCHA ou les champs honeypot :

1
2
3

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