Contact form for Bolt

A contact form for your Bolt.new project that actually delivers

Bolt generates the UI; Formpit receives the submissions. One prompt and the form posts to your endpoint.

How to set it up

1. Create a form in Formpit and copy the endpoint URL.
2. Paste the prompt below into Bolt (replace YOUR_FORM_ID).
3. Submit the form once to confirm it lands in your Formpit inbox.

Prompt to paste into Bolt

Make the contact form submit to Formpit. On submit, POST the form fields as JSON to
https://formpit.com/f/YOUR_FORM_ID with headers Content-Type: application/json and Accept: application/json.
Show a "Thanks, we'll be in touch" message when the response JSON has ok: true, and an error message otherwise.
Add a hidden text input named _gotcha that is never shown or filled (spam trap). Do not add any other backend.

Replace YOUR_FORM_ID with the endpoint from your form's Setup tab.

Good to know

• No server or database needed in the Bolt project.

What you get

• Every submission emailed to you and stored forever in an inbox with New / Replied / Closed statuses.
• Reply from the inbox, add tags and notes, search, export CSV or JSON.
• Spam filtering with a honeypot, rate limiting and content checks; hCaptcha, reCAPTCHA or Turnstile if you want it.
• 500 submissions a month free. Pro adds file uploads, Google Sheets, Notion, Slack, webhooks and reminders.

Other platforms

Lovable · v0 · WordPress · Shopify · Wix · Squarespace · Framer · Webflow · Carrd · Plain HTML · React · Next.js · Astro · Hugo, Jekyll & Eleventy · Vue & Nuxt · Svelte & SvelteKit