The Complete Guide to Connecting Framer Forms to Klaviyo for Newsletters & E-Commerce
Step-by-step tutorial on sending newsletter signups and lead magnets from Framer directly to Klaviyo lists with custom properties and double opt-in.
Dong Trinh
Lead Architect at FramerSend
Framer Forms • Official Klaviyo Connector Integration
Why Pair Klaviyo with Framer?
Klaviyo is the gold standard for e-commerce and creator email marketing. Pairing Framer's stunning landing pages with Klaviyo's automated email flows creates the ultimate lead generation machine.
With FramerSend, you can capture leads on your Framer 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 `FramerSend 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 FramerSend, create a new Connection with your Klaviyo API Key. 2. In your Form settings, map: - Framer `email` → Klaviyo `$email` - Framer `first_name` → Klaviyo `$first_name` - Framer `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 Framer preview site. In Klaviyo, navigate to Audience → Profiles — your new subscriber will appear immediately with all mapped properties intact!
Connect Framer to Klaviyo Connector in 60 seconds
20 free test submissions included. No credit card required. Copy your Submit URL and paste straight into Framer.
Related Articles
How to Connect Framer Forms to Any CRM in 2026 (No Code & No Zapier)
A complete step-by-step tutorial on routing native Framer form submissions directly into Klaviyo, HubSpot, Mailchimp, or Salesforce in under 60 seconds.
How to Accept File Uploads in Framer Forms & Store in AWS S3 / Google Drive
Learn how to accept PDF resumes, mockups, and client attachments on native Framer forms and stream them directly into private AWS S3 or Google Drive storage.
Why You Should Stop Using Zapier for Framer Forms (And Save $340/Year)
A comprehensive cost and architecture analysis showing why direct API connectors outperform Zapier for Framer form handling in cost, latency, and reliability.