Connect Forms Built with Lovable, Bolt.new, v0, Cursor or ChatGPT

Why doesn't the form my AI tool built send anything?

Because most AI builders write the front end only. The form looks right, the button clicks, and the data goes nowhere, or to a placeholder URL. Formbold gives that form a real endpoint that stores submissions and emails them to you.

You'll need a Formbold form first. Create one in All Forms with Create New Form.

How do I use the "Built with an AI Tool?" prompt builder?

1. Open your form and go to the Form Setup tab.
2. Scroll to Built with an AI Tool?.
3. Pick your tool: Lovable, Bolt.new, v0.dev, Cursor, ChatGPT or General.
4. Copy the prompt. It already contains your endpoint, https://formbold.com/s/YOUR_FORM_ID.

The prompt asks the AI to submit your form with fetch and a JSON body, show a success message, and handle errors. You don't need to edit it.

Where do I paste the prompt?

Into the same chat where you built the app. In Lovable, Bolt.new and v0 that's the project chat. In Cursor, open the chat with the form's file in context. In ChatGPT, paste the prompt together with your form's code.

If your app has more than one form, say which one, for example "Use this for the contact form on the Contact page only."

What should I check after the AI updates my form?

Read the code it changed. It takes two minutes and saves an afternoon. Check these:

• The URL is your real endpoint, not YOUR_FORM_ID or an example domain.
• The method is POST.
• Every field has a `name`, or a matching key in the JSON body. That name is the label you'll see in Submissions and in the email.
• The headers. A fetch call with a JSON body should send Content-Type: application/json and Accept: application/json.

Then publish a preview and send a real submission. Check that it shows up in Submissions and that the email reaches your inbox, not spam.

Should I set a redirect or spam protection?

Probably both. A fetch form shows its own thank-you message, so a redirect is optional. If the AI wrote a plain HTML form instead, set a Redirect URL in Settings > Email Configuration so visitors land on your own thank-you page. Redirects are on Starter and higher.

For spam, turn on Basic Spam Filter in Settings > Spam & Security straight away. Forms on AI-built sites often go live fast and get found by bots just as fast. Details in Spam Protection.

What mistakes do AI tools make most often?

These four cover nearly every "it doesn't work" message we see:

1. A missing `name` attribute. The input renders, but its value never reaches Formbold. Add name="email" and so on to each field.
2. `GET` instead of `POST`. The form puts your data in the URL and Formbold ignores it. Change the method to POST.
3. The wrong endpoint. A placeholder, an old form ID, or a made-up API URL. Copy the endpoint from Form Setup again.
4. No `Content-Type` or `Accept` header on `fetch`. Without them the request may be sent as plain text, or your code can't read the response. Add both as application/json.

If it still fails, open the browser's Network tab, submit the form, and look at the request to formbold.com/s/.... The status code and response usually point straight at the problem.

Can the AI create the Formbold form for me too?

Yes, if your coding tool supports MCP. Connect the Formbold MCP server and ask "Create a Formbold contact form called Website Contact and wire it into the contact page." It creates the form and gives the endpoint back to the AI in one step.

Is there a step-by-step guide for my tool?

Yes, for the three we're asked about most: Lovable, Bolt.new and v0. Each one has a prompt you can paste, the code you should end up with and the mistake that tool makes most often.