Integrate with Shopify

read
Last updated at:

Overview

This article walks through enabling the Shopify integration, syncing your Shopify newsletter subscribers to a list in Klaviyo, and adding web tracking to your Shopify store. After integrating you can optionally sync any of your existing signup forms to your Klaviyo account.

Although Klaviyo maintains a native integration with Shopify, your Klaviyo account is separate entity from your Shopify account. Changes made to your Shopify account, such as billing updates or cancellation, will not apply to your Klaviyo account.

 

Enable the Shopify Integration

There are two ways to get started with Klaviyo’s Shopify integration:

  • Add the Shopify integration from the Klaviyo getting started wizard (if you’re a brand new customer)
  • Add the Shopify integration from the Integrations tab in your Klaviyo account

The following instructions cover adding the Shopify integration from the Integrations tab in your Klaviyo account.

  1. In your Klaviyo account click the Integrations tab and click on the Shopify integration. This takes you to your Shopify Integration settings page.
  2. Paste in the URL of your Shopify store and click Connect to Shopify. There are three additional settings: 2019-07-12_12-38-11.png
  3. After configuring your settings, click Connect to Shopify. This takes you to your Shopify account.
  4. Click Install App. This begins syncing your Shopify data with Klaviyo and takes you back to your Klaviyo account.
  5. A green success callout will indicate that your data is syncing with Klaviyo.

If you're syncing a large amount of data a green progress bar will indicate the status of your sync. See the section below on Monitoring the Historical Data Sync for more detailed information.

Your Shopify integration is now enabled.

Sync Your Shopify Newsletter Subscribers to a Klaviyo List

It's important to add your Shopify subscribers automatically to your Klaviyo newsletter list. Shopify customers can accept marketing at checkout or they can signup through default Shopify signup forms.

In addition to signup options that Shopify offers, your customers can subscribe through Klaviyo signup forms or through signup forms created by popup or list-growth apps.  See the section below on syncing your signup forms to Klaviyo, or learn more about integrating with popup or list-growth apps.

New newsletter subscribers are synced in real time through your Shopify integration. 

If you are using a Shopify 3rd party theme, your theme's default signup forms must also apply the Newsletter tag to new subscribers in order for Klaviyo to automatically sync these subscribers to a Klaviyo list. Contact your theme developer, or if you're comfortable editing your theme's source code, add the following hidden input tag to your form's input group:
<input type="hidden" name="contact[tags]" value="newsletter">

We're going to walk through configuring your Shopify integration settings so that Shopify subscribers will automatically be added to a Klaviyo list. 

Navigate to your Shopify integration page by checking the box to Subscribe customers who Accept Marketing to a Klaviyo list, and selecting a list from the dropdown. After you select the list you want to sync, click Update Shopify settings.

Add Web Tracking to Your Shopify Store

Klaviyo provides two web tracking snippets to help you collect valuable information about your customers:

  • Active on site
    This snippet tracks when your customers visit your site. This snippet is installed with Klaviyo's on site JavaScript. We recommend installing this snippet by checking the box on your Shopify Integration settings page in your Klaviyo account. If you would like to manually install this snippet, follow the instructions in our guide to manually installing klaviyo.js.
  • Viewed Product
    This snippet tracks when your customers view specific products. Instructions for installing this snippet manually are described below.

The Viewed Product snippet is:

<script type="text/javascript">
  var _learnq = _learnq || [];
  var item = {
    Name: {{ product.title|json }},
    ProductID: {{ product.id|json }},
    Categories: {{ product.collections|map:'title'|json }},
    ImageURL: "https:{{ product.featured_image.src|img_url:'grande' }}",
    URL: "{{ shop.secure_url }}{{ product.url }}",
    Brand: {{ product.vendor|json }},
    Price: {{ product.price|money|json }},
    CompareAtPrice: {{ product.compare_at_price_max|money|json }}
  };
  _learnq.push(['track', 'Viewed Product', item]);
  _learnq.push(['trackViewedItem', {
    Title: item.Name,
    ItemId: item.ProductID,
    Categories: item.Categories,
    ImageUrl: item.ImageURL,
    Url: item.URL,
    Metadata: {
      Brand: item.Brand,
      Price: item.Price,
      CompareAtPrice: item.CompareAtPrice
    }
  }]);
</script>

Add web tracking to your Shopify store by pasting Klaviyo's code snippets into your Shopify theme.

  1. From your Klaviyo account click the Account dropdown and select Setup Web Tracking. This takes you to a page with Klaviyo's web tracking snippets.
    setup-web-tracking.png
  2. Beneath step 2, copy the code snippet.
  3. From your Shopify Admin click Online Store > Themes. From the dropdown click Edit Code.
  4. Search for the product.liquid file. Click the file to open it in the editor.
    shopify-admin-product-liquid.png
  5. Paste the second code snippet at the bottom of the file, after all the existing code. Click Save.
    For this snippet to work correctly it should be added to all of your product pages. If you are using custom product pages, you may need to add this snippet to a different theme file, or to your individual custom product pages.
  6. Switch back to your Klaviyo account. Enter the URL for your Shopify store into the box. Click Next.
  7. Click the link that is generated where you previously input your URL. This triggers an Active on Site event in your Klaviyo account.

A green Data Received button confirms that your web tracking is set up correctly.

Sync Your Shopify Signup Forms or Add Klaviyo Forms

Enabling the Shopify integration provides three options for syncing your signup forms to Klaviyo:

If you checked the box to Automatically add Klaviyo on site javascript (recommended) on your Shopify Integration settings page then you have already installed klaviyo.js and your Klaviyo form are enabled. You can jump right the signup form editor and start building out a form.

If you did not check the box to Automatically add Klaviyo on site javascript (recommended), then you will need to manually install klaviyo.js by following our guide to installing Klaviyo signup forms.

Monitoring the Historical Data Sync

When you first integrate with Shopify, Klaviyo will sync the last 90 days of your Shopify data so you can get started right away with engaging your most recent customers. After the sync of your most recent 90 days of data, Klaviyo will begin your complete historical data sync.  Depending on how many orders, customers and products your store has, it can take anywhere from a few minutes to several days to sync all of your data.

Once this historical sync is complete, new data will sync to Klaviyo in real time. To check the progress of the initial sync, click on the Metrics tab in the sidebar.

Find the Placed Order metric and change the date range of the graph to see which dates have been fully synced. When the sync is complete, the Shopify integration in the Integrations tab will be marked complete. If you want to verify for yourself that all data from Shopify is synced, you can cross check the total orders for a few days or a week. Before you start validating, make sure your account's timezone matches the settings in Shopify.

To check or update your account's timezone, go to the Account Settings page and check the Contact Information > Organization section.
Klaviyo limits the number of unique metrics you can create to 200. When you approach this threshold, you will be alerted via a warning in your account, along with an email to the account owner.

Troubleshooting

Here are some quick troubleshooting tips for common issues.

My Shopify Integration is Not Syncing

If you think your Shopify integration is not syncing data properly, you can update the sync by completing the following steps.

  1. From your Klaviyo account, click into your Integrations tab.
  2. Find your Shopify integration and click View Settings.
  3. Click the blue Update Shopify Settings button. If you're not logged into your Shopify store you will be redirected to Shopify and prompted to log in.

    When you click to update your integration settings, we will re-authenticate with Shopify and then you will be brought back into Klaviyo. If you click to update, and then click the back button or navigate elsewhere before this authentication process completes, this will cause your integration to get disabled.

  4. A green Settings Updated callout at the top of the page confirms your integration has been updated and is resyncing. This can take up to 1 minute to appear.

resyncShopifyIntegartion.gif

x
Was this article helpful?
974 out of 1541 found this helpful