Get your free access key
Sign up at splitforms.com/login and copy your access key from the dashboard — no credit card required.
Contact form · Lovable
Contact form for Lovable apps.
Lovable builds your form's UI — splitforms receives the submissions. Point the form at one endpoint and messages land in your inbox and dashboard in seconds.
- 500 free / mo
- No edge function
- 2-min setup
No edge function
No Supabase table, edge function, or Resend account — the endpoint is the backend.
Spam filtered
Honeypot, time-trap, and rate limits screen bots on every plan, including Free.
Inbox + dashboard
Every submission is stored and emailed to you within seconds.
Copy-paste ready
Your Lovable contact form, ready to paste.
Drop this into Lovable's generated markup, point the action at the endpoint, and replace YOUR_ACCESS_KEY with the key from your dashboard. That's the whole integration — no server, no edge function.
<form action="https://splitforms.com/api/submit" method="POST">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
<input type="text" name="name" placeholder="Name" required>
<input type="email" name="email" placeholder="Email" required>
<textarea name="message" rows="4" required></textarea>
<input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
<button type="submit">Send</button>
</form>How to add it
How to add a contact form to a Lovable app.
No server, no edge function, no Resend account. These are the same steps whether you ask Lovable's AI to wire the form up or paste the snippet into the generated component yourself.
Point your Lovable form at the endpoint
Ask Lovable's AI to POST the form to https://splitforms.com/api/submit with a hidden access_key field and a botcheck honeypot — or paste the snippet above directly.
Add your real access key
Replace YOUR_ACCESS_KEY in the hidden access_key input with the key copied from your dashboard.
Set a redirect (optional)
Using a plain HTML post instead of fetch? Add a hidden redirect field with your thank-you page URL.
Test and publish
Submit a test entry in Lovable's preview, confirm it lands in your inbox and dashboard, then publish — Free includes 500 submissions a month.
Why it's needed
Does Lovable have a built-in contact form backend? No.
Receiving a submission is a different job from rendering one: it needs storage, email delivery, and spam filtering, so Lovable hands that layer to you — its default suggestion is Supabase plus Resend, wired together through an edge function. A hosted form backend collapses that into one URL. Keep Supabase for the data your app actually reads and writes, and let splitforms own form delivery, spam filtering, and notifications. See the complete Lovable contact form guide for the side-by-side with the Supabase + Resend route.
- Receive the POST from Lovable's generated form — HTML action or fetch(), same access_key
- Filter spam with a botcheck honeypot, time-trap, content heuristics, and rate limiting
- Store every submission searchable in a dashboard, with CSV/XML/PDF exports on Pro
- Route to owner email free; Slack, Notion, Sheets, and signed webhooks on Pro
Where submissions go
Where do your Lovable form submissions go?
Every submission is emailed to you and saved to a searchable dashboard — spam filtered before it ever reaches you. Search, export to CSV, or forward it to a webhook or Slack on Pro.
- 500 submissions per month, free forever
- Honeypot + time-trap + rate limiting on every plan
- Signed webhooks to Slack, Discord, your server
Keep your design
Point your Lovable form at splitforms without touching the design.
You're only changing where the data is sent, not how it looks — keep Lovable's generated markup and Tailwind classes exactly as-is. Since Lovable apps are React under the hood, a fetch handler drops straight into the generated component too, as covered in the React contact form guide.
- Keep every generated input, class, and layout — only the action changes
- Access key is a public identifier, safe to ship in client code
- Lock each form to your domains so a copied key can't spam you
How SplitForms works
From form to workflow in 3 simple steps.
Connect your form, collect every submission, and send data where it needs to go — without building backend infrastructure.
Add your endpoint
Point your form to your unique SplitForms endpoint. That's it.
Receive submissions
We instantly capture and organize every submission in your inbox.
Route anywhere
Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.
No credit card required. Set up in under 60 seconds.
Connect & automate
Connect your favorite tools and automate everything
SplitForms works with the destinations you route to and the platforms you build on — from Slack and Sheets to WordPress, Shopify, and Next.js.
Trusted by indie teams and agencies shipping forms worldwide
PETAL/COKRAFT.DELINEAR-XBUILD.DEVSTUDIO 71MERIDIANFRAME&CO
Testimonials
Loved by developers shipping at every scale.
40 quotes on record — from indie hacks to agency migrations.
“I replaced a Lambda + DynamoDB + SES contact form with six lines of HTML. It took eleven minutes, and the dashboard is better than what I was going to build.”
“We migrated 14 client sites off Formspree in a single weekend. The price is a third of what we paid, the API is more honest, and the spam filter actually works.”
“The webhook payload is signed, idempotent, and well-shaped. It reads like code from a competent team, not a CRUD app held together with duct tape.”
“I stopped reaching for Typeform on small marketing sites. splitforms covers 90% of the use case at none of the bloat.”
“I onboarded our whole agency in an afternoon. The MCP integration meant Cursor literally dropped the form straight into our client repos for us.”
“The free plan gave me 500 submissions before I paid a cent, and Pro is five dollars a month. I've spent more on coffee deciding which backend to use.”
“Spam went from forty junk entries a day to zero, with no reCAPTCHA puzzle ruining the form. The honeypot and time-trap just quietly do their job.”
“Point the form action at one endpoint and you're done. No SDK, no client library, no build step. This is how a form backend should feel.”
“Leads land in Slack the second someone submits, and a copy goes to Google Sheets for the sales team. I wired both up in under ten minutes.”
“I run a static Hugo site on a five-dollar VPS. splitforms gave it a real contact form without me standing up a single server.”
Questions
Lovable contact form questions.
View all FAQsCan I add a contact form to a Lovable app?
Yes. In Lovable, add an HTML form (or edit the generated React component) that posts to a hosted form backend like splitforms. No Supabase edge function, database table, or API route needed — point the form at https://splitforms.com/api/submit with your access key.
Does Lovable have a built-in contact form backend?
No. Lovable generates the UI, inputs, and validation for a form, but it doesn't run a server to receive submissions. A freshly generated Lovable form does nothing (or just logs to the console) when you click submit until you wire it to an endpoint.
Will pointing my Lovable form at splitforms break the design?
No. You're only changing where the form's data is sent, not how it looks. Keep Lovable's generated markup and Tailwind classes exactly as-is — just change the form action (or fetch URL) to https://splitforms.com/api/submit and add the hidden access_key field.
Is it safe to expose my access key in Lovable's client-side code?
Yes. The access key is a public identifier, not a secret — it's designed to live in client code. Lock each form to your own allowed domains and submissions from any other site are rejected, so a copied key can't be used to spam your inbox.
Can Lovable form submissions go to Slack, Notion, or Google Sheets?
Yes, on the Pro plan ($5/mo). splitforms has one-click OAuth integrations for Google Sheets, Notion, and Airtable, plus signed webhooks for Slack, Discord, Telegram, and WhatsApp, configured once in the dashboard. Free includes owner email notifications and dashboard storage.
What happens after my Lovable app passes 500 submissions a month?
Nothing breaks — you'll just want to upgrade. Pro is $5/mo for 5,000 submissions plus webhooks, exports, and CC/BCC, and the 3-Year plan is a $59 one-time payment for 15,000/mo.
Does this work if my Lovable app already uses Supabase for auth?
Yes, the two don't conflict. Keep Supabase for auth and app data, and route the contact or lead form to splitforms instead of adding a table just to email yourself a submission.
How does splitforms stop spam on a Lovable contact form?
A hidden honeypot field (botcheck) catches basic bots, a time-trap field flags submissions sent suspiciously fast, and server-side content heuristics plus rate limiting filter the rest — included on every plan, including Free.
Can I edit Lovable's generated React code instead of the HTML form?
Yes. Lovable apps are React under the hood, so a fetch handler drops straight into the generated component: in your onSubmit, call new FormData(e.target), append your access_key, and POST it to https://splitforms.com/api/submit. Keep every generated input, Tailwind class, and layout — only the submit handler changes. The same fetch-and-FormData pattern works for any React app, not just Lovable.
Simple pricing
Start free. Scale when you need more.
Choose a plan that fits your workflow — from a free form endpoint to full automations, exports, and higher submission limits.
Free
$0
Free forever
For side projects and indie devs.
- 500 submissions / mo
- Unlimited forms
- Email notifications included
- Honeypot spam filtering
- Submissions dashboard
- MCP setup stays free
- No credit card required
Most Popular
Pro
$5/ month
was $15 · save 67% · new-user price
For agencies and growing products.
- 5,000 submissions / mo
- Unlimited forms
- Every paid feature included
- Priority support (under 4hr)
- 10× free submission volume
- Cancel anytime
Pre-launch · founders pricing locked in
3-Year
$59/ 36 months
was $99 · save 40% · new-user price
Pay $59. 3 years sorted.
- 15,000 submissions / mo
- Unlimited forms
- Everything in Pro
- Renews every 3 years
- Long-term discount
- Priority support included
- Vote on the roadmap
No credit card required on Free • Cancel anytime