Webflow to Klaviyo, without rebuilding your forms.

A lightweight script that turns native Webflow forms into reliable Klaviyo signup flows without Zapier, fragile custom code, or embedded form rebuilds.

$0/monthAsync script

Webflow signup form

Newsletter block

native
jane@brand.com
Jane Smith
Submit form
Webflow
Klaviyo
POST /client/subscriptions202 accepted

Klaviyo profile

Newsletter list

accepted

{

"email": "jane@brand.com",

"first_name": "Jane"

}

Active Webflow sites

Recent domains loading the connector script.

...

sites

...

loads this week

Loading active domains...

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.

Setup without turning it into a project.

The integration is designed around Webflow custom attributes, so configuration stays visible in the designer and the code stays stable.

01

Add the loader

Place the hosted script before the closing body tag in Webflow.

Get script
02

Set Klaviyo values

Add your public API key and list ID to the form attributes.

03

Submit a test

Use the playground and verify the profile appears in Klaviyo.

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.

Zapier task usageNone
Developer requiredNo
Per-form list routingIncluded
Custom profile fieldsIncluded
RuntimeLightweight async script

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.

Open playground

Webflow form

jane@brand.com
Jane Smith
Subscribe

Request preview

POST /client-subscriptions

200 profile subscribed

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.

Connect the forms your customers already use.

Start with the playground, then move the same attributes into Webflow.