Newsletter Signup for Webflow
Email-only newsletter capture — perfect for footers and landing pages. Free for 500 submissions per month — no backend, no SDK, no plugin.
Why Webflow developers choose splitforms for newsletter signup
Webflow's built-in form block sends to Webflow's own backend, which caps at 100 submissions/month on the free plan and lacks webhook delivery, CC recipients, and spam filtering. The newsletter signup on this page bypasses that entirely — paste it into a custom embed element, set the form action to splitforms, and you get 500 dashboard submissions/month with AI spam filtering; Starter adds Slack/Discord webhooks. Webflow's native interactions (success message, loading state) still work if you use <code>fetch</code> instead of a native form submit.
Yes — this is the shortest safe path for Webflow.
Use the HTML snippet on this page, keep the newsletter signup fields visible in your Webflow UI, and let splitforms handle delivery, spam filtering, storage, and webhooks.
Paste the HTML version, then replace YOUR_ACCESS_KEY.
The posted payload contains your email. Required fields are your email.
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+).
Email lists still convert 5-10x social. The newsletter signup form is the single most leveraged piece of your site — pop it up smartly, not annoyingly, and it pays compound interest.
Built for Webflow developers who hate operating a backend.
Splitforms is the form backend for Webflow sites. One POST endpoint, no SDK, no plugin — drop the newsletter signup into a page and ship.
Splitforms is the form backend for Webflow sites. One POST endpoint, spam filtering, and a real dashboard — drop-in, no server, no PHP. Free for 500 dashboard submissions per month; Starter adds email, signed webhooks, exports, and retained uploads; Pro is $5/mo for 5,000.
- ✓500 form submissions per month
- ✓2 forms on Free; unlimited forms on Pro
- ✓Spam protection (honeypot + classifier)
- ✓Webhooks: Slack, Discord, WhatsApp, custom
- ✓CSV export of all submissions
- ✓Email notifications (CC and BCC on Pro)
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.
Generate, embed, receive.
Three actions stand between you and your first newsletter signup submission. None of them require a backend, a database, or a CAPTCHA library.
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.
Paste the newsletter signup 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.
Receive submissions
Dashboard updates live on Free. Starter adds email delivery, signed webhooks, CSV export, Slack/Discord forwarding, and BCC to your team.
The reason this newsletter signup exists.
Webhooks into ConvertKit / Mailchimp / Substack / Beehiiv / Buttondown.
Newsletter conversion benchmarks haven't moved much: ConvertKit / Substack landing pages convert at 1-2% of visitors, popup forms at 2-4%, content-upgrade lead magnets at 8-15%. The form itself is trivially simple (email field, optional name) but where it lives matters — exit-intent popup, scroll-triggered slide-in, footer inline, content-end inline all behave differently. Push the submission to your ESP (Mailchimp / ConvertKit / Substack / Beehiiv / Buttondown) via webhook so the welcome email fires automatically. GDPR / CASL require explicit consent — a checkbox or unbundled-consent text under the form covers it for EU and Canadian visitors.
Pick the form placement
Popup (highest volume, also highest annoyance — set scroll or exit-intent triggers), inline footer (low volume, low friction), content-end inline (best conversion-quality combo).
Push to your ESP
Webhook the email to ConvertKit / Mailchimp / Substack / Beehiiv / Buttondown. Each has either a native webhook receiver or a Zapier connector. Welcome email fires automatically on add.
Add GDPR / CASL consent
EU visitors need explicit consent — add a 'I want to receive emails from [your brand]' checkbox or unbundled-consent text under the email field. Required text varies by jurisdiction; consult your privacy lawyer if in doubt.
What changes when this newsletter signup 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.
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.
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 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.
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).
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'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 — 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 newsletter signup fields on this page.
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 newsletter signup fields on this page.
What every field actually does.
Each field below ships in the newsletter signup template — rename, remove, or add your own. Splitforms accepts any name you POST.
Your email
Reply-to address — splitforms wires this so hitting reply goes back to the sender.
One backend. Every framework.
The same newsletter signup template works on every framework splitforms supports. Pick yours.
Newsletter Signup on Webflow — FAQ.
Direct answers, no marketing fluff. Missing one? Email hello@splitforms.com.
splitforms vs everything else.
Same drop-in API. More free submissions, Starter signed webhooks, MCP support no other backend has.
Other ready-to-ship Webflow forms.
Same backend, different qualifying fields. Click through to copy the snippet.
Ship a newsletter signup on Webflow in 60 seconds.
500 submissions per month, free forever. No credit card. Copy the snippet above and paste it into your Webflow project.