Add a Working Contact Form to Any Hugo Site
Connect your Hugo contact form to Lucid Forms. Keep your website 100% static while securely routing submissions directly to your inbox with no server coding.
<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 Hugo layouts by hand or used a pre-built template, 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 Hugo HTML templates, 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 Hugo Contact Form
Give your form link to any AI website builder. It generates the Hugo layout. Lucid Forms handles the submissions.
Create a modern, styled Hugo contact form layout.
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 with Tailwind CSS
Everything your Hugo contact form needs to actually work
Most Hugo contact forms look great in templates but don't do anything because static pages cannot process server requests. Lucid Forms handles the backend processing, routing 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 server configuration required
Hugo is a static site generator. With Lucid Forms, you can host your site on GitHub Pages, Netlify, Vercel, or AWS S3 and have fully working forms without maintaining a server.
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 Hugo DIY Approach | Lucid Forms Backend |
|---|---|---|
| Server Setup | Rent database servers, write custom PHP/Node.js backend endpoints | Zero Server Setup (✓) |
| Email Delivery | Configure SMTP mail servers, manage bounce rates, handle templates | Instant Email Delivery (✓) |
| Static Hosting Support | Requires external serverless functions or dynamic API servers | 100% Compatible (✓) |
| AI-Generated Code Support | AI cannot easily set up databases and mail servers securely | Works Out-of-the-box (✓) |
| Spam Protection & Filtering | Integrate third-party CAPTCHAs, manage secret keys, verify tokens | 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 Hugo contact forms, spam protection, and framework support.
How do I make my Hugo contact form actually send messages?
Static Hugo forms cannot send emails on their own. With Lucid Forms, you just point your form's action attribute to your unique Lucid Forms URL and set the method to POST. When a user submits, the entry is captured, checked for spam, and forwarded to your inbox.
Do I need a server or PHP to handle forms in Hugo?
No. One of Hugo's primary benefits is that it requires no backend servers or PHP. By using Lucid Forms, you keep your site completely static and secure while delegating form submissions to our API.
Can I customize the redirect URL after a Hugo form is submitted?
Yes! Lucid Forms allows you to set custom redirect URLs in your form settings, so your visitors are routed to a custom thank-you page on your Hugo site after submitting.
What hosting environments are supported for Hugo?
Since Lucid Forms processes submissions via a simple HTTP POST request, it works with all Hugo hosting providers, including GitHub Pages, GitLab Pages, Netlify, Vercel, Cloudflare Pages, S3, or shared hosting.
Does Lucid Forms protect Hugo forms from spam?
Yes. Every Lucid Forms endpoint comes equipped with automated spam protection, including honeypots and machine learning models, to filter out bot submissions without forcing users to complete CAPTCHAs.
Can I route Hugo form submissions to other apps?
Yes. Lucid Forms can automatically send submissions to Google Sheets, Slack, Notion, Discord, Webhooks, or via email, making it easy to manage leads.
Your website is ready.
Connect your Hugo contact form in 2 minutes.
No servers, no coding, no headaches. Join thousands of developers who use Lucid Forms.
✓ 10,000 submissions included