Keep Webflow forms. Send every lead to Klaviyo.
A lightweight script that turns native Webflow forms into reliable Klaviyo signup flows without Zapier, fragile custom code, or embedded form rebuilds.
$0
per month
5 min
setup
async
runtime
// Webflow custom code
<script src="/scripts/klaviyo-webflow.min.js">
</script>
// Form attributes
data-klaviyo-form="newsletter"
data-klaviyo-list-id="LIST_ID"
{
"email": "jane@brand.com",
"source": "Webflow",
"list": "Newsletter"
}
Want it installed for you?
30 minute live setup for $100.
Active Webflow sites using the connector
A real-time pulse of sites loading the script and the domains sending recent traffic.
...
Active websites
...
Script loads this week
Recent active domains
Why this exists
The native Webflow form workflow, fixed.
Most Webflow to Klaviyo setups either cost money every month or create a brittle custom integration. This keeps the Webflow editing experience intact while standardizing the sync layer.
Install in minutes
Paste one script into Webflow and configure forms with data attributes.
Route each form
Send newsletter, lead magnet, and waitlist forms to different Klaviyo lists.
Built for consent
Track opt-in state, validate email fields, and keep payloads predictable.
Map real fields
Auto-detect common inputs or define custom profile properties per form.
Quick start
A setup process your non-developer team can follow.
The integration is designed around Webflow custom attributes, so configuration stays visible in the designer and the code stays stable.
Step 1
Add the loader
Place the hosted script before the closing body tag in Webflow.
Step 2
Set Klaviyo values
Add your public API key and list ID to the form attributes.
Step 3
Submit a test
Use the playground and verify the profile appears in Klaviyo.
What you avoid
No automation tax for a simple signup flow.
The value is not another dashboard. It is a small, documented bridge between the tools your marketing site already uses.
Playground
Validate the integration before touching production.
Use the playground to test field names, required fields, and the shape of the Klaviyo payload before adding attributes in Webflow.
Webflow form
Request preview
POST /client-subscriptions
200 profile subscribed
Questions
Short answers for the common setup decisions.
The integration is intentionally narrow. It connects Webflow form submissions to Klaviyo lists and keeps configuration easy to inspect.
Do I need to write JavaScript?
No. The setup uses a script tag and Webflow custom attributes.
Can one site use multiple Klaviyo lists?
Yes. Configure each Webflow form with its own list ID.
Does it replace Klaviyo embedded forms?
It is for teams that want to keep native Webflow forms and sync submissions to Klaviyo.
What if I want someone to install it?
Book a 30 minute setup session and the forms will be configured and tested live.
Get started
Connect the forms your customers already use.
Start with the playground, then move the same attributes into Webflow.