Formstorkdocs
PricingENTRDashboard

Send an HTML form to email

You have a contact form in plain HTML and you want each submission to land in your inbox. HTML alone cannot send email, a <form> can collect fields, but something has to receive them and deliver the mail. That “something” is a form backend. With Formstork you point your form at an endpoint and the email is sent for you, with no server to run and no backend code to write.

The whole thing

<form action="https://api.formstork.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">

  <label>Name <input type="text" name="name" required></label>
  <label>Email <input type="email" name="email" required></label>
  <label>Message <textarea name="message" required></textarea></label>

  <!-- Honeypot: bots fill this, humans don't. Keep it hidden. -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

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

That is the complete setup. When a visitor submits, Formstork emails the submission to your verified address and stores it in your dashboard. No PHP, no Node server, no SMTP configuration.

Step by step

  1. Get an access key. Create a free account and copy the access key for your form. The free plan includes 250 submissions a month.
  2. Point the form at the endpoint. Set action to https://api.formstork.com/submit and add your key as a hidden access_key field (or use the short URL form, https://api.formstork.com/f/YOUR_ACCESS_KEY, and skip the hidden field).
  3. Name your fields. Every named input becomes a line in the email, name, email, message, or anything else you add.
  4. Submit once to confirm. Send a test submission and check your inbox. It also appears in your Formstork dashboard.

Set the subject and reply-to

A couple of hidden fields make the email nicer to receive:

<input type="hidden" name="subject" value="New message from my website">
<input type="hidden" name="from_name" value="My Website">
<input type="email" name="email" required>

Formstork uses the visitor’s email field as the reply-to, so you can reply straight from your inbox and it reaches the sender.

Send the visitor to a thank-you page

Add a redirect field to send people to your own page after submitting:

<input type="hidden" name="redirect" value="https://yoursite.com/thanks">

Remove it to show Formstork’s default thank-you page, or handle the response with JavaScript to show a message without leaving the page.

Keep spam out of your inbox

The hidden botcheck honeypot above stops most bots on its own. Formstork also runs a server-side spam filter on every submission and can require hCaptcha or Turnstile per form, no reCAPTCHA required. Anything flagged goes to your Spam tab and sends no email.

Where else can submissions go?

Email is the default, but the same submission can also be sent to Slack, Discord, Google Sheets, Telegram, or an HMAC-signed webhook, turn one on and every submission fans out automatically.

Frameworks

Using React, Vue, Svelte, Next.js or Astro instead of plain HTML? The endpoint is the same; see the framework guides for typed SDKs and copy-paste snippets.

Ready to send your first one? Get your free access key.