Guides

Contact form for your stack

FormHeron is a form action URL. These pages show the exact setup, common problems, and FAQ for each platform.

Next.js

Add a fully working contact form to your Next.js App Router without writing a custom route handler. Let FormHeron securely handle the POSTs.

React

Ship a beautiful React contact form without standing up an API backend. FormHeron accepts POST requests from your SPA and manages spam easily.

Astro

Easily add a contact form to your Astro static sites without building API routes. FormHeron is the perfect POST target for managing your leads.

Vue

Wire a powerful Vue contact form directly to FormHeron without deploying a custom API. Works flawlessly with Vue 3 and Vite to handle leads.

Svelte

Quickly add a Svelte or SvelteKit contact form to your site without writing an email endpoint. FormHeron reliably processes the form submissions.

Nuxt

Drop a functional contact form into Nuxt 3 without setting up complex nitro mail handlers. Let FormHeron reliably receive and manage the POST.

HTML

The simplest path to capturing leads: create a plain HTML contact form, set FormHeron as the action URL, and you are completely done in minutes.

Tailwind CSS

Create a responsive, Tailwind CSS styled contact form that securely posts to FormHeron. Pure markup only — no custom backend server is required.

Webflow

Seamlessly send Webflow form submissions to FormHeron when your agency needs a robust real inbox, webhook support, and an advanced lead pipeline.

Framer

Instantly connect your custom Framer site forms to FormHeron to unlock advanced spam filtering, webhooks, and a fully featured lead management inbox.

Hugo

Static Hugo websites cannot run server-side code natively. FormHeron securely receives your contact form POSTs and manages spam without an API.

Eleventy

Static Eleventy (11ty) sites pair cleanly with FormHeron as a reliable form endpoint. Capture contact form submissions without any backend logic.

Gatsby

Your Gatsby sites can easily post contact form submissions straight to FormHeron without needing complex serverless environments like Netlify Functions.

Vite

Enable Vite SPAs and multi-page apps to post contact forms to FormHeron efficiently without configuring a complex dev-server proxy for your production.

Netlify

Use FormHeron on your Netlify sites when you want a robust lead inbox, HMAC webhooks, and host-portable contact forms instead of Netlify Forms.

Vercel

Host your site on Vercel and post contact form submissions directly to FormHeron without writing and maintaining a custom serverless mail handler.

Cloudflare Pages

Combine static Cloudflare Pages deploys with FormHeron for secure form submissions. Connect optional Turnstile using your existing Cloudflare API keys.

Also see templates, docs, and features.