Back to blog

Tutorial

7 min read

April 5, 2026

How to Add a Contact Form to a Static Site — No Backend Required

Static sites have no server to receive form submissions. WizeForm acts as your form backend — handling submissions, filtering spam, and delivering AI-scored leads to your inbox.

WizeForm Team

Engineering

Why static sites and contact forms don't mix out of the box

Static sites are deliberately simple: files served directly from a CDN, no application server, no database. This architecture is fast, cheap to host, and easy to maintain. The problem is that HTML forms need a server-side destination to POST their data to. A static site has no server, which means a contact form on a static site has nowhere to send its submissions.

The standard workaround is to write a serverless function that accepts the POST, validates it, and forwards the data via an email API. It sounds straightforward until you're managing CORS headers, handling JSON vs multipart form data, configuring secrets, testing submission edge cases, and maintaining a deployed function that needs to keep working when you're not paying attention to it.

WizeForm exists to eliminate this entirely. Instead of building and maintaining a serverless function yourself, you point your form at WizeForm's endpoint. WizeForm receives the submission, runs it through AI scoring, filters spam, stores it in your dashboard, and emails you a scored notification. Your site stays fully static. You write zero backend code.

Setting up WizeForm on a static site

The integration requires three changes to your HTML. Set your form's action attribute to https://wizeform.com/api/submit. Set the method to POST. Add a hidden input named access_key with your WizeForm key as the value. That's the entire backend integration — WizeForm handles everything else.

Your WizeForm access key is available immediately after creating your free account at wizeform.com. It starts with wf_ followed by a unique string. Every form on your static site can use the same key, or you can create separate keys per form to keep their submissions organized in separate WizeForm dashboard views.

For post-submission UX, add a second hidden input named _redirect with the URL of your thank-you page as the value. After a successful submission, WizeForm redirects the user there automatically. No JavaScript required — this works with pure HTML forms on any static host.

What you get after the integration

Once your static site is pointing at WizeForm, every submission is automatically received and processed. The spam protection layer — rate limiting and honeypot detection — activates immediately for your access key, so bots that hit your form are filtered out before they ever reach your inbox or your submission quota.

Each real submission gets scored by WizeForm's AI and a notification is sent to the email address associated with your account. The notification includes the AI score (Hot, Warm, or Cold), the two-sentence summary, and the full form data. You're not getting a raw dump of field values — you're getting a briefing on who submitted and what they need.

All submissions are stored in your WizeForm dashboard, accessible at any time. You can filter by score, search by any field value, export to CSV, and manage submission status. Your static site now has a fully functional form backend with AI intelligence, and you wrote no server code to get there.

Get started free

Try WizeForm today

500 submissions per month, AI lead scoring, and a full dashboard — free forever, no credit card required.

Start free →

More articles

View all

Thought Leadership

The Future of Form Backends: AI, Zero Config, and Intelligent Lead Processing

Form backends have forwarded raw submissions by email for over a decade without getting smarter. WizeForm is building toward a future where every submission is automatically understood, scored, and acted on.

6 min read

Best Practices

How to Design a Contact Form That Attracts High-Quality Leads

The fields you put on a contact form directly shape the leads you get back. Here's how to design a form that captures the right signals for WizeForm's AI scoring — without scaring visitors off.

6 min read

Use Cases

WizeForm for Agencies: Manage Client Contact Forms at Scale

One WizeForm account, one access key per client, and individual dashboards for each site. Here's how agencies use WizeForm to handle form processing across dozens of clients without the maintenance overhead.

6 min read