Connect Klaviyo with Bolt

Klaviyo is a marketing automation tool that merchants can use to send marketing newsletters, abandoned cart and abandoned checkout emails, SMS marketing, and other custom customer communication flows. Using callbacks in checkout, you can configure a variety of Klaviyo’s messaging features manually via Bolt.

Integration

Before You Start

Before you can integrate Bolt with Klaviyo, ensure that:

1. You know which Klaviyo features you would like to enable.
2. You have installed Klaviyo on your ecommerce platform so you can leverage their APIs to track events.
3. You have reviewed Klaviyo’s documentation on using Sign-Up Forms to identify shoppers.

Available Events

Klaviyo tracks shopper activity on your site by capturing events.

Most events are transmitted automatically when you are integrated with Klaviyo. However, a few events such as those related to Checkout (e.g., Started Checkout) require additional setup. To capture these events, identify the shopper through a callback during checkout or through a Klavyo Form using the Javascript Track API.

Expand each section below to learn more about enabling that Klaviyo event or feature with your ecommerce platform.

Features

SMS Marketing

To use SMS Marketing with Klaviyo, you must first setup an SMS plan and sender number. See Klaviyo’s Getting Started with SMS guide. You can then leverage Klaviyo’s Proxy API along with callbacks to collect customer information and send SMS notifications.

Set Up Callbacks for BigCommerce

Before You Start

Install the Klaviyo native integration in BigCommerce, according to Klaviyo’s How to Integrate with BigCommerce guide.

Enable Newsletters

If enabling the newsletter subscriber function, configure a newsletter checkbox in Bolt checkout by contacting your customer success manager.

Doing so adds anyone who opts-in to newsletters when checking out via Bolt to the email list.

Klaviyo then pulls customer emails from the list via the Klaviyo integration installed on the platform. Bolt does not automatically pass this information to Klaviyo.

Enable Callbacks

1. To include additional Klaviyo functionality on the storefront, merchants should leverage the callbacks functionality to trigger messaging based on shopper actions in checkout.

2. If you are unsure which properties are available in a given callback, use console.log to return the arguments object. You’ll then see all available arguments you can use to build out callbacks in checkout:

   console.log(arguments) / console.log(JSON.stringify(arguments))
   

Set Up for Magento 2 / Adobe Commerce

Before You Start

Install the Klaviyo integration in Magento 2, according to Klaviyo’s How to Integrate with Magento 2 guide.

Enable Newsletters

If enabling the newsletter subscriber function, configure a newsletter checkbox in Bolt checkout by contacting your customer success manager.

This automatically adds anyone who opts-in to newsletters when checking out via Bolt to the subscriber list.

Klaviyo then pulls customer emails from this list via the Klaviyo integration installed on the platform. Bolt does not directly pass this information to Klaviyo.

Enable Callbacks

1. To leverage additional Klaviyo functionality, merchants should use our callbacks functionality to trigger messaging based on shopper actions in checkout.

2. If you are unsure which properties are available in a given callback, use console.log to return the arguments object. You’ll then see all available arguments you can use to build out callbacks in checkout:

   console.log(arguments) / console.log(JSON.stringify(arguments))
   

3. To configure the desired callbacks in your Magento admin account go to Stores > Configuration > Sales > Payment Methods > Bolt Pay > Advanced Options.

Set Up for WooCommerce

Before You Start

• Install the Klaviyo integration in WooCommerce, according to Klaviyo’s How to Integrate with WooCommerce guide.
• Install the Bolt plugin for Klaviyo.

Enable Newsletters

If enabling the newsletter subscriber function, configure a newsletter checkbox in Bolt checkout by contacting your customer success manager.

This automatically adds anyone who opts-in to newsletters when checking out via Bolt to a list.

Klaviyo then pulls customer emails from the list via the Klaviyo integration installed in the platform. Bolt does not directly pass this information to Klaviyo.

Enable Callbacks

1. To leverage any additional Klaviyo functionality, merchants should use Bolt callback functionality to trigger messaging based on shopper actions in checkout.

2. If you are unsure which properties are available in a given callback, use console.log to return the arguments object. You’ll then see all available arguments you can use to build out callbacks in checkout:

   console.log(arguments) / console.log(JSON.stringify(arguments))
   

3. Configure the desired callbacks in your WooCommerce admin account by navigating to Plugins > WooCommerce Bolt Checkout > Settings.

Send Started Checkout Event (Optional)

To trigger the Started Checkout event when an email is captured, add the following snippet to the Bolt plugin Settings in WooCommerce:

window.dispatchEvent(new CustomEvent('boltKlaviyoStartedCheckout', { detail: { email: email }}));

Collect Shopper Email Consent at Checkout (Optional)

You can collect shopper consent at checkout to opt in to email marketing using the Klaviyo integration. Contact a Bolt representative.

Collect Shopper SMS Consent at Checkout (Optional)

You can collect shopper consent at checkout to opt in to SMS marketing using the Klaviyo integration. Contact a Bolt representative.

Set Up Callbacks for Other Commerce Platforms

In the event that you don’t use any of the ecommerce platforms in this guide, you may still be able to set up an integration between Klaviyo and Bolt using callbacks.

How you do this usually varies per commerce platform, however, it typically requires providing your Publishable Bolt API key and enabling Bolt Pay. Then, you’ll need to set up callbacks and other Bolt functionalities in checkout according to the Klaviyo Feature Enablement Options section.

Direct API

For all events and features, use the Klaviyo guide for direct API implementations: Integrate a platform without a pre-built Klaviyo integration.

Additional Resources

Set Up Klaviyo

• Set up Klaviyo on BigCommerce
• Set up Klaviyo on Magento
• Set up Klaviyo on Magento 2 / Adobe Commerce
• Set up Klaviyo on Salesforce Commerce Cloud
• Set up Klaviyo on Volusion
• Set up Klaviyo on WooCommerce