Getting Started with Formbold

What is Formbold?

Formbold is a form backend: point any HTML or JavaScript form at your Formbold endpoint, and it stores each submission, filters spam and sends it to email, Slack, Google Sheets, webhooks and 8 other apps, with no server to run.

It works the same way on a static HTML page as in a Next.js, React, Vue or Angular app, and the Free plan covers 250 submissions a month across 10 forms.

How do I connect my first form?

It takes five steps:

1. Log in to the dashboard, open All Forms and click Create New Form.
2. Give the form a name you'll recognise, like "Website contact", and create it. Only you see this name.
3. Open the form and go to the Form Setup tab. Copy your endpoint, which looks like https://formbold.com/s/YOUR_FORM_ID.
4. Set your form's action to that endpoint and its method to POST.
5. Submit a test entry on your site and check that it shows up under Submissions.

The Form Setup guide walks through that tab in more detail, including the prompt builder for AI tools like Lovable and v0.dev.

What does a working HTML form look like?

Here's a complete contact form wired to Formbold:

<form action="https://formbold.com/s/YOUR_FORM_ID" method="POST">
  <label for="name">Your Name</label>
  <input type="text" name="name" id="name" placeholder="John Doe" required />

  <label for="email">Email Address</label>
  <input type="email" name="email" id="email" placeholder="[email protected]" required />

  <label for="message">Message</label>
  <textarea name="message" id="message" rows="4" placeholder="How can we help you?" required></textarea>

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

How do I test it before launch?

Use the Test Form tab on your form. It sends a real submission with four fields (Full name, Email, Subject and Message), so you can check your email and connected apps without touching your site.

Test submissions count toward your monthly limit, so a few are fine but don't overdo it. More in Test Your Form.

Why are some fields missing from my submissions?

Almost always because the input has no name attribute. Formbold keys each value by its name, so name="email" becomes the Email field in your submission. An input without one is ignored.

Two more things to check:

• Use HTML5 validation like required and type="email" so people fix typos before they submit.
• If the form takes files, add enctype="multipart/form-data" to the <form> tag. File uploads need a Starter plan or higher.

What should I set up next?

Most people do these next, roughly in this order:

• Email notifications: choose who gets each submission, plus CC, BCC and the subject line.
• Spam protection: turn on the spam filter or use your own Google reCAPTCHA keys.
• Connecting apps: send submissions to Slack, Google Sheets, Notion, Discord, Telegram or a webhook.
• Workspaces and teams: one workspace per client, with teammates as Admins or Members.
• MCP server: let Cursor, VS Code, Claude or Codex create forms, change settings, send test submissions and check form stats for you.