Guides for how to use FormBackend with any tech stack

Gatsby

Add a contact form to your Gatsby site with no backend. Complete React example for submitting with fetch and showing an inline success message.

Astro

Add a contact form to your Astro site with no backend. Copy-paste examples for a plain HTML form and a JavaScript submission with an inline thank-you message.

Jekyll

Add a contact form to your Jekyll site (including GitHub Pages) with no backend or plugin. Copy-paste HTML plus an optional JavaScript submission with an inline thank-you message.

Svelte

Build a Svelte (SvelteKit) contact form that collects submissions with no backend. Copy-paste examples for a plain form and a JavaScript submission with success and error states.

NuxtJS

Build a Nuxt contact form that collects submissions with no backend. Copy-paste examples for a plain form and a Vue 3 script-setup submission with success and error states.

Ghost

Add a contact form to your Ghost site with no plugin using a custom HTML card. Copy-paste HTML plus an optional JavaScript submission with an inline thank-you message.

React

Build a React contact form that collects submissions with no backend. Copy-paste examples for a plain HTML form and a JavaScript submission with success and error states.

Webflow

Connect a Webflow form to FormBackend so submissions land in your inbox and dashboard — no submission limits. Works on both hosted and exported Webflow sites.

Framer

Add a working contact form to your Framer site in under 5 minutes. No code required. Get form submissions directly to your inbox with spam protection included.

Hugo

Add a contact form to your Hugo static site with no backend. Copy-paste a layout template plus an optional JavaScript submission with an inline thank-you message.

Vue.js

Build a Vue.js contact form that collects submissions with no backend. Copy-paste examples for a plain form and a Vue 3 script-setup submission with success and error states.

Next.js

Build a Next.js form that collects submissions with no backend code. Covers the App Router (Server Actions + client components) and the Pages Router, with copy-paste examples.

Eleventy (11ty)

Learn how to add a contact form to your Eleventy (11ty) site. Step-by-step guide to collecting form submissions with no backend required.

Wordpress

Learn how to create a custom WordPress contact form without plugins. Pure HTML form with email notifications and spam protection built in.