splitforms.com

Form template · Basic contact form

Static Site Contact Form Template

Static sites are great until someone wants a contact form. You don't need to spin up a backend or pay for Netlify Forms — point your form at splitforms and ship.

  • 500 free / mo
  • No PHP · no SDK
  • One POST endpoint
Live template preview

Pick your static site contact formone click to use it

Every template is free and fully editable in the drag-drop builder — swap fields, colors, and the button label before you publish.

Best match
Use this template
Use this template
Use this template

No backend code

No server, API route, or SDK — your Static Site Contact Form posts straight to one endpoint.

Straight to your inbox

Every submission is emailed to you and saved to a searchable dashboard — spam filtered before it reaches you.

Copy-paste ready

It's plain HTML you own — paste the Static Site Contact Form snippet, swap in your access key, and ship.

Copy and ship

Your Static Site Contact Form, ready to paste.

HTML by default — the same field set also renders as React, Next.js, PHP, and cURL in your dashboard. Every variant posts to the same /api/submit endpoint. Replace YOUR_ACCESS_KEY with the key from your dashboard; that's the only edit.

Use this template — free
form.html
<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="hidden" name="subject" value="New contact form submission">

  <label for="name">Full name *</label>
  <input id="name" type="text" name="name" placeholder="Jane Builder" required>
  <label for="email">Email *</label>
  <input id="email" type="email" name="email" placeholder="jane@example.com" required>
  <label for="phone">Phone *</label>
  <input id="phone" type="tel" name="phone" placeholder="+1 415 555 0142" required>
  <label for="message">Message *</label>
  <textarea id="message" name="message" placeholder="How can we help?" required></textarea>

  <!-- honeypot — bots fill every field -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <button type="submit">Send</button>
</form><p class="splitforms-attribution" style="margin-top:12px;font-size:11px;color:#888;text-align:right">
  Powered by <a href="https://splitforms.com" style="color:#888;text-decoration:none" target="_blank" rel="sponsored noopener">splitforms</a>
</p>

How to add it

How to add a Static Site Contact Form to your site.

To add a Static Site Contact Form to your site you need three things: a free splitforms access key, the HTML snippet above, and your key pasted into it. No backend, database, or CAPTCHA library — the form posts to one URL and every submission lands in your inbox and dashboard.

Add the form HTML to a layout

In Hugo, drop it into a partial. In Jekyll, put it in _includes. In Eleventy or Astro, paste it into a component. The form is plain HTML so any templating language passes it through.

Reference your access key

Store the key in a config file or environment variable, then template it into the hidden input at build time. The key is safe to expose — it's scoped to your forms only.

Deploy your static site

Push to Vercel, Netlify, Cloudflare Pages, GitHub Pages, S3 + CloudFront, or wherever. The form will POST to splitforms.com from any origin — no proxy needed.

What's included

What's in this Static Site Contact Form template?

JAMstack and static sites built on Hugo, Jekyll, Eleventy, or pre-rendered Next.js have no server to receive a form POST. Netlify Forms charges per submission past a tiny free tier. Self-hosting a serverless function works but is two extra services (Lambda + SES + Postgres) for what should be one drop-in. splitforms is that drop-in.

  • Basic contact form — 4 ready-made fields
  • HTML, JS, React, PHP, and cURL outputs
  • One POST endpoint, no SDK — honeypot and classifier, no CAPTCHA
What's included with the Static Site Contact Form Template

Where submissions go

Where do your Static Site Contact Form submissions go?

Reply-to is wired to the visitor's email, so one tap on Reply answers them directly — while the built-in honeypot and spam classifier filter out bots before they reach you. Every submission is emailed to your inbox and can forward to a webhook or Slack the moment a visitor hits send.

  • Reply-to wired to the visitor's email — reply straight from your inbox
  • Honeypot and spam classifier filter bots, no CAPTCHA friction
  • Live dashboard, CSV export, and signed webhooks on paid plans
Spam-filtered submissions from the Static Site Contact Form Template

How SplitForms works

From form to workflow in 3 simple steps.

Connect your form, collect every submission, and send data where it needs to go — without building backend infrastructure.

A SplitForms contact form submission launching straight to your inbox

Add your endpoint

Point your form to your unique SplitForms endpoint. That's it.

HTML form pointing at a SplitForms submit endpoint

Receive submissions

We instantly capture and organize every submission in your inbox.

Submissions inbox with searchable leads and status pills

Route anywhere

Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.

Generic integration tiles for email, sheets, chat, CRM, automate, and webhook

No credit card required. Set up in under 60 seconds.

Connect & automate

Connect your favorite tools and automate everything

SplitForms works with the destinations you route to and the platforms you build on — from Slack and Sheets to WordPress, Shopify, and Next.js.

Connect your SplitForms form to Slack, Google Sheets, Mailchimp, Zapier and more

Trusted by indie teams and agencies shipping forms worldwide

PETAL/COKRAFT.DELINEAR-XBUILD.DEVSTUDIO 71MERIDIANFRAME&CO

Testimonials

Loved by developers shipping at every scale.

40 quotes on record — from indie hacks to agency migrations.

Questions

Static Site Contact Form questions.

View all FAQs
Does this work on GitHub Pages?

Yes. GitHub Pages serves static HTML; the form posts cross-origin to splitforms.com. No GitHub Action or backend required. We have a setup guide for it.

How is this different from Netlify Forms?

Netlify Forms is a strong bundled option for Netlify-hosted sites, and current credit plans include free, unlimited form submissions. splitforms is an independent endpoint with 500 submissions/month free that keeps working if you move to Vercel, Cloudflare, GitHub Pages, or your own server.

Can I use this with Hugo / Jekyll / Eleventy / Astro?

Yes — the form is HTML so every static-site generator outputs it as-is. We've shipped working examples for each.

What about Cloudflare Pages or Vercel static deployments?

Identical setup. Static deployments serve the page as-is; the form's cross-origin POST to splitforms is the only network call needed.

Simple pricing

Start free. Scale when you need more.

Choose a plan that fits your workflow — from a free form endpoint to full automations, exports, and higher submission limits.

Free

$0

Free forever

 
Best for testing

For side projects and indie devs.

  • 500 submissions / mo
  • Unlimited forms
  • Email notifications included
  • Honeypot spam filtering
  • Submissions dashboard
  • MCP setup stays free
  • No credit card required

3-Year

$59/ 36 months
was $99 · save 40% · new-user price

Pay $59. 3 years sorted.

  • 15,000 submissions / mo
  • Unlimited forms
  • Everything in Pro
  • Renews every 3 years
  • Long-term discount
  • Priority support included
  • Vote on the roadmap

No credit card required on Free • Cancel anytime