Form Integrations & Tutorials
Step-by-step developer guides for linking Form2Lead endpoints to your frontend framework.
Next.js
Build a Next.js contact form without an API route — post FormData to a Form2Lead endpoint and get email alerts, spam filtering, and a searchable inbox.
React
Build a React contact form with no backend — submit FormData with fetch() to Form2Lead for email alerts, honeypot spam blocking, and a lead dashboard.
Webflow
Point your native Webflow form action at a Form2Lead endpoint to get email alerts to any address, spam filtering, CSV export, and webhook routing.
Astro
Add a contact form to any static Astro site — forms post client-side to Form2Lead, so Astro works on Vercel, Netlify, Cloudflare Pages, or GitHub Pages.
HTML5
Connect any plain static HTML5 webpage form to Form2Lead by putting your Form2Lead endpoint URL in the form `action` attribute with `method="POST"`.
Svelte / SvelteKit
Use Form2Lead endpoints in Svelte and SvelteKit apps to process lead submissions reliably — a single fetch() POST, no SDK, no server code required.
Hugo
Add a working contact form to any Hugo site by pointing a form partial at a Form2Lead endpoint — no server, no shortcode plugin, no third-party embed.
Jekyll
Add a contact form to a Jekyll site (including GitHub Pages) by pointing a form include at a Form2Lead endpoint — no plugins, no JavaScript required.
Eleventy (11ty)
Add a serverless contact form to an Eleventy (11ty) site by pointing a Nunjucks or HTML form template at a Form2Lead endpoint.
Vue 3
Connect Vue 3 components (Vite, Nuxt, or plain CDN) to a Form2Lead endpoint with a single `fetch()` call — no SDK and no server code.
GitHub Pages
Get a working contact form on a GitHub Pages site by pointing your HTML form action at a Form2Lead endpoint — Pages has no server, and Form2Lead is the server.
Gatsby
Add a serverless contact form to any Gatsby site by posting form data from a React component to a Form2Lead endpoint — no plugins, no server.
Nuxt 3
Add a working contact form to a Nuxt 3 site (static or SSR) by posting form data from a component to a Form2Lead endpoint.
Tailwind CSS
Style any Form2Lead form with Tailwind CSS utility classes — the form is plain HTML with a Form2Lead action URL and your Tailwind classes.
Bootstrap 5
Add a working Bootstrap-styled contact form to any page by pointing the form action at a Form2Lead endpoint — no server code needed.
Framer
Connect a Framer form to Form2Lead by pasting your endpoint URL into the Framer form’s action field (or Custom Code), bypassing Framer’s native limits.