Contact form for Lovable

Give your Lovable app a working contact form in one prompt

Lovable builds the front end but has nowhere to send a form. Point it at Formpit and submissions are emailed to you and kept in an inbox, with no Supabase setup.

Create a free form Docs

How to set it up

Create a form in Formpit and copy its endpoint URL from the Setup tab.
In Lovable, paste the prompt below (replace YOUR_FORM_ID). Lovable wires the form to the endpoint with fetch().
Click Send on the generated form once. The submission appears in your Formpit inbox and in your email.

Prompt to paste into Lovable

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

Works with Lovable's free plan; nothing to install.
If you later add Supabase, you can keep Formpit for notifications and the inbox.

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

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