Form Integrations & Tutorials
Step-by-step developer guides for linking Form2Lead endpoints to your frontend framework, spreadsheet, CRM, or notification channel.
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 — no Zapier required.
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.
Google Sheets
Form2Lead connects directly to Google Sheets using a minimal Google Apps Script Web App and our Flat JSON preset. When a lead is submitted, Form2Lead follows Google’s HTTP 302 Found redirect safely with SSRF protection and appends a row instantly — 100% free with no Zapier or third-party middleware required.
Slack
Form2Lead includes native Slack Incoming Webhook integration. Paste your Slack incoming webhook URL into Form2Lead, and the engine automatically transforms every valid submission into an interactive Slack Block Kit card with lead details, timestamps, and dashboard links — zero code and zero Zapier required.
Discord
Form2Lead natively formats form submissions into Discord Embed cards. Paste your Discord channel webhook URL into Form2Lead, and every valid submission is dispatched as a rich color-coded embed with organized field grids — no Zapier or Discord bots required.
HubSpot CRM
Form2Lead integrates directly with HubSpot CRM using HubSpot’s public Forms API v3 endpoint (`api.hsforms.com/submissions/v3/integration/submit/{portalId}/{formGuid}`) and native HubSpot format preset. Form fields map automatically to HubSpot contact properties with no OAuth or Zapier required.
Zoho CRM
Connect Form2Lead to Zoho CRM by creating a webhook in Zoho CRM (or Zoho Flow) and adding the endpoint to Form2Lead with our Flat JSON preset and Custom HTTP Headers (`Authorization: Zoho-oauthtoken ...`). Submissions stream into your Zoho Leads module in real time.
n8n
Connect Form2Lead to n8n by creating a Webhook Trigger node in n8n and pasting its URL into Form2Lead. Choose between Universal Standard JSON (with HMAC-SHA256 signature verification) or Flat JSON (top-level fields) to power advanced multi-step automations.
Make (Integromat)
Connect Form2Lead to Make (formerly Integromat) by adding a Custom Webhook trigger in your Make scenario and pasting the hook URL into Form2Lead. Submissions stream in real time to trigger multi-app workflows across 1,500+ business services.
Zapier
Create a Zap with a Webhooks by Zapier catch-hook trigger, then paste its URL as your Form2Lead form’s outbound webhook — every valid submission POSTs a signed JSON payload that Zapier fans out to 6,000+ apps. Setup takes three steps and no code: catch hook, destination action, live test.