Astro

Astro contact form without a backend

Point an Astro form component at FormsReach. No Node API route, no serverless glue, no DIY email pipeline. Deliver submissions by email with spam filtering and to WhatsApp in seconds, metered with monthly credits.

Get Started

Set up FormsReach with Astro

Connect your form in a few steps. No custom backend required.

1
Create a free API key
Sign up at FormsReach and copy your form API key. Free includes monthly credits for email and spam filtering.
2
Add a form component
Create a .astro component with a standard form, method POST, and action set to the FormsReach submit endpoint. Add a hidden input named api_key.
3
Import and ship
Import the component into any page. Deploy to any static host. Submit once - check email and/or WhatsApp depending on your delivery settings.

Astro snippet

Copy this into your project, then swap in your FormsReach API key.

          ---
// src/components/ContactForm.astro
---
<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

---
// src/components/ContactForm.astro
---
<form action="https://api.formsreach.com/submit" method="POST">
  <input type="hidden" name="api_key" value="YOUR_API_KEY">
  <input type="text" name="name" required>
  <input type="email" name="email" required>
  <textarea name="message" required></textarea>

  <button type="submit">Submit Form</button>
</form>

Static sites still need a form backend

Astro shines at shipping HTML-first pages. Contact forms still need somewhere safe to POST. FormsReach is that form API, so your component stays a normal form instead of a custom server route or third-party email widget.

Platform notes

Prefer a shared .astro form component so every page uses the same markup.
Works with static hosts (Netlify, Cloudflare Pages, GitHub Pages, Vercel static).
After submit, you get email and/or WhatsApp based on how you configure delivery.

Troubleshooting

Nothing arrives: Confirm the hidden api_key field and check spam on Free.
Full page navigation after submit: Expected for classic form POST; use a Pro custom redirect when you want a thank-you URL.
Wrong fields: Ensure each control has a name attribute.

What you get

Monthly credits for submissions and delivery. Scale when volume grows.

Free

500 credits every month for form submissions, email, webhooks, and workflow rules. Spam filtering included. No credit card required.

Starter, Pro & Agency

Larger monthly credit pools (2,000 / 5,000 / 18,000). WhatsApp via Meta Business API unlocks on Pro and Agency. See pricing.

FAQ

Common questions about FormsReach with Astro.

Do I need an Astro API endpoint or server adapter?+

Not for a basic contact form. The form posts to FormsReach from the browser, so you can stay on a fully static output.

Is an npm package required?+

No for the default HTML form POST path. You only need the endpoint and your API key.

Free vs Pro delivery?+

Email and WhatsApp via Meta WhatsApp Business API, with spam filtering. Usage is metered in monthly credits.

Can I use client islands instead?+

Yes - you can also use the JavaScript or framework SDKs inside islands. The default Astro snippet stays zero-JS form POST.

More framework guides that use the same FormsReach form API.

Ready to receive form leads?

Create a free API key. Upgrade when you need more monthly credits.

Get started →Docs guide

Set up FormsReach with Astro

Create a free API key

Add a form component

Import and ship