guide · html forms

Free HTML Form Templates — Copy-Paste Ready (2026)

Production-ready HTML form templates with the backend wired in. No download — copy from the page, paste into your site, replace one access key. Free for 1,000 submissions/month.

html

<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="redirect"   value="https://yoursite.com/thanks" />

  <label>Name<input name="name" required /></label>
  <label>Email<input name="email" type="email" required /></label>
  <label>Message<textarea name="message" required></textarea></label>

  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" />
  <button type="submit">Send</button>
</form>

Most 'free HTML form templates' you find online are PSDs from 2014 — pretty CSS, zero backend logic. The templates here are the opposite: minimal styling (so you can match your brand) but a complete, working submission pipeline. The form POSTs to splitforms's `/api/submit` endpoint; you get the submission in your inbox, in a dashboard, and via webhook — all on the free tier.

The contact-form template above is the universal default. From there, pick a use-case template that matches your form: `registration` for signups, `feedback` for surveys, `quote` for service inquiries, `support` for help tickets. Each template has the right fields for its job and ships matching FAQ + JSON-LD content for SEO.

Templates are styled with CSS custom properties so you can theme the whole form by overriding three variables: `--bg`, `--ink`, `--accent`. Drop them into your existing design system without rewriting the form HTML.

Browse the full template library at /form-templates — 60+ industry-specific templates (plumber, dentist, real estate, agency) and 8 form-shape templates (multi-step, dark mode, multi-column, popover widget).

How to set this up

Step 01

Pick a template

Browse /form-templates and choose the one that matches your form type.

Step 02

Copy the HTML

Each template page has a copy-to-clipboard button for the full snippet.

Step 03

Customize styling

Override --bg, --ink, --accent CSS variables to match your brand. Or replace classes with Tailwind/Bootstrap.

Step 04

Replace the access key

Copy from the page. No download. Live in 60 seconds.

Frequently asked questions

Can I download the templates as a ZIP?

No download — and you don't need one. Every template's HTML is on the page; click 'copy snippet' to put it in your clipboard. Pasting into your project is the entire integration. Saving HTML to your repo is the only step left.

Are the templates responsive?

Yes. Every template uses fluid widths, semantic HTML, and CSS that adapts to viewport size. They work on mobile, tablet, and desktop without media queries (or with minimal ones for layout switches).

Can I sell these templates or use them in client work?

Yes. The templates are free to use, modify, and resell as part of your client work or starter kits. The backend (splitforms) is a separate service — each client should sign up for their own free access key, not share yours.

Do the templates work with WordPress or Webflow?

Yes. Paste the HTML into a Custom HTML block (WordPress), an Embed element (Webflow), or a Code block (Squarespace). No platform-specific tweaks required.

What about JavaScript-heavy templates like multi-step?

The multi-step template ships ~30 lines of vanilla JS to handle step navigation. No framework, no library. It works with HTML-only fallback (the form is just longer if JS is disabled).

Related guides

HTML forms

Ship the form, not the backend.

Free for 1,000 submissions/month. Email delivery, AI spam filtering, signed webhooks, real dashboard — all on the free plan. No credit card.

Get a free access key →