How to add a working contact form to a Claude-built website

---

title: How to add a working contact form to a Claude-built website description: Claude can generate a beautiful site, but its contact form won't actually send anything. Here's the one-line fix to make it work. date: 2026-06-18 author: wwwform tags: [claude, contact-form, how-to] hero: one-line tldr: A form Claude generates is just HTML — it has no backend, so submissions go nowhere. Paste one wwwform embed snippet into the page and the same form starts emailing you every response, no server required. faq:

• q: Why doesn't the form Claude built for me work? a: An HTML form on its own has nowhere to send data. Receiving a submission needs a server, storage and email — which Claude can't set up for you. wwwform provides all of that behind a single embed snippet.
• q: Do I need to write any backend code? a: No. You paste one line into your page. wwwform hosts the form logic, stores every submission and emails it to you, so there's no server or database to build.
• q: Will the snippet clash with my Claude page's styles? a: No. The form renders inside an isolated frame, so your page's CSS and the form never interfere with each other. It looks consistent on any site.

---

You asked Claude to build you a website, and it did — a clean landing page with a tidy contact form. You deploy it, fill in the form to test it, hit Send… and nothing happens. No email. No error. Nothing.

This is the single most common gap in AI-generated websites, and it's not Claude's fault. A form in HTML is just markup. To actually receive what someone types, you need a backend: a server to catch the submission, somewhere to store it, and a way to email you. AI tools generate the front end — the part you can see — but they can't stand up a backend for you.

The fix is one line

Instead of wiring up a server, you point the form at a service that already does all of that. With wwwform you build the form once, then paste a single snippet into your Claude-built page:

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

That's the whole integration. The form renders right where you put the snippet, submissions show up in your dashboard, and you get an email every time someone fills it in.

The prompt to give Claude

You can even let Claude place it for you. Paste this into your conversation:

Replace the contact form in my page with this exact HTML snippet, keeping the surrounding layout and styling: <div id="wwwform-k_yourkey"></div><script src="https://cdn.wwwform.com/f/embed.js" data-wwwform="k_yourkey" async></script>

Claude will drop it in, and because the form lives in an isolated frame, it won't clash with the rest of your page's styles.

Why this works on any AI-built site

The same snippet works whether your site came from Claude, ChatGPT, or you hand-wrote the HTML. There's no framework to install and nothing to configure on a server — just one line, and your form finally works.