How to add a contact form to a Lovable site (without touching code)

You built a whole site in Lovable in an afternoon. It looks great, it has a contact form, and you want to add a working contact form to your Lovable site that actually reaches your inbox. Then you test it. You fill it out, hit submit, and nothing happens. No email. No confirmation. The message just disappears into nowhere.

This is the single most common thing that breaks on AI-built sites, and it is not Lovable's fault. Lovable builds the front end. A contact form needs a back end to catch the submission, deliver it as email, filter the spam, and store it somewhere you can read it later. None of that ships with the site. So the form looks done but does nothing.

Here is the fix, and you do not have to write or read a single line of code to do it.

Why the form goes nowhere

An HTML form has an action, which is the address it sends data to when someone clicks submit. On a normal site, that address points at a server your developer built. On a Lovable site, there is no server. The form has no address to send to, so the browser has nothing to do. The submission never leaves the page.

You do not need to build a server for this. You need a form backend, which is a service whose entire job is to be that address. Your form points at it, and it handles the email, storage, and spam for you. That is what FormRelay is.

The two-minute version

First, create a free FormRelay account and make a form. You give it a name and one email address to send submissions to, and you get back an access key. That key is the address your Lovable form has been missing.

Now you need to get that key into your site. Lovable can only be edited by chatting with it, which is actually perfect here, because every FormRelay form comes with a ready-made prompt built for exactly this. You copy the prompt, paste it into the Lovable chat, and Lovable wires the key into your existing form. It looks something like this:

Lovable does the edit. You test the form again, and this time the message lands in your email in seconds. That is the whole job. You never opened a code editor and you never touched the markup yourself.

Why the prompt, and not a plugin

Builders like Claude Code and Cursor can connect directly to FormRelay through MCP, so their agents create and wire the form on their own. Lovable, Bolt, v0, and Replit cannot connect MCP servers yet, so the prompt is the integration instead. It carries everything the builder needs in one paste. You get the same result, which is a working form, with one extra copy and paste.

The field names in that prompt matter. FormRelay uses the same field names as the other common form services, so if you ever came from one of those, the swap is just the action URL. You can read the full setup in the docs, and if you are moving off another backend, the switch guide covers that too.

What you get once it works

The moment a submission comes in, three things happen. It gets emailed to the address you set. It gets saved in a private inbox you can open any time, or share a read-only link to if a client wants to see their own leads. And it gets checked for spam before it ever reaches you.

That spam filtering is worth a sentence. FormRelay uses a hidden honeypot field plus content filtering, so bots get caught silently and you do not have to bolt a captcha onto your nice clean form. Real people never see a puzzle, and you never read junk.

If you are on the Pro plan, you can also push each submission to a webhook, so a new lead can drop straight into Slack or Discord formatted and readable, or into an automation in n8n or Zapier. That part is optional. The email and the inbox work on the free plan out of the box.

What it costs

The free plan is genuinely usable: 3 forms, 100 submissions a month per form, spam filtering, the private inbox, and full MCP and API access. No card to start. If you outgrow it, Pro is $15 a month, or $9 a month billed yearly, and adds unlimited forms, a higher submission cap, webhooks, and up to five recipients per form.

We also just launched, so the first 50 builders can grab lifetime access for $149 once. Everything in Pro, forever, no subscription. When the seats are gone the deal is gone. Details are on the pricing page.

That is the entire process. The site was the hard part, and you already did it. The form was never supposed to be the thing that stopped you.