:::::::--===++++++++==--::::::::--==++++++++===--:::::::=++++====-----::::----====++++====----::::-----====++++=*#####*+=--:· ·::-=+**####**+=-::· ·:--=+*#####**#####*+=--:· ··:-=+*######*+=-:·· ·:--=+*#####*+++++++==---:::::::---==++++++++==---:::::::---==+++++++::::::---====++++++===---::::::---===++++++====---::::::· ·:-==+*#####**+=-:·· ··:-=+**#####*+==-:· ·· ·:-==+*#####**+=-:·· ··:-=+**#####*+==-:· ·:::::::--===+++++++===---::::::---===+++++++===--:::::::+++++++==---:::::::---==++++++++==---:::::::---==+++++++*#####*+=--:· ··:-=+*######*+=-:·· ·:--=+*#####**#####*+=--:· ··:-=+**####**+=-:·· ·:--=+*#####*=+++++===----:::::----===++++++===----:::::----===+++++=:::::::--===++++++++==--::::::::--==++++++++===--:::::::· ·:-==+*#####**+=-:· ·:-=+**#####*+==-:· ·· ··:-==+**####*++=-:·· ··:-=++*####**+==-:·· ·

Guides

Contact forms for static sites without a backend

June 5, 2026

Add a working contact form to a fully static site on Netlify, Cloudflare Pages, or GitHub Pages. No server, no serverless functions, no email server to maintain.

Leif Andersson · Founder

Static sites are fast, cheap, and easy to deploy. A portfolio on Cloudflare Pages, a landing page on Netlify, a docs site exported from Next.js: none of these need a running server. Until you add a contact form.

The moment a visitor needs to send a message, most teams reach for serverless functions, a small Express app, or a third-party iframe widget. Each option adds complexity, cost, or UX tradeoffs that a simple marketing site should not carry.

Why static sites break at the contact form

HTML forms need somewhere to POST data. Browsers cannot send email directly. A mailto: link works for one person but not for a business inbox, spam filtering, or a submission history.

The usual fixes pull you away from static hosting:

Netlify Forms or similar platform lock-in tied to one host.
AWS Lambda or Cloudflare Workers you write, deploy, and monitor yourself.
A full Node or PHP backend on a VPS you pay for monthly.
Google Forms or Typeform embeds that look nothing like your site.

Keep the site static, offload the form backend

Reachase separates your page from your form handler. Your site stays a folder of HTML, CSS, and JavaScript deployed to any static host. The iframe embed posts submissions to Reachase, which stores them, sends email notifications, and applies spam protection.

You get a real contact form with custom fields and appearance controls. Paste one iframe snippet on your contact page and submissions show up in your Reachase dashboard.

What this looks like in practice

Build your site however you want: Astro, Hugo, plain HTML, or a Next.js static export. Deploy to Cloudflare Pages for free. Paste one embed snippet on your contact page. Submissions show up in your Reachase dashboard and inbox.

The free plan covers one form and 50 submissions per month, which is enough for most personal sites and early-stage products. When volume grows, upgrade without changing your hosting setup.

No server to provision or patch.
No cold starts or function timeouts.
Works on any static host with a script tag.
Email notifications included on every plan.