splitforms.com
TEMPLATES · 60 FORMS · COPY-PASTE

Free HTML form templates for every use case.

60 ready-to-ship HTML form templates with copy-paste code, setup steps, and FAQ — covering contact forms, popup widgets, multi-step Typeform-style flows, file upload, AJAX, phone-masked inputs, JAMstack, newsletter signup, RSVP, surveys, and industry-specific lead capture (real estate, plumbing, salons, dentists, photographers, lawyers, agencies, and more). Free for 1,000 submissions per month.

60
templates
16
categories
1,000
free / month
0
lines of backend code

What these form templates are

Each entry is a long-form template page with copy-paste HTML, setup instructions, and FAQs for one specific search intent — for example, “HTML contact form template with spam protection,” “newsletter signup form template,” or “plumber service request form.” All 60 templates POST to the same splitforms endpoint, so the difference between them is fields, copy, and styling — not infrastructure.

Pick the closest match below, copy the HTML, swap your access key in, and deploy. The same code works in Next.js, React, Astro, Hugo, Webflow, Carrd, WordPress, and plain static HTML.

Contact & lead capture (11)

Generic HTML contact form templates with spam protection, file upload, AJAX, popup, and multi-step variants — for landing pages, marketing sites, and SaaS docs.

Template

Contact Forms for Modern Websites

The form backend modern websites actually need: one POST endpoint, spam filtering, webhooks, real dashboard. HTML, React, Next.js, Astro, Webflow — free for 1,000 submissions a month.

/contact-forms-for-modern-websitesOpen template →
Template

Free HTML Contact Form (no backend, no PHP)

Free HTML contact form code you can paste into any website. No PHP, no Node.js, no server — submissions land in your inbox via splitforms.com. 1,000/month free.

/free-html-contact-formOpen template →
Template

Contact Form with File Upload (Attachments)

Contact form with file upload — drag-and-drop attachments, multi-file, type filtering. PDF, image, document attachments arrive in your inbox via splitforms. Pro plan.

/contact-form-with-file-uploadOpen template →
Template

Popup Contact Form (Modal Widget)

Floating contact form widget that pops up over your page. Modal opens from a corner button, closes on outside click and Escape. Free HTML + CSS + JS code.

/popup-contact-formOpen template →
Template

Multi-step Form (Typeform-style)

Multi-step form with one question per screen, progress bar, keyboard navigation. Free HTML + CSS + JS — a lightweight Typeform alternative. Submissions go to your inbox.

/multi-step-formOpen template →
Template

Contact Form for Static Sites (JAMstack)

The contact form pattern for JAMstack sites — Hugo, Jekyll, Gatsby, Astro, Eleventy, GitHub Pages. One POST endpoint, no backend code. Free for 1,000 submissions/month.

/contact-form-for-static-siteOpen template →
Template

JavaScript Contact Form (AJAX, no page reload)

JavaScript / AJAX contact form — submit without a page reload, show success inline, handle errors gracefully. Free vanilla-JS code, no jQuery, no framework needed.

/javascript-contact-formOpen template →
Template

Contact Form with Phone Number Field

Contact form with phone field — country dial-code dropdown, auto-formatting as the user types. The form most websites actually need. Free HTML + CSS + JS.

/contact-form-with-phoneOpen template →
Template

Contact Form with Validation (Tailwind / vanilla)

Contact form with real-time validation — required fields, email format, custom error messages. Tailwind CSS variant included. Free HTML + CSS + JS code.

/contact-form-with-validationOpen template →
Template

Free Contact Form Generator (no-code)

Free contact form generator — pick fields, get the HTML / React / cURL code instantly. 60+ pre-built templates by industry. No signup needed to preview.

/free-contact-form-generatorOpen template →
Template

Customer Support Contact Form (Help Desk)

Customer support form — ticket category, urgency, account email, description. Free HTML code, webhooks into Zendesk / Intercom / Help Scout / Linear.

/customer-support-formOpen template →

Home services (10)

Plumber, electrician, HVAC, roofing, landscaping, cleaning, moving, pest control, locksmith, and contractor service request form templates.

Template

Plumber Service Request Form

Plumber contact form for service request and quote — leak, clog, water heater, repipe. Captures urgency and address. Free HTML code, sends to your phone or dispatch.

/plumber-contact-formOpen template →
Template

Electrician Service Request Form

Electrician contact form — panel upgrade, outlet install, EV charger, troubleshooting. Captures job type and urgency. Free HTML code, sends to your phone.

/electrician-contact-formOpen template →
Template

HVAC Service & Quote Request Form

HVAC contact form — AC repair, furnace install, system replacement, tune-up. Captures system age and issue. Free HTML code, sends to your dispatch.

/hvac-contact-formOpen template →
Template

Roofing Quote Request Form

Roofing contact form — repair, replacement, inspection, storm damage. Captures roof age, material, and damage type. Free HTML code with photo upload.

/roofing-contact-formOpen template →
Template

Landscaping & Lawn Care Quote Form

Landscaping contact form — lawn care, design, install, maintenance. Captures property size and service frequency. Free HTML code, sends to your inbox.

/landscaping-contact-formOpen template →
Template

Cleaning Service Quote Form

Cleaning service contact form — house cleaning, move-out, deep clean, recurring. Captures home size and frequency. Free HTML code with instant pricing.

/cleaning-service-contact-formOpen template →
Template

Moving Company Quote Form

Moving company contact form — local, long-distance, packing, storage. Captures origin, destination, home size, date. Free HTML code with binding-quote intake.

/moving-company-contact-formOpen template →
Template

Pest Control Service Request Form

Pest control contact form — ants, roaches, termites, rodents, bed bugs, recurring service. Captures pest type and severity. Free HTML code, sends to dispatch.

/pest-control-contact-formOpen template →
Template

Contractor & Construction Quote Form

Contractor contact form — remodel, addition, kitchen, bath, deck, custom build. Captures project scope and budget. Free HTML code with photo upload.

/contractor-contact-formOpen template →
Template

Locksmith Emergency Callout Form

Locksmith contact form — lockout, rekey, smart lock install, car key. Captures urgency and address. Free HTML code, sends to your phone for fast dispatch.

/locksmith-contact-formOpen template →

How to use a template with splitforms

  1. Get your free access key. Sign in with email at splitforms.com/login. The key is generated instantly — no card, no setup wizard.
  2. Pick a template above. Open the closest match — contact form, booking form, RSVP, newsletter, quote request, job application, feedback, or an industry-specific lead form.
  3. Copy the HTML and paste it on your site. Drop the markup into any page — Next.js, React, Astro, Hugo, Webflow, Carrd, WordPress, plain HTML. There is no SDK and no build step.
  4. Replace YOUR_ACCESS_KEY in the hidden input with the key from step 1. That is the only personalisation required.
  5. Submit a test message. Fill in the form on your live page. The email arrives within seconds, and the submission shows up on your splitforms dashboard in real time.

Customize your form

Every template is plain HTML — no framework lock-in. Rename a field by changing its name attribute, add a new field with another <input>, mark inputs as required, or replace a select with radio buttons. The splitforms endpoint accepts whatever fields you submit and includes them in the email notification.

For styling, use the minimal base CSS, browse styled variants (modern, brutalist, glassmorphism, dark mode), or drop the markup into Tailwind, Bootstrap, or your own design system.

Connect to your email

Every submission emails the address tied to your access key by default. Add a hidden subject input to control the email subject line. Add a hidden replytoinput pointed at the visitor's email so hitting Reply in your inbox goes straight to them. On the Pro plan, add CC and BCC recipients so the whole team is looped in.

Need more than email? Set a webhook URL on your dashboard to forward every submission to Slack, Discord, Zapier, n8n, your CRM, or your own backend in real time.

One endpoint. Every pattern.

All 60templates POST to the same splitforms endpoint. The form is HTML; the difference between “basic contact form” and “Typeform-style multi-step” is CSS and a few lines of JavaScript. We give you the working code for each so you don't have to invent it from scratch.

Free for 1,000 submissions a month. Pro at $5/mo for 5,000. Or $59 once for the 4-Year plan (48 months of access). No credit card to start.

Form template FAQ

Are these HTML form templates really free?

Yes. Every form template on splitforms is free to copy, paste, and deploy. The splitforms backend that receives submissions is also free for the first 1,000 submissions per month. Pro is $5/mo for 5,000 submissions, or $59 once for the 4-Year plan (48 months of access). No template is paywalled.

Can I customize the form templates?

Yes. Every template is plain HTML — rename fields, add inputs, change labels, restyle with your own CSS, switch the layout, or wrap them in a React, Vue, Svelte, or Astro component. As long as the form posts to the splitforms endpoint with your access key, submissions arrive.

Do the form templates include CSS styling?

Each template ships with a clean, minimal style baseline you can drop into any site. Styled variants (modern, glassmorphism, brutalist, dark mode, and more) are available under /templates/styles. You can also ignore our CSS entirely and use Tailwind, Bootstrap, or your own design system.

How do I get notified when someone submits the form?

Every submission emails the address tied to your splitforms access key. Add CC/BCC recipients on Pro, forward to Slack or Discord with a webhook, set up an autoresponder for the visitor, or pull submissions over the API. The dashboard shows every submission in real time.

Where does the form data go?

The form posts to splitforms.com, where the submission is spam-filtered, stored in your dashboard, and emailed to you. Nothing runs on your server. You can export submissions as CSV at any time, fire a webhook to your own backend, or wipe the data — you own it.

Do I need a backend, PHP, or Node.js to use these templates?

No. The templates are pure HTML and post to an HTTPS endpoint. They work on static sites (Next.js, Astro, Hugo, Eleventy), no-code builders (Webflow, Carrd, Framer), GitHub Pages, S3, or any shared host. There is no SDK to install and no server code to write.

How do the form templates handle spam without CAPTCHA?

Every template includes a hidden honeypot field that catches automated bots without showing a CAPTCHA to real visitors. splitforms also runs a spam classifier on every submission, so junk is filtered before it ever reaches your inbox.

Can I use one template across multiple websites?

Yes. One access key works across unlimited forms and unlimited domains. Use the same contact form template on a marketing site, landing page, and product site — submissions are tagged so you know which one fired.

✻ ✻ ✻

Ship your form in 60 seconds.

1,000 submissions/month, free forever. No credit card. Pro $5/mo or $59 once for 4 years.

Get my free access key →Read the docs