splitforms.com
Get free key
LEAD MAGNET DOWNLOAD · WEBFLOW

Lead Magnet Download for Webflow

Email-gated download form for ebooks, PDFs, checklists, and templates. Free for 1,000 submissions per month — no backend, no SDK, no plugin.

Get free access key Copy the code
1,000/mo free·no card·drop-in for Webflow
form.htmlhtml26 lines
01<form action="https://splitforms.com/api/submit" method="POST">
02  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
03  <input type="hidden" name="subject" value="New lead magnet download">
04 
05  <label for="name">First name *</label>
06  <input id="name" type="text" name="name" placeholder="Jane" required>
07  <label for="email">Work email *</label>
08  <input id="email" type="email" name="email" placeholder="jane@company.com" required>
09  <label for="company">Company</label>
10  <input id="company" type="text" name="company" placeholder="Acme Inc">
11  <label for="role">What's your role?</label>
12  <select id="role" name="role">
13    <option value="">Choose…</option>
14    <option>Founder / CEO</option>
15    <option>Engineer</option>
16    <option>Designer</option>
17    <option>Marketer</option>
18    <option>Product manager</option>
19    <option>Other</option>
20  </select>
21 
22  <!-- honeypot — bots fill every field -->
23  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
24 
25  <button type="submit">Send</button>
26</form>
1,000
submissions / mo, free
4
fields, ready to ship
5
code outputs
60s
from copy to inbox
§ 00Quick answerHTML · marketing

Yes — this is the shortest safe path for Webflow.

Use the HTML snippet on this page, keep the lead magnet download fields visible in your Webflow UI, and let splitforms handle delivery, spam filtering, storage, and webhooks.

best implementation

Paste the HTML version, then replace YOUR_ACCESS_KEY.

The posted payload contains first name, work email, company, what's your role?. Required fields are first name and work email.

native webflow reality

Webflow's built-in Forms feature delivers submissions to your Webflow project dashboard and emails them — but the free Site plan caps submissions (50 per site, lifetime, on legacy plans) and webhooks are gated behind the Workspace plan ($24/mo+).

use case fit

Ungated content gets read; gated content builds your list. The lead-magnet form trades the PDF for an email plus 1-2 qualifying questions, so the nurture sequence segments by intent.

§ 01Lead Magnet Download × Webflowwhy this combination, in 80 words

Built for Webflow developers who hate operating a backend.

Splitforms is the form-to-email API for Webflow sites. One POST endpoint, no SDK, no plugin — drop the lead magnet download into a page and ship.

Splitforms is the form-to-email API for Webflow sites. One POST endpoint, spam filtering, signed webhooks, file uploads, a real dashboard — drop-in, no server, no PHP. Free for 1,000 submissions per month, $5/mo Pro for 5,000, $59 for 4 years if you hate recurring SaaS bills.

✦ what you get on the free plan
  • ✓1,000 form submissions per month
  • ✓Unlimited forms — one key, many pages
  • ✓Spam protection (honeypot + classifier)
  • ✓Webhooks: Slack, Discord, WhatsApp, custom
  • ✓CSV export of all submissions
  • ✓Email notifications (CC and BCC on Pro)
§ 02Copy-paste codeHTML · 26 lines

Drop into any Webflow project.

Replace YOUR_ACCESS_KEY with your splitforms key, paste into a Webflow page, and ship. No build-time integration required.

form.htmlhtml26 lines
01<form action="https://splitforms.com/api/submit" method="POST">
02  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
03  <input type="hidden" name="subject" value="New lead magnet download">
04 
05  <label for="name">First name *</label>
06  <input id="name" type="text" name="name" placeholder="Jane" required>
07  <label for="email">Work email *</label>
08  <input id="email" type="email" name="email" placeholder="jane@company.com" required>
09  <label for="company">Company</label>
10  <input id="company" type="text" name="company" placeholder="Acme Inc">
11  <label for="role">What's your role?</label>
12  <select id="role" name="role">
13    <option value="">Choose…</option>
14    <option>Founder / CEO</option>
15    <option>Engineer</option>
16    <option>Designer</option>
17    <option>Marketer</option>
18    <option>Product manager</option>
19    <option>Other</option>
20  </select>
21 
22  <!-- honeypot — bots fill every field -->
23  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">
24 
25  <button type="submit">Send</button>
26</form>
§ 03Setup3 steps · 60 seconds · zero config

Generate, embed, receive.

Three actions stand between you and your first lead magnet download submission. None of them require a backend, a database, or a CAPTCHA library.

STEP 01GENERATE

Generate a free splitforms key

Sign in at splitforms.com — your access key is created instantly. No credit card, no setup wizard, no SDK to install.

Create your form
key=sk_live_••••••••
STEP 02EMBED

Paste the lead magnet download into your Webflow project

Drop the form snippet into a Webflow page, component, or layout. Replace YOUR_ACCESS_KEY with the key from your dashboard. The form action is a hard-coded URL — no env vars or build-time wiring needed.

snippethtml
<form action="https://splitforms.com/api/submit" method="POST">
  …
</form>
STEP 03RECEIVE

Receive submissions

Email arrives within seconds. Webhook fires in parallel. Dashboard updates live. CSV export, Slack/Discord forwarding, BCC to your team — all included free.

inbox · 1 newjust now
FROM contact@yoursite.com
New lead magnet download
Maya Iyer maya@studio71.co
Loved the demo — quick question about pricing on the 4-year plan. Are usage limits per project or account-wide?
§ 03bLead Magnet Download Form (Ebook / PDF / Checklist Gate)template-specific playbook

The reason this lead magnet download exists.

Multi-step (Typeform-style) · webhooks into ConvertKit / HubSpot / Mailchimp.

why it matters

Lead magnets — ebooks, checklists, templates, swipe files, mini-courses — are the workhorse of B2B content marketing. Gated downloads convert at 25-50% of landing-page visitors (vs 1-2% for newsletter signups), but only when the magnet is truly valuable. The form captures email plus 1-2 qualifying questions ('what's your role?', 'what's your team size?') so the nurture sequence segments by intent. Multi-step boosts completion vs a single form. After submit, the user is redirected to the PDF or it's emailed via webhook + auto-responder. Push the email to your ESP segmented by lead-magnet topic — that's how content marketers build audience taxonomies that actually convert downstream.

route the submission
01

Step 1: capture email

Single email field — frictionless step 1. Once the email is in, momentum carries through later qualifying questions.

02

Step 2-3: qualify role / team

One or two questions on role and team size. Optional but most users complete because they're invested. Each answer becomes a tag in the ESP for downstream segmentation.

03

Deliver the magnet

Auto-respond with the PDF link (or redirect to a thank-you page that auto-downloads). Webhook to ConvertKit / HubSpot / Mailchimp into a 'lead-magnet:[topic]' audience for the nurture sequence.

§ 03cWebflow production notesnative path · deploy · gotchas

What changes when this lead magnet download lives in Webflow.

These notes come from the Webflow platform registry and are rendered on this template page so crawlers see the framework-specific answer without opening a separate guide.

without splitforms

Webflow's built-in Forms feature delivers submissions to your Webflow project dashboard and emails them — but the free Site plan caps submissions (50 per site, lifetime, on legacy plans) and webhooks are gated behind the Workspace plan ($24/mo+). Worse, the form fails silently if you exceed the cap: users see the 'success' state, your inbox gets nothing. There's no API to inspect submissions programmatically below the Workspace tier, and CMS-driven forms inherit the same caps. Native is fine for a personal portfolio with three submissions a year; for any real lead capture, you need an external endpoint. Splitforms is that endpoint without the plan upgrade.

deploy notes

Webflow hosts your published site on its own CDN — there's no Vercel/Netlify config to worry about. The form posts cross-origin to splitforms regardless. Disable Webflow's built-in hCaptcha for the form (Form Settings → Spam Filter → Off) — it intercepts submissions client-side before splitforms is reached. Lock the splitforms access key to BOTH your *.webflow.io staging URL and your custom domain in the dashboard; Webflow serves both, with different Origin headers. Custom code embeds count toward Webflow's per-page code limit (10 KB) — keep raw-HTML Embed forms tight if you have multiple per page.

Webflow gotcha

Webflow strips custom hidden inputs from native Form Blocks

If you add <input type="hidden" name="access_key"> directly in Designer's Form Block, Webflow ignores it on publish. Use the Form Block's settings panel: Form Settings → Form Name + add custom attribute. Or use an Embed element with raw HTML if you need full control.

Webflow gotcha

Default action URL gets reset on every Designer save

Setting the Action URL to https://splitforms.com/api/submit in the Form Block sometimes reverts to Webflow's default after a publish. The fix: lock it in by adding a custom attribute action to the form element (Settings → Element Settings → Custom Attribute).

Webflow gotcha

Method must be set to POST in the form's settings, not the URL

Webflow forms default to GET. Open the form's Settings panel, change Method to POST. If you forget, the submission posts your fields as URL query params — splitforms returns a 405 Method Not Allowed.

Webflow gotcha

Webflow's success/error elements still trigger on AJAX submit

Webflow auto-shows the .w-form-done div on a 2xx response. That's good — but if you also set up a redirect field in splitforms, the user sees the success message for ~80ms before the redirect fires. Either remove the success div or skip the redirect field.

PATTERN A

Pattern A — native Form Block with overridden action URL

Use Webflow's drag-and-drop Form Block — keep the styling, structure, and Designer integration. In Form Settings, change Action to https://splitforms.com/api/submit and Method to POST. Add a hidden access_key field via the form's settings panel. Submissions skip Webflow's backend entirely. Use the same wiring for the lead magnet download fields on this page.

pattern-a.htmlhtml8 lines
01<!-- After saving in Designer, the published HTML looks like: -->
02<form action="https://splitforms.com/api/submit" method="POST">
03  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
04  <input type="text"  name="name" required />
05  <input type="email" name="email" required />
06  <textarea name="message" required></textarea>
07  <input type="submit" value="Send" />
08</form>
PATTERN B

Pattern B — Embed element with raw HTML

If you need full control over markup (custom honeypot, file upload, multi-step), drop an Embed element on the canvas with raw HTML. Skips Webflow's form widget entirely. Useful for forms that don't fit the Designer's mental model. Use the same wiring for the lead magnet download fields on this page.

pattern-b.htmlhtml8 lines
01<form action="https://splitforms.com/api/submit" method="POST">
02  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
03  <input type="hidden" name="redirect" value="/thanks" />
04  <input name="email" type="email" required />
05  <textarea name="message" required></textarea>
06  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" />
07  <button type="submit">Send</button>
08</form>
§ 04Field-by-field rundown4 fields · names you POST

What every field actually does.

Each field below ships in the lead magnet download template — rename, remove, or add your own. Splitforms accepts any name you POST.

nameREQUIRED
TEXT

First name

Greeting + dashboard label so submissions don't all read 'anonymous'.

placeholder · Jane
emailREQUIRED
EMAIL

Work email

Reply-to address — splitforms wires this so hitting reply goes back to the sender.

placeholder · jane@company.com
company
TEXT

Company

Lets you sort enterprise vs SMB inquiries before you reply.

placeholder · Acme Inc
role
SELECT

What's your role?

Buyer-persona signal — IC vs decision-maker changes the follow-up cadence.

Founder / CEOEngineerDesignerMarketerProduct managerOther
§ 05Lead Magnet Download on other frameworks4 frameworks · same backend

One backend. Every framework.

The same lead magnet download template works on every framework splitforms supports. Pick yours.

Lead Magnet Download for HTML/forms/html/lead-magnet →Lead Magnet Download for Next.js/forms/nextjs/lead-magnet →Lead Magnet Download for React/forms/react/lead-magnet →Lead Magnet Download for WordPress/forms/wordpress/lead-magnet →
§ 06Questions9 answered

Lead Magnet Download on Webflow — FAQ.

Direct answers, no marketing fluff. Missing one? Email hello@splitforms.com.

01Does this lead magnet download work on Webflow?
Yes. The form is plain HTML with a single POST endpoint, so it runs on any Webflow site without server-side code, plugins, or SDKs. Drop the snippet into a Webflow page or component and submissions land in your inbox via splitforms.com.
02How much does the lead magnet download cost on Webflow?
Free for 1,000 submissions per month — no credit card, no trial. Pro is $5/mo for 5,000 submissions, and there's a one-time $59 4-year plan (15,000 submissions/mo for 48 months). The same pricing applies regardless of which framework hosts the form.
03Can I customize the fields?
Yes. The template ships with sensible defaults (first name, work email, company, what's your role?…) — add, remove, or rename any of them. Splitforms accepts whatever fields you POST.
04How does spam protection work on the lead magnet download?
A hidden honeypot field catches dumb bots, and a tuned classifier scores the rest. You only see real submissions in your dashboard. No CAPTCHA, no friction for human users — and it works the same on Webflow as on any other framework.
05Can I send the lead magnet download submissions to Slack or Discord?
Yes. Webhooks are free on every plan, with auto-formatted payloads for Slack, Discord, and WhatsApp (via CallMeBot). Or send raw signed JSON to any URL — Zapier, n8n, your own server. Configure in the splitforms dashboard.
06Will it work on a static Webflow site?
Yes — the form posts directly to splitforms from the browser, so no server is involved. Works on Vercel, Netlify, GitHub Pages, Cloudflare Pages, S3, or any plain Apache host.
07Should I redirect to the PDF or email it?
Email it. Redirects to a Drive / S3 link mean the user gets the PDF without confirming the email — and the email might be a typo or a temporary address. Email delivery confirms the address by requiring an open. Add a 'didn't get it?' resend button on the thank-you page for the rare typo case.
08Can I integrate with ConvertKit / HubSpot / Mailchimp?
Yes — webhook the JSON into the ESP. ConvertKit's 'tags' map naturally to lead-magnet topics; HubSpot's 'lists' do the same. The nurture sequence triggers on tag-add and the topic-specific drip starts immediately. Most B2B teams use this exact pattern.
09Is gating content GDPR-safe?
If you have EU visitors, the consent for marketing email needs to be explicit and unbundled — meaning a separate checkbox 'I want to receive emails about [topic]' that's not pre-checked and not bundled with 'I accept the download'. Bundled consent has been challenged in EU rulings; unbundled is the safe play.
§ 07Comparisonvs Web3Forms · vs Formspree

splitforms vs everything else.

Same drop-in API. More free submissions, real webhooks on the free tier, MCP support no other backend has.

FeatureWeb3FormsFormspreesplitforms
Free monthly submissions250501,000
Custom fields beyond contactYesPro tierFree
Webhooks (Slack / Discord)Pro tierPro tierFree, signed
AI / MCP submission inboxNoNoYes
Long-term plan (4-year flat)——$59 once
§ 08More templates for Webflow5 adjacent patterns

Other ready-to-ship Webflow forms.

Same backend, different qualifying fields. Click through to copy the snippet.

Webflow · Contact Form (with phone)Contact Form (with phone) for WebflowName, email, phone, company, reason — for B2B inquiries that need qualification.view template →Webflow · Newsletter SignupNewsletter Signup for WebflowEmail-only newsletter capture — perfect for footers and landing pages.view template →Webflow · WaitlistWaitlist for WebflowPre-launch capture form with optional referral source.view template →Webflow · Feedback FormFeedback Form for WebflowRating + free-text feedback with optional follow-up email.view template →Webflow · Quote RequestQuote Request for WebflowLead-capture form for agencies, freelancers, and service businesses.view template →
✦ keep browsing on Webflow
✦ lead magnet download on other frameworks
✻ ✻ ✻

Ship a lead magnet download on Webflow in 60 seconds.

1,000 submissions per month, free forever. No credit card. Copy the snippet above and paste it into your Webflow project.

Get free access key →Read the docs
v0.1 · founders pricing locked in · early access open