Contact form templates
Starting points with the honeypot field included. No file-upload templates — that feature does not exist.
HTML, CSS
Basic HTML contact form
Minimal HTML contact form that posts to FormHeron. Copy the snippet, replace YOUR_KEY with your endpoint, and deploy to any static host in minutes.
HTML, Tailwind
Tailwind CSS contact form
Tailwind CSS styled contact form that posts to FormHeron. Drop-in ready for marketing sites, landing pages, and any Tailwind project with dark mode support.
React
React contact form with validation
React contact form component with client-side email validation posting to FormHeron. Works in Vite, CRA, Next.js and any SPA without a backend.
Next.js 16
Next.js App Router contact form
Next.js App Router contact form using a direct action URL to FormHeron. Copy-paste into any App Router page — no API route or Server Action needed.
Astro
Astro contact form
Astro static page with a FormHeron contact form. No server endpoints needed, no API routes — deploy to Netlify, Vercel, or Cloudflare Pages.
HTML, JS
AJAX contact form (no page reload)
Vanilla JavaScript contact form using fetch() with JSON responses and stable error codes. No page reload after submit — inline success and error UI.
HTML, CSS
Contact form with dark mode
Dark-themed contact form with a moody colour palette and FormHeron backend. Matches dark marketing sites, SaaS landing pages, and portfolio projects.
HTML, CSS
Multi-column contact form
Two-column responsive contact form collecting first name, last name, email, and message. Posts to FormHeron with honeypot spam protection built in.
HTML, CSS
Quote request form
Quote request form for service businesses collecting name, email, company, budget range, and project details. Posts to the FormHeron lead inbox.
HTML, CSS
Newsletter signup form
Single-field email capture form with honeypot spam protection. Forward signups to Mailchimp or ConvertKit via FormHeron webhooks and Zapier or Make.
Prefer a guide? Platform docs · Quickstart