Integraciones de formularios

Recopila datos de usuarios con varios servicios backend de formularios.

Formspree

La forma más fácil de manejar envíos de formularios:

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

Luego usa el shortcode del formulario de contacto:

1
{{< contact-form >}}

Netlify Forms

Si hospedas en Netlify, los formularios funcionan automáticamente:

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

Agrega el atributo netlify a tus formularios:

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

Webhook personalizado

Envía datos del formulario a tu propio backend:

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

Protección anti-spam

Habilita reCAPTCHA o campos honeypot:

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