CartHook Integration

read
Last updated at:

Overview

While Klaviyo does not have a built-in integration with CartHook, you can still integrate your accounts by using an integration built by CartHook. 

CartHook provides one-step checkout for Shopify customers. When CartHook is integrated with Shopify, checkout data funneled through the CartHook checkout screen replaces your Shopify checkout. CartHook data can be pulled into Klaviyo via the CartHook+Klaviyo integration.

The CartHook+Klaviyo integration is a one-way sync where the CartHook Started Checkout metric and related customer data is sent into your Klaviyo account.

When setting up flows triggered by CartHook data, pay close attention to the distinction between the Shopify Checkout Started metric and the CartHook Started Checkout Metric to ensure that your Abandoned Cart flows are triggered by the intended event. We'll walk through a CartHook-triggered Abandoned Cart flow later in this document.

This guide will walk you through integrating CartHook with Klaviyo.

Connect CartHook to Klaviyo

To connect with CartHook you will need both your Klaviyo Public API Key (your Site ID) and a Klaviyo Private API Key. We're going to copy/paste both into CartHook. 

Navigate to your Account Settings by clicking the account name at the upper right corner of your Klaviyo account. Then, in the Settings dropdown, choose API Keys.

API_Key_1.gif Copy your Site ID. 

2019-08-27_15-03-37.png
Now head over to CartHook. Click the account icon at the upper right corner of your CartHook account. Choose Settings from the dropdown. Then click on the Apps tab. 

2019-08-28_10-58-27.gif

Select the Klaviyo Cart Abandonment card.

2019-08-27_15-09-57.png

Paste your Klaviyo Site ID into the Site ID field. 

2019-08-27_15-11-12.png

Switch back to Klaviyo to generate a Private API Key. Select Create API Key. You can label the API Key for clarity. Copy the API Key and head back over to CartHook.

Blurred_API_Key_2.gif

Paste your Private API key into CartHook.

2019-08-27_15-17-28.png

You'll notice that your Klaviyo integration has been Enabled. Make a test purchase to get your CartHook and Klaviyo accounts to sync.

Create a New Abandoned Cart Flow

Now it's time to create a new Abandoned Cart flow which is triggered by the CartHook Started Checkout metric. You may already have a live Abandoned Cart flow. It's likely that your live flow is triggered by Shopify's Checkout Started metric. You'll need to replace this flow with an Abandoned Cart flow triggered by CartHook's Checkout Started metric. 

Keep in mind that Flow Triggers cannot be changed for an existing flow, but existing flows can be easily cloned with a new Flow Trigger applied.

For this example, we're going to clone our existing Abandoned Cart flow. However, you may want to create a new Abandoned Cart flow from the Flow Library or from scratch.

On the Flows tab, locate your Abandoned Cart flow. Then click the Edit Flow dropdown and select Clone.
2019-08-28_10-49-38.gifType in a flow name.  Then select Carthook's Started Checkout metric as the Trigger.
2019-09-03_16-06-38.png

Make sure you've selected CartHook's Started Checkout metric as the Flow Trigger.

  • Shopify's Checkout Started metric is notated by a Shopify icon mceclip3.png
  • CartHook's Started Checkout metric is pulled in by an API, so it has a gear icon next to it mceclip0.png

Click Clone Flow.

Delete or Deactivate the old flow. Deactivate the flow if you want to retain historic data. Since flows are not turned "off", you can deactivate the flow by pausing each flow emailDelete the flow if you don't mind losing the historic data. 

Activate the new Abandoned Cart flow by turning each flow email to Live. Your new Abandoned Cart flow will be notated in green.

2019-09-03_16-29-53.png

Customize Abandoned Cart Emails with Dynamic CartHook Data

Abandoned Cart emails are customized with dynamic checkout data. Since you're now using CartHook checkout data, you'll need to incorporate CartHook's dynamic checkout data into your Abandoned Cart emails.

Head over to Personalize Flow Emails with Dynamic Event Data for an exact description of this process, and instructions on how to populate your Abandoned Cart flow emails with dynamic CartHook event data. 

Data Synced into Klaviyo

CartHook syncs both event data and profile data into Klaviyo.:

For each customer:

  • email
  • phone_number
  • first_name
  • last_name

For each product purchased:

  • SKU
  • Variant
  • Name
  • Quantity
  • ItemPrice
  • RowTotal
  • ProductURL
  • ImageURL
  • value
  • CheckoutURL
  • Items
  • ItemNames 

CartHook event metrics have a gear icon next to them because they are synced by API. You can view these in Klaviyo's Metrics section. To display only API data, use the dropdown filter on the upper right of the Metrics tab
mceclip6.pngRemember that when you use Carthook with Shopify, you replace Shopify's checkout with CartHook's checkout. When a customer lands on a CartHook Checkout page, CartHook sends checkout data back into Shopify via your CartHook+Shopify integration. When you've enabled both a CartHook+Shopify integration and a Klaviyo+CartHook integration, you may see duplicate purchase information in a customer's profile.

Let's take a look at the profile of a customer who purchased a product using CartHook's Checkout page:
2019-09-03_15-26-55.png
Examine the metrics on the event timeline:

  • CartHook Ordered Product event(API icon): This customer made a purchase on a CartHook checkout page which synced to Klaviyo via Carthook+Klaviyo integration.
  • Shopify Ordered Product event (Shopify icon): CartHook passed the purchase data over to Shopify which synced to Klaviyo via Shopify+Klaviyo integration 

Now let's take a look at a customer's profile who abandoned a cart. This customer started CartHook checkout, entered their email address, and then abandoned their cart:
2019-09-03_15-43-00.png
Notice the CartHook Started Checkout metric. This Started Checkout metric can be used to trigger an Abandoned Cart flow in Klaviyo.

How to Use the CartHook Integration

Businesses use their CartHook data to trigger an Abandoned Cart flow in Klaviyo. This is an example of how you can set that up:  

  1. Design a CartHook "Shopify Checkout Replacement" Funnel which is integrated with Klaviyo.
    2019-09-03_15-48-29.png
  2. Setup an Abandoned Cart flow which is triggered by the CartHook Started Checkout metric:
    2019-09-03_15-54-00.png
  3. When a customer visits your product's checkout page > starts checkout > enters their email address > and abandons their cart, a CartHook Started Checkout event is pushed to Klaviyo. The Started Checkout metric triggers an Abandoned Cart flow.
x
Was this article helpful?
1 out of 3 found this helpful