Open Source — Free to Use

Webflow forms, finally connected.

Stop losing leads. This script connects your Webflow forms directly to Klaviyo lists—no Zapier, no code, no headaches.

Javin Towers

Need help? Get professional setup.

30-min live session with Javin — $100

Professional Installation
$100
Webflow Form
user@example.com
Jane Smith
Attribute:data-klaviyo-form
Integration Script
Klaviyo System
Subscriber added to list
Jane Smith
Properties
{
"email": "user@example.com",
"first_name": "Jane"
}
List: NewsletterSubscribed
1Add script
2Tag form
3Done!

How It Works

Connect your forms in under 5 minutes

1

Add the script

Copy one line of code to your Webflow site settings.

Get the script
2

Add your Klaviyo keys

Enter your API key and List ID to connect.

3

Tag your forms

Add a data attribute to any form you want synced.

The Problem

Webflow forms don't talk to Klaviyo

  • Leads submitted but never reach your email list
  • Zapier costs $20+/month for a simple connection
  • Custom code solutions are fragile and hard to maintain
  • Field mapping requires developer help
The Solution

One script, zero friction

  • Every form submission goes directly to Klaviyo
  • Completely free, open source, no monthly fees
  • Automatic field mapping that just works
  • Set up in 5 minutes, no code required

Everything you need

Built for Webflow developers who want things to just work

Quick Setup

One script tag and a few form attributes. That's it.

No code5 min setup

Field Mapping

Maps form fields to Klaviyo properties automatically.

Auto-mappingCustom fields

Multi-List

Different forms can target different Klaviyo lists.

Per-form configFlexible

Consent Tracking

Built-in consent options for GDPR compliance.

GDPR readyCheckboxes

Validation

Email format checks and required field validation.

Email checkRequired fields

Custom Events

Track form submissions as Klaviyo events.

Event trackingAnalytics
Interactive Demo

Try before you implement

Test different form configurations and see exactly how your data flows into Klaviyo.

  • Test forms instantly

    Try different field configurations

  • See validation in action

    Watch how email validation works

  • Inspect API payloads

    View exactly what gets sent to Klaviyo

Open Playground
Klaviyo List: Newsletter

Klaviyo Integration Playground

example@email.com
John

API Request Preview

POST /api/klaviyo/track-submission
{
  "email": "example@email.com",
  "firstName": "John",
  "consent": true
}
Form Submitted!

Questions & Answers

Common questions about the integration

Do I need to know how to code?

No coding required. The integration uses simple data attributes on standard Webflow forms.

Will this affect page performance?

The script is lightweight and loads asynchronously to minimize any impact.

Which Webflow forms are supported?

All native Webflow forms work, including Form Blocks and custom Form elements.

Is this GDPR compliant?

The integration includes consent tracking options that can help with GDPR requirements.

Can I use multiple Klaviyo lists?

Yes, different forms can connect to different Klaviyo lists.

How can I get help?

This is free and open source with documentation. For professional help, book a $100 setup session.

Community Project

Free and open source

Use it freely for any project. Or get professional help if you need it.

Self-Service

Free
  • Full script access
  • All features included
  • Documentation
  • Community support
View Documentation
Recommended

Professional Setup

$100
  • 30-min live 1-on-1 call
  • Complete setup done for you
  • Custom field mapping help
  • Testing & verification
Javin Towers

Built by Javin Towers

Full-stack developer & Webflow expert

10+ years building web apps and marketing automation tools. Created this for the Webflow community because connecting forms to Klaviyo shouldn't be hard.

LinkedIn

Ready to connect your forms?

Start free in 5 minutes, or get professional help.

Try It Free