FRAMEWORK

Give your Angular form a backend

Formstork receives submissions from any Angular form, emails you each one, and keeps every message in a searchable dashboard. No server to stand up and no backend code to write.

How it works

An Angular form is just a component that collects fields; it has no way to deliver them on its own. Formstork is the backend that receives the POST. Your component sends its form data to a Formstork endpoint with your access key, and Formstork emails you each submission, sets the visitor's email as the reply-to, and saves the message to a searchable dashboard. Because the request is a plain fetch to an HTTPS endpoint, it works the same in a component method, a service, or a reactive form, with no server of your own to run. Turn on spam filtering or an integration like Slack or Google Sheets whenever you need it.

import { Component } from "@angular/core";

@Component({
  selector: "app-contact",
  standalone: true,
  template: `
    <form (submit)="onSubmit($event)">
      <input name="email" type="email" required />
      <textarea name="message" required></textarea>
      <button [disabled]="sending">{{ sending ? "Sending..." : "Send" }}</button>
    </form>
  `,
})
export class ContactComponent {
  sending = false;
  async onSubmit(e: Event) {
    e.preventDefault();
    this.sending = true;
    const data = new FormData(e.target as HTMLFormElement);
    data.append("access_key", "YOUR_ACCESS_KEY");
    await fetch("https://api.formstork.com/submit", { method: "POST", body: data });
    this.sending = false;
  }
}

No API server to build

Your Angular app stays a frontend. Formstork receives the POST, so there is no API server, database, or serverless function to build, deploy, or keep running just to catch a form.

Every message, kept and searchable

Formstork stores each submission in a searchable, taggable dashboard you can filter and export to CSV or JSON. Nothing lives only in an email you might lose or delete.

Spam never reaches you

A hidden honeypot, a server-side content filter, and optional Turnstile, hCaptcha, or reCAPTCHA keep bots out. Flagged submissions are held back in your dashboard and never email you.

Set it up

1Build your Angular form as usual, a template-driven form or a reactive form, with a name on each field.
2In your submit handler, POST the form data to https://api.formstork.com/submit with your access key as an access_key field (or use the short /f/YOUR_ACCESS_KEY URL).
3Submit once to test. The submission lands in your inbox and your Formstork dashboard, with the visitor's email set as the reply-to.
4Optional: connect an integration like Slack or Google Sheets, and on paid plans turn on an autoresponder.

Frequently asked questions

How do I add a backend to an Angular form?

In your submit handler, POST the form data to a Formstork endpoint with your access key. That is the backend: Formstork receives the POST, emails you the submission, and stores it in your dashboard. There is no server to run and no backend code to write yourself.

Do I need a server or API for Angular form submissions?

No. Your Angular app stays a frontend and posts straight to Formstork with a plain fetch. Formstork is the hosted backend that receives and delivers every submission, so there is nothing for you to stand up.

Is it free?

Yes, the free plan includes 250 submissions a month with a full dashboard and 90-day retention. Paid plans add more volume, forever retention, autoresponders, and file uploads or attachments.

Try Formstork free

250 submissions a month with a full dashboard. No credit card required.

Get your access key Read the docs