ConnectMagic
Connect ConnectMagic with Webflow to sync form submissions and ecommerce events to Klaviyo for email marketing automation, abandoned cart recovery, and customer segmentation.
How to integrate ConnectMagic with Webflow
ConnectMagic connects Webflow Ecommerce stores with Klaviyo's email marketing platform. Install from the Webflow Marketplace for visual configuration, or embed scripts using custom code.
Use the ConnectMagic app
Install ConnectMagic from Webflow's Apps panel, authorize the connection, and configure it through the visual interface. No custom code required.
Setup process:
- Open Webflow Designer and access the Apps panel
- Search for and install ConnectMagic
- Authorize the app connection
- Enter your Klaviyo API credentials (Public and Private keys from your Klaviyo account)
- Map form fields to Klaviyo properties using the visual interface
- Enable ecommerce tracking with toggle switches
- Monitor sync status in the Test Mode dashboard
Requirements:
- Webflow plan with Apps support
- Webflow Ecommerce plan (required for ecommerce event tracking)
- Klaviyo account with Public and Private API keys
The app provides visual field mapping, toggle-based event tracking configuration, sync logs, and one-click retry for failed submissions.
Embed ConnectMagic scripts
For manual control over script loading, ConnectMagic provides JavaScript tracking scripts for installation through Webflow's custom code feature. This method lacks the visual configuration interface and monitoring dashboard. Place scripts in footer locations for page load optimization.
Note: Custom code access requires a paid Webflow plan.
What you can build
Integrate ConnectMagic with Webflow to automate email marketing based on customer behavior.
- Abandoned cart recovery sequences: Send reminder emails when customers add products but don't complete checkout. ConnectMagic tracks cart events; configure recovery flows in Klaviyo.
- Post-purchase campaigns: Trigger follow-up emails based on purchase events to drive repeat sales and reviews.
- Behavioral lead scoring systems: Build customer profiles in Klaviyo based on form submissions and ecommerce activity. Note: Lead scoring requires manual configuration in Klaviyo's scoring settings.
- Segmented welcome series: Create email sequences that adapt based on form submissions and purchase behavior on your Webflow site.
Frequently asked questions
The marketplace app requires a Webflow plan with Apps support. Ecommerce event tracking (abandoned carts, purchases, product views) requires a Webflow Ecommerce plan. Basic form submission syncing works on lower-tier plans with Apps support.
Webflow enforces API rate limits: 60 requests/minute for Starter/Basic plans, 120 requests/minute for CMS/Business/Ecommerce plans. Klaviyo uses tiered rate limits with both burst (per second) and steady (per minute) metrics. For example, S-tier allows 3 requests/second and 60/minute, while L-tier allows 75/second and 700/minute. Implementations must respect both metrics to avoid failures. The Test Mode dashboard helps monitor sync status and retry failed submissions.
No. ConnectMagic syncs one direction only — from Webflow to Klaviyo. To write Klaviyo data back to Webflow CMS, you'd need a custom integration using the Webflow CMS API.
Description
ConnectMagic is a Webflow Marketplace app by Ristretto Apps that syncs data from Webflow Ecommerce to Klaviyo. It captures form submissions and ecommerce events (purchases, cart abandonments, product views) and sends them to Klaviyo for email automation.
This integration page is provided for informational and convenience purposes only.
Ortto
Connect Ortto to Webflow and capture leads from your website without rebuilding forms on another platform.
AtomPark Software
Connect AtomPark with Webflow to route form submissions to bulk email and SMS campaigns
Campaign Monitor
Connect Campaign Monitor with Webflow to automate subscriber capture from form submissions, trigger email sequences based on website activity, and sync customer data between platforms.
Flodesk
Connect Flodesk's email marketing platform with Webflow to capture form submissions and build automated email campaigns.
Customer.io
Customer.io connects to Webflow through two methods: direct JavaScript form tracking and custom API integration. Choose your method based on technical requirements and use case complexity.
SendGrid
Webflow doesn't include native SendGrid connectivity, so you'll connect the platforms through embedded signup forms, automation tools, or custom API implementations.
Brevo (formerly Sendinblue)
Brevo (formerly Sendinblue) connects to Webflow to enable automated contact management and campaign triggers while maintaining design control over your site.
Constant Contact
Connect Constant Contact's email marketing platform with Webflow to capture form submissions, sync contacts to email lists, and automate subscriber management. The integration uses REST APIs from both platforms to move contact data between your Webflow site and Constant Contact campaigns without manual exports or imports.
GetResponse
Connect GetResponse's powerful email marketing and automation tools with your Webflow site to capture leads, nurture subscribers, and drive conversions through automated campaigns.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
