Forms for Static Sites: Netlify, GitHub Pages, Astro & Hugo

Static sites are fast, cheap, and easy to host — but the moment you need a contact or signup form, you hit a wall: there’s no backend to receive the submission. This guide shows the host-agnostic way to add a real, working form to any static site generator without standing up a server.

Why static sites need help with forms

When a visitor submits a form, the browser sends a POST request that something has to receive. On a static site there’s nothing listening — your pages are just files on a CDN. You have two options: add a serverless function yourself (more code, more to maintain), or point the form at a hosted endpoint that handles receipt, storage, email, and spam for you.

The universal snippet

Because every static generator ultimately outputs HTML, the same form works everywhere. Paste this into a page, template, or component:

<form action="https://saveform.io/api/submit/YOUR_FORM_ID" method="POST">
  <input type="email" name="email" placeholder="you@example.com" required />
  <textarea name="message" placeholder="Your message" required></textarea>

  <!-- Honeypot: hidden spam trap -->
  <input type="text" name="_honey" style="display:none" tabindex="-1" autocomplete="off" />

  <button type="submit">Send</button>
</form>

By static site generator

The integration is the same everywhere; only where you paste it differs.

• GitHub Pages / S3 / plain HTML: drop the snippet into your .html file. Done.
• Hugo / Jekyll / Eleventy: add it to a layout or an include/partial so it’s reusable across pages.
• Astro: put it in a .astro component, or submit with fetch for an inline success message. See the Astro guide.
• Gatsby / Next static export: use a React component with controlled inputs — see the React guide.

Progressive enhancement

Start with a plain HTML form so it works even if JavaScript fails to load. When you want a smoother experience — no full-page redirect — layer a fetch submission on top to show an inline thank-you and keep the visitor in place.

Where submissions go

Every submission is stored in your dashboard, emailed to you, and can be forwarded to a webhook — Slack, Discord, Zapier, or your own API. Need to filter bots first? Read how to stop form spam without CAPTCHA, or grab ready-made markup from the form code generator.