SolidJS

SolidJS contact form without a backend

Point a SolidJS form at FormsReach with a plain HTML form POST, or load the JavaScript SDK. No custom server, 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 SolidJS

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 the form JSX
Render a form with method POST, action set to the FormsReach submit endpoint, and a hidden api_key input alongside name, email, and message fields.
3
Ship and test
Deploy your Solid app. Submit once - check email and/or WhatsApp depending on your delivery settings.

HTML snippet

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

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

Fine-grained UI, simple form delivery

SolidJS keeps updates sharp. Contact delivery should stay boring. FormsReach is the form API so your component stays UI, not infrastructure.

Platform notes

Prefer a shared ContactForm component.
Classic form POST works without client stores or signals for submit state.
Use the JavaScript integration when you want CDN init and data-formsreach.

Troubleshooting

Nothing arrives: Confirm api_key is in the rendered DOM.
PreventDefault without send: If you intercept submit, you must post to FormsReach yourself.
Wrong fields: Ensure each input 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 SolidJS.

Is there an @formsreach/solid package?+

Not required. Use HTML form POST or the JavaScript SDK. The form API is the same across stacks.

Do I need a SolidStart API route?+

Not for a basic contact form. FormsReach is the form backend the browser posts to.

Free vs Pro delivery?+

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

Can I submit with fetch instead?+

Yes if you prefer - post the same fields to the FormsReach submit endpoint. The HTML snippet is the simplest path.

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 SolidJS

Create a free API key

Add the form JSX

Ship and test