Contact form for v0

Connect a v0-generated form to a real inbox

v0 by Vercel produces React components with no backend. Formpit is the backend: paste the prompt, deploy, done.

How to set it up

1. Create a form in Formpit and copy the endpoint URL.
2. Ask v0 with the prompt below, or edit the generated component to call fetch() as shown.
3. Deploy and send a test submission.

Prompt to paste into v0

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

• Vercel's own serverless functions are not needed; the browser posts straight to Formpit (CORS is open).

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 · Bolt · WordPress · Shopify · Wix · Squarespace · Framer · Webflow · Carrd · Plain HTML · React · Next.js · Astro · Hugo, Jekyll & Eleventy · Vue & Nuxt · Svelte & SvelteKit