Examples

Use these examples when you want a working form quickly. Each page starts with copyable code, then links back to the deeper docs when you need product rules, limits, or API details.

Start here

Example	Best for	What it shows
Simple HTML	Any website that can post a normal form	The smallest working contact form
Production HTML	Real contact pages	Reply-to, honeypot support, subject, and optional redirect
Custom Fields	Intake, quote, and application forms	Arbitrary named fields and checkbox groups
Attachments	Forms that need one uploaded file	multipart/form-data and one file input
Astro contact form	Static Astro sites and Astro islands	A plain form in an Astro page
Next.js contact form	App Router and static Next.js pages	A direct browser form post without a server action
React contact form	React apps and static React pages	A normal form rendered by React
Vue contact form	Vue apps and static Vue pages	A normal form rendered by Vue
Webflow contact form	Designer-built sites	How to point a Webflow form at html.contact
AI website builders	Lovable, Bolt, v0, Replit, Cursor, Claude, and Codex workflows	A prompt your builder can follow
Server-Side POST	Server scripts, jobs, and custom backends	cURL, Node, Python, and PHP examples

Endpoint styles

The recommended style puts the public form key in the form action:

<form action="https://html.contact/f/hc_pub_REPLACE" method="POST">

The compatibility style posts to /submit and sends the public key as form_key:

<form action="https://html.contact/submit" method="POST">
  <input type="hidden" name="form_key" value="hc_pub_REPLACE">
</form>

Both styles use the same spam screening, domain allowlist, delivery, logging, and attachment flow.

Use /f/hc_pub_REPLACE first. Use /submit only when you need the public key in the form body.

Useful docs

• HTML Forms
• Domains & Spam
• Attachments
• API Overview