Add a Working Contact Form to Any HTML Website
Connect your HTML form to Lucid Forms and start receiving submissions in your inbox. Works on hand-coded sites, AI-generated pages, and static websites.
<form action="https://api.lucidforms.co/f/{form_id}" method="POST"><input type="email" name="email" placeholder="Email" required /><textarea name="message" placeholder="Message" required></textarea><button type="submit">Send</button></form>
How it works
Whether you wrote your HTML by hand or used AI to generate it, connecting a working contact form takes under 2 minutes.
Get your form link
Sign up for free and copy your unique form link from the Lucid Forms dashboard.
Add it to your website
Paste the form link into your HTML code, or give it to an AI tool like Cursor, Claude, or Lovable and let it build the form for you.
Receive submissions
Every time someone fills out your form, you'll get a notification in your inbox, Slack, or Notion, with built-in spam filtering.
Let AI Build Your HTML Contact Form
Give your form link to any AI website builder. It generates the HTML. Lucid Forms handles the submissions.
Create a modern, styled HTML contact form component.
Use this submission endpoint:
https://api.lucidforms.co/f/{form_id}
Requirements:
- Include name, email, and message fields
- Set action to endpoint, method to POST
- Make it responsive and modern
Everything your HTML contact form needs to actually work
Most HTML contact forms look great but don't do anything on their own. Lucid Forms makes them work, delivering submissions to your inbox, Slack, Notion, and more.
Get submissions in your inbox
Every form entry goes straight to your email. No setup, no configuration: it just works from the moment you connect.
No servers or coding required
Your website can be hosted anywhere, including Vercel, Netlify, GitHub Pages, or shared hosting. Lucid Forms works with all of them.
Spam protection built in
Bots get blocked automatically. Your visitors never see annoying CAPTCHAs, and your inbox stays clean.
Send form data anywhere
Route submissions to Notion, Google Sheets, Slack, or any webhook. Set it up once and every entry flows to the right place.
Lucid Forms vs. Doing It Yourself
See why thousands of developers skip the headache and use Lucid Forms instead.
| Feature / Requirement | The HTML DIY Approach | Lucid Forms Backend |
|---|---|---|
| Server Setup | Rent database servers, write custom PHP/Node.js scripts | Zero Server Setup (✓) |
| Email Delivery | Configure SMTP email servers, handle bounce rates | Instant Email Delivery (✓) |
| Static Hosting Support | Requires custom API endpoints or serverless functions | 100% Compatible (✓) |
| AI-Generated Code Support | Requires manual backend integration and database coding | Works Out-of-the-box (✓) |
| Spam protection & Filtering | Integrate reCAPTCHA, build custom spam filters | Automatic Honeypots & ML (✓) |
Add Contact Forms to Astro, Next.js, and Plain HTML Sites
Connect your forms effortlessly. Lucid Forms provides platform-agnostic endpoints that work across all modern hosting environments, frontend frameworks, and AI builders.
Plain HTML
Paste the form endpoint directly into your index.html. No dependencies or frameworks needed.
Astro
Add contact forms to Astro components. Works perfectly with serverless adapters or static exports.
Next.js & React
Submit React form states or use standard post actions in your Next.js app router forms.
Webflow & CMS
Connect Webflow forms, Wix custom inputs, or WordPress layouts to capture leads directly.
AI-Generated Sites
Claude, Cursor, ChatGPT, and Lovable can write static frontend code but need a backend to process data.
Static Site Gen
Add contact pages to Hugo, Jekyll, Gatsby, or Vitepress sites. Keep your site completely static.
Wix & Shopify
Add custom contact forms to e-commerce templates and site builders without extra plugins.
Deploy Anywhere
Host on Vercel, Netlify, Cloudflare Pages, GitHub Pages, or shared hosting. The forms will work.
Frequently Asked Questions
Everything you need to know about setting up HTML contact forms, spam protection, and framework support.
How do I make my HTML contact form actually send messages?
Most HTML contact forms don't do anything on their own; they need a place to send the data. With Lucid Forms, you just paste a form link into your HTML and submissions are delivered to your inbox automatically. No coding or server setup needed.
Can static HTML forms send email?
HTML by itself can't send emails. It can display a form, but it can't process submissions or notify you. That's where a form backend like Lucid Forms comes in, which receives the form data, checks for spam, and sends you a notification by email, Slack, or Notion.
Do I need to know how to code to use Lucid Forms?
Not at all. If you can copy and paste a link, you can use Lucid Forms. You can also hand the form link to an AI tool like Cursor, Claude, or Lovable and it will build the entire form for you. No technical knowledge required.
What is the easiest way to add a contact form to my website?
Lucid Forms is the easiest way to add a working contact form to any HTML website. Sign up, copy your form link, and paste it into your site. Submissions go to your inbox, Slack, Notion, or Google Sheets, with spam protection included and zero server setup.
Does Lucid Forms protect HTML forms from spam?
Yes. All Lucid Forms endpoints are equipped with built-in, automated spam protection. We utilize silent honeypot fields, IP rate limits, and machine-learning filters to block spam bots, ensuring your inbox stays clean without forcing your visitors to complete annoying CAPTCHA challenges.
Does this work with websites built by AI tools like Cursor or Lovable?
Yes! Lucid Forms works perfectly with websites built by AI tools like Cursor, Claude, Lovable, and ChatGPT. It also works with frameworks like Astro, Next.js, and Gatsby, as well as plain HTML sites. Just include your form link and you're all set.
Your website is ready.
Connect your HTML contact form in 2 minutes.
No servers, no coding, no headaches. Join thousands of developers who use Lucid Forms.
✓ 10,000 submissions included