The Complete Guide to Connecting Webflow forms to Klaviyo for Newsletters & E-Commerce
Step-by-step tutorial on sending newsletter signups and lead magnets from Webflow directly to Klaviyo lists with custom properties and double opt-in.
Dong Trinh
Lead Architect at WebflowForms
Webflow forms • Official Klaviyo Connector Integration
Why Pair Klaviyo with Webflow?
Klaviyo is the gold standard for e-commerce and creator email marketing. Pairing Webflow's stunning landing pages with Klaviyo's automated email flows creates the ultimate lead generation machine.
With WebflowForms, you can capture leads on your Webflow site and instantly trigger: - Welcome email flows with automatic discount codes. - Tagging and segmentation based on form selections (e.g. `Interest: Web Design`). - Double opt-in confirmation flows.
---
Step 1: Generate Your Klaviyo Private API Key
1. Log into your Klaviyo Dashboard → Settings → API Keys. 2. Click Create Private API Key. 3. Name it `WebflowForms Integration` and grant List and Profile Write access. 4. Copy the private API key (starts with `pk_...`).
---
Step 2: Configure Custom Field Mapping
1. In WebflowForms, create a new Connection with your Klaviyo API Key. 2. In your Form settings, map: - Webflow `email` → Klaviyo `$email` - Webflow `first_name` → Klaviyo `$first_name` - Webflow `phone` → Klaviyo `$phone_number` - Any custom fields (e.g., `referral_source`, `budget`) will automatically be stored as custom profile properties in Klaviyo!
---
Step 3: Test and Verify Submission in Klaviyo
Submit a test record on your Webflow preview site. In Klaviyo, navigate to Audience → Profiles — your new subscriber will appear immediately with all mapped properties intact!
Connect Webflow to Klaviyo Connector in 60 seconds
20 free test submissions included. No credit card required. Copy your Submit URL and paste straight into Webflow.
Related Articles
How to Connect Webflow forms to Any CRM in 2026 (No Code & No Zapier)
A complete step-by-step tutorial on routing native Webflow form submissions directly into Klaviyo, HubSpot, Mailchimp, or Salesforce in under 60 seconds.
How to Accept File Uploads in Webflow forms & Store in AWS S3 / Google Drive
Learn how to accept PDF resumes, mockups, and client attachments on native Webflow forms and stream them directly into private AWS S3 or Google Drive storage.
Why You Should Stop Using Zapier for Webflow forms (And Save $340/Year)
A comprehensive cost and architecture analysis showing why direct API connectors outperform Zapier for Webflow form handling in cost, latency, and reliability.