Guides

Guides

Short, practical walkthroughs for getting a form online and wired to a backend. Plain HTML, AI-generated markup, React, Astro, Hugo, and static hosts are all covered.

• Build a contact form with AI and make it work

  AI writes the form but not the backend. Here is the one line that connects it so submissions actually go somewhere.

  Read guide

• Add a working contact form to any website

  Copy-paste HTML that emails you and keeps a record of every message. No build tools, no plugins, no backend code.

  Read guide

• Connect a React or Next.js form to a backend

  Post JSON, read the response, show your own success state. Works with Next, Remix, Astro, and Vite.

  Read guide

• Connect a webhook to your form: Zapier, Slack, Discord

  Send every clean submission to a signed webhook, then into Zapier, Make, or n8n, or straight to a Slack or Discord channel.

  Read guide

• Add a contact form to a Cloudflare Pages site

  Pages is static, so forms need a backend. Skip writing a Pages Function: point the form at an endpoint that already runs on Cloudflare.

  Read guide

• Contact form for a static site, no backend needed

  A complete contact.html you can copy, upload anywhere that serves HTML, and have working in minutes. Zero JavaScript required.

  Read guide

• Add a contact form to an Astro site

  A zero-JavaScript Astro component that submits to a real backend. Static output stays static, submissions still get stored and emailed.

  Read guide

• Add a contact form to a Hugo site

  Endpoint in the config, form in a partial, shortcode for markdown pages. A working Hugo contact form in five short steps.

  Read guide