Adding a working form to a v0, Lovable, or Bolt app

---

title: Adding a working form to a v0, Lovable, or Bolt app description: AI app builders like v0, Lovable and Bolt ship beautiful UIs fast — but their forms have no backend. Here's how to make them collect real submissions in one line. date: 2026-06-20 author: wwwform tags: [v0, lovable, bolt, how-to] hero: ai-prompt tldr: v0, Lovable and Bolt generate front-end code, so the forms they create can't receive a submission on their own. Drop in the wwwform embed and you get storage, email delivery and spam protection without writing an API route or database. faq:

• q: Why doesn't my v0 / Lovable / Bolt form save anything? a: These tools generate front-end components. A form still needs a backend to receive, store and email submissions. wwwform provides that backend behind a single embed line, so there's no API route to build.
• q: Does the embed work inside React or Next.js code these tools export? a: Yes. The form renders in an isolated frame, so it drops into any React, Next.js or plain-HTML page without clashing with your components or styling.
• q: Do I have to connect a database? a: No. wwwform stores every submission for you and emails it on arrival, so there's nothing to provision or wire up.

---

The new generation of AI app builders — v0, Lovable, Bolt.new — is genuinely impressive. Describe an app, and seconds later you have a polished, responsive UI with forms, buttons and layout that would have taken a day to hand-build.

Then you ship it, someone fills in your lead form, and… the submission goes nowhere.

What these tools actually generate

v0, Lovable and Bolt are front-end generators. They produce the interface — the React components, the styling, the interactions. What they don't produce is the part of the app that has to run on a server:

• a route or function to receive the submission,
• a database to store it,
• an email service to notify you.

Some of them can scaffold a backend stub, but it still needs a real database, a real email provider, and secret keys you have to configure and keep working. For a simple contact or lead form, that's a lot of moving parts to maintain just to receive an email.

Skip the backend entirely

Instead of building and hosting all of that, point your form at wwwform. Build the form once, then paste one line where the form should appear:

<div id="wwwform-k_yourkey"></div>
<script src="https://cdn.wwwform.com/f/embed.js" data-wwwform="k_yourkey" async></script>

Now every submission is stored, searchable in your dashboard, and emailed to you the moment it arrives — with spam filtering already running in the background.

Have the AI wire it in

Because these tools take natural-language instructions, you can let them do the swap. Tell v0, Lovable or Bolt:

Replace my form's submit logic with this embed, keeping the current design: <div id="wwwform-k_yourkey"></div><script src="https://cdn.wwwform.com/f/embed.js" data-wwwform="k_yourkey" async></script>

The isolated frame means it won't fight with your existing components or theme.

One snippet, any builder

You're not locked into one tool. The same embed works across v0, Lovable, Bolt, Cursor, Replit, Framer, Webflow and plain HTML — so if you switch builders later, your form keeps working without a single change.