TASIOMIND.DEV — OPERATIONAL▸▸▸FULL STACK DEVELOPER @ GWQ SERVICEPLUS AG▸▸▸FOUNDER — K8SGPT.AI▸▸▸OPEN SOURCE: ACTIVE▸▸▸DISTRIBUTED SYSTEMS / KUBERNETES / AI▸▸▸RUST + GO + PYTHON▸▸▸FIELD TESTED / STATUS — NOMINAL▸▸▸LOCATION: EUROPE/BERLIN▸▸▸TASIOMIND.DEV — OPERATIONAL▸▸▸FULL STACK DEVELOPER @ GWQ SERVICEPLUS AG▸▸▸FOUNDER — K8SGPT.AI▸▸▸OPEN SOURCE: ACTIVE▸▸▸DISTRIBUTED SYSTEMS / KUBERNETES / AI▸▸▸RUST + GO + PYTHON▸▸▸FIELD TESTED / STATUS — NOMINAL▸▸▸LOCATION: EUROPE/BERLIN▸▸▸
← gatsby

Adding a contact form to Gatsby using Netlify Forms

March 29, 2020

Netlify Forms Basics

Wichtig:

  • <form name="Contact">
  • data-netlify="true"
  • Hidden Input form-name
  • Alle Inputs brauchen name
code
<form name="Contact" method="post" data-netlify="true" data-netlify-honeypot="bot-field">
  <input type="hidden" name="form-name" value="Contact" />
  <input type="text" name="name" />
  <input type="email" name="email" />
  <textarea name="message" />
</form>

Typische Probleme

Keine Email Notifications

In Netlify -> Forms -> Notifications: Form auf "Any form" setzen.

Neue Felder fehlen

Netlify cached das Schema. Workaround: Formular umbenennen, damit es neu erkannt wird.

Links