Astro contact form without a backend

Astro ships zero JS by default, which pairs perfectly with a plain HTML form posting to FormDrop.

src/pages/contact.astro

---
const key = import.meta.env.PUBLIC_FORMDROP_KEY;
---
<form action="https://forms.elimbi.com/submit" method="POST">
  <input type="hidden" name="access_key" value={key} />
  <input type="hidden" name="redirect" value={new URL("/thanks", Astro.site).href} />
  <input name="name" required />
  <input name="email" type="email" required />
  <textarea name="message" required></textarea>
  <input type="checkbox" name="botcheck" style="display:none" />
  <button>Send</button>
</form>

Set site in astro.config.mjs and create src/pages/thanks.astro. Works with fully static output.

Supported fields

• access_key — your key (required).
• email — if present, FormDrop sets it as Reply-To so you can answer directly.
• subject — optional email subject.
• redirect — optional thank-you page URL for plain HTML posts.
• botcheck — hidden honeypot; if a bot fills it, the submission is silently dropped.

Every other field is included in the email and saved in your dashboard log. Send Accept: application/json to get a JSON reply instead of a redirect.

Test it

1. Create a free access key with your email.
2. Paste the key, deploy, submit a test message.
3. Check your inbox and the dashboard log. If mail is delayed, the submission is still stored in the log.

FAQ

Related guides