Formwire
A contact form for the stack you use
Each guide has the complete form for its stack, posting to Formwire with no server code, plus the steps, the stack's gotchas and the questions people ask.
Frameworks
A contact form component for each framework, posting to Formwire without a server route.
-
HTML Add a contact form to a plain HTML site
A plain HTML form can post straight to Formwire, so a static page gets a working contact form without a server.
3 min read -
Astro Add a contact form to an Astro site
A static Astro build has no server to receive a form, so the form posts to Formwire instead.
4 min read -
Next.js Add a contact form to a Next.js app
A Next.js contact form does not need an API route or a server action: a client component can post to Formwire with fetch.
5 min read -
React Add a contact form to a React app
A React app has no server to receive a form, so the component posts to Formwire with fetch and reads the JSON reply.
4 min read -
Vue Add a contact form to a Vue app
A Vue single-file component can post a contact form to Formwire with fetch and switch to a thank-you state on the reply.
4 min read -
Svelte Add a contact form to a Svelte site
A Svelte component can post a contact form to Formwire with fetch and show its own thank-you state, with no SvelteKit form action behind it.
4 min read -
Hugo Add a contact form to a Hugo site
Hugo builds plain HTML, so a contact form posts to Formwire and the site stays static.
4 min read -
Eleventy Add a contact form to an Eleventy site
Eleventy outputs static HTML, so a contact form posts to Formwire rather than to your site.
4 min read -
Webflow Add a contact form to a Webflow site
Webflow forms can post to any URL, so a form on your Webflow site can send its submissions to Formwire instead of Webflow's form handler.
4 min read -
WordPress Add a contact form to a WordPress site
A WordPress page can hold a plain HTML form that posts to Formwire, so there is no form plugin to install, update or configure.
3 min read
Static hosts
Hosts that serve files and run no server code. The form posts to Formwire instead, so nothing changes about the deploy.
-
Netlify Add a contact form to a site on Netlify
A site on Netlify can post its contact form to Formwire with a plain HTML form and no Netlify Forms setup.
3 min read -
Vercel Add a contact form to a site on Vercel
Vercel has no built-in form handling, so a contact form on Vercel usually means writing a function.
3 min read -
GitHub Pages Add a contact form to a GitHub Pages site
GitHub Pages serves files and runs no server code, so a form on it has nowhere to post.
3 min read -
Cloudflare Pages Add a contact form to a Cloudflare Pages site
Cloudflare Pages serves static files, and handling a form there means writing a Pages Function.
3 min read
AI builders
One prompt that gets the generator to wire the form correctly, and how to check the submission arrived.
- Lovable
Add a contact form to a Lovable app
Lovable will build a contact form from a prompt, but left to itself it stores the message in Supabase or shows a success message with nothing behind it.
4 min read - v0
Add a contact form to a v0 project
v0 generates Next.js components and tends to add a server action or an API route for any form.
4 min read - Bolt
Add a contact form to a Bolt project
Bolt builds a working app in the browser, but a contact form in it has no server to post to unless Bolt invents one.
4 min read