Integrações de formulários

Colete dados de usuários com vários serviços backend de formulários.

Formspree

A maneira mais fácil de lidar com envios de formulários:

1
2
3
4

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

Então use o shortcode do formulário de contato:

1

{{< contact-form >}}

Netlify Forms

Se hospedado no Netlify, os formulários funcionam automaticamente:

1
2

[params.forms]
  provider = "netlify"

Adicione o atributo netlify aos seus formulários:

1
2
3

<form name="contact" method="POST" data-netlify="true">
  <!-- campos do formulário -->
</form>

Webhook personalizado

Envie dados do formulário para seu próprio backend:

1
2
3

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

Proteção anti-spam

Habilite reCAPTCHA ou campos honeypot:

1
2
3

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