Home/Blog/Integrations
Integrations 5 min read2026-08-25

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

Dong Trinh

Lead Architect at FramerSend

The Complete Guide to Connecting Framer Forms to Klaviyo for Newsletters & E-Commerce

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!

⚡ Ready to Build This?

Connect Framer to Klaviyo Connector for $19/yr

Unlimited form submissions, visual field mapping, and zero exposed API keys.

Get Started →