Klaviyo

Klaviyo Integration for Medusa

A Medusa plugin that integrates Klaviyo's email marketing and customer engagement platform with your Medusa store.

Note: This is a fork of @variablevic/klaviyo-medusa with feature enhancements including event tracking, return management, cart behavioral tracking, enhanced product feed with brand support, and bulk subscription management.

Table of Contents

• Features
• Prerequisites
• Installation
• Configuration
  • Configuration Options
  • Environment Variables
• Usage
  • Client-Side Integration
  • Product Feed
• Extending the Plugin
• Local Development
• License

Features

Customer Management

• Automatically sync customers to Klaviyo when created or updated
• Handle marketing consent for email/SMS subscriptions
• Bulk subscription management based on customer consent metadata
• Support for email and SMS marketing consent
• Transactional SMS consent handling

Order Tracking

• Order Placed - Track when orders are placed with complete order details
• Order Shipped - Track fulfillment creation with tracking numbers and carrier info
• Order Canceled - Track order cancellations with refund amounts
• Order Delivered - Track when orders are completed/delivered

Return Tracking

• Return Requested - Track return requests with item details and reasons
• Return Received - Track when returns are received at warehouse

Behavioral Tracking (Server-Side)

• Added to Cart - Track when items are added to cart (with product details)
  • Detects new items and quantity increases
  • Supports retrospective tracking when email is added to cart
  • Works for both logged-in users and guests
  • Note: Cart tracking uses in-memory state management. For production at scale, consider implementing Redis-based state management to persist cart state across server restarts.
• Started Checkout - Track when customers begin checkout process (triggered when shipping address is added)

Product Catalog

• Klaviyo-compatible product feed for catalog syncing
• Multi-currency support
• Complete product details including inventory, pricing, and brand information
• Supports product variants with calculated prices

Prerequisites

• Medusa server (v2.4.0 or higher)
• Klaviyo account with API credentials

Installation

yarn add @eancarr/klaviyo-medusa

Or with npm:

npm install @eancarr/klaviyo-medusa

Then add the plugin to your medusa-config.js file:

1const plugins = [
2  // ...
3  {
4    resolve: "@eancarr/klaviyo-medusa",
5    options: {
6      apiKey: process.env.KLAVIYO_API_KEY,
7    },
8  },
9];

Configuration

Configuration Options

Environment Variables

1KLAVIYO_API_KEY=your_klaviyo_api_key
2STOREFRONT_URL=https://your-storefront-url.com  # Optional: Your actual storefront URL (where customers view products). Used for product feed links. Defaults to http://localhost:8000

Usage

Once installed and configured, the plugin will automatically track the following events:

Automatic Event Tracking

The plugin uses Medusa event subscribers to listen for events and send them to Klaviyo:

Customer Events

• customer.created - Syncs new customers to Klaviyo
• customer.updated - Updates customer profiles in Klaviyo

Order Events

• order.placed - Sends "Placed Order" event with order details
• order.fulfillment_created - Sends "Order Shipped" event with tracking info
• order.canceled - Sends "Order Canceled" event with refund details
• order.completed - Sends "Order Delivered" event

Return Events

• order.return_requested - Sends "Return Requested" event
• order.return_received - Sends "Return Received" event

Cart Events

• cart.updated - Tracks "Added to Cart" and "Started Checkout" events

All events are tracked server-side for reliability and include complete data from your Medusa database. These events can be used in Klaviyo to:

• Build automated email flows (abandoned cart, shipping notifications, etc.)
• Segment customers based on behavior
• Track customer lifetime value
• Create product recommendations

Client-Side Integration

To properly manage marketing consent for Klaviyo in your storefront, you should set consent settings in the customer's metadata. This ensures compliance with privacy regulations by only subscribing customers who have explicitly given consent.

When collecting customer information (during registration, newsletter signup, or checkout), update the customer metadata with Klaviyo consent flags:

1// Example implementation in your storefront
2const updateCustomerConsent = async (
3  customerId: string,
4  consentSettings: {
5    email?: boolean;
6    sms?: boolean;
7    transactional_sms?: boolean;
8    consented_at?: string; // ISO date string (optional)
9  }
10) => {
11  // Call your store API endpoint that updates customer metadata
12  await fetch("/store/customers/me", {
13    method: "POST",
14    headers: {
15      "Content-Type": "application/json",
16    },
17    credentials: "include",
18    body: JSON.stringify({
19      metadata: {
20        klaviyo: consentSettings, // Can be object or JSON string
21      },
22    }),
23  });
24};
25
26// Usage example
27updateCustomerConsent("cus_123", {
28  email: true,
29  sms: false,
30  transactional_sms: true,
31});

The plugin checks for these consent settings when syncing customer data to Klaviyo:

• metadata.klaviyo.email: Set to true to opt the customer into email marketing
• metadata.klaviyo.sms: Set to true to opt the customer into SMS marketing
• metadata.klaviyo.transactional_sms: Set to true to opt the customer into transactional SMS
• metadata.klaviyo.consented_at: Optional ISO date string for consent timestamp

The metadata.klaviyo value can be either:

• A JSON object with the consent properties
• A JSON string that will be parsed automatically

Product Feed

The plugin provides a Klaviyo-compatible product feed API that allows you to sync your entire product catalog with Klaviyo. This enables product recommendations, abandoned cart emails with product details, and more.

To use the product feed in Klaviyo:

1. Access your product feed at: https://your-medusa-url.com/feeds/products/{currencyCode}

   • Replace {currencyCode} with your store's currency code (e.g., usd, eur)

2. In your Klaviyo account:

   • Go to "Content" → "Products"
   • Click "Manage Custome Catalog Sources"
   • Click "Add new source"
   • Enter your product feed URL
   • Configure sync settings according to your needs

The product feed includes comprehensive product data:

• Product ID
• Title
• Description
• Handle/Slug
• SKU
• Thumbnail and Images
• Brand information
• Pricing information (min/max prices, compare-at-price)
• Currency
• Product URL
• Categories
• Inventory quantity and availability status
• Product variants with calculated prices

Extending the Plugin

You can extend the plugin by:

1. Creating custom workflows in your Medusa server that utilize the Klaviyo service
2. Adding additional event subscribers to sync more data types
3. Enhancing the data structure sent to Klaviyo

Example of using the Klaviyo service in your own code:

1// Access the Klaviyo service
2const klaviyoService = container.resolve("klaviyoService");
3
4// Create an event
5await klaviyoService.createEvent({
6  metric: {
7    name: "Custom Event",
8  },
9  profile: {
10    email: "customer@example.com",
11  },
12  properties: {
13    // Your custom properties
14  },
15});
16
17// Upsert a customer profile
18await klaviyoService.upsertProfile({
19  email: "customer@example.com",
20  phone_number: "+1234567890",
21  // ... other profile attributes
22});
23
24// Bulk subscribe profiles
25await klaviyoService.bulkSubscribeProfiles([
26  {
27    type: "profile",
28    id: "profile-id",
29    attributes: {
30      email: "customer@example.com",
31      subscriptions: {
32        email: {
33          marketing: {
34            consent: "SUBSCRIBED",
35          },
36        },
37      },
38    },
39  },
40]);

Local Development

1# Clone the repository
2git clone https://github.com/eancarr/klaviyo-medusa.git
3
4# Install dependencies
5cd klaviyo-medusa
6yarn
7
8# Start development server
9yarn dev

License

MIT