Svelte Contact Form Without a Backend

Set up FormsReach with Svelte

Create a free API key

Add the form component

Create a Svelte component with a standard form, method POST, action set to the FormsReach submit endpoint, and a hidden api_key field.

Ship and test

Deploy to your host (static or SvelteKit). Submit once - check email and/or WhatsApp depending on your delivery settings.

<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>

<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>

Keep Svelte focused on UI

Svelte is excellent at UI. Contact delivery is a separate problem. FormsReach handles the form API so your component stays a form, not a mail stack.

Platform notes

Works in pure Svelte apps and SvelteKit.
Prefer a shared ContactForm.svelte used across pages.
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.
SvelteKit intercepts submit: Use a plain form action pointing at FormsReach, or handle fetch yourself against the same endpoint.
Wrong fields: Ensure each input has a name attribute.

What you get

Free

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

Starter & Pro

Larger monthly credit pools (2,000 or 8,000) for growing sites and multi-site volume. Same channels - email, WhatsApp via the official Meta API, webhooks. See pricing.

FAQ

Do I need a SvelteKit form action or server endpoint?+

Not for a basic contact form. FormsReach is the form backend, so you can use a classic form POST without +page.server.ts mail code.

Can I use progressive enhancement with SvelteKit?+

Yes. A normal form POST to FormsReach works with or without client JS. Use the JavaScript SDK if you want client-side init instead.

Free vs Pro delivery?+

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

Does this work on static Svelte builds?+

Yes - the browser posts to FormsReach, so you do not need a long-running SvelteKit server for delivery.

Svelte contact form without a backend