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.

 

Enable the Shopify Integration

There are three options to get started with Klaviyo’s Shopify integration:

  • Add the Klaviyo App from the Shopify App Store
  • 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

All three options redirect you to the Klaviyo app landing page inside your Shopify store. The following instructions cover the third option, 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.

When you integrate your Klaviyo account with Shopify, one of the properties synced from your store is whether each customer accepts marketing or not. The property can be either true or false. Below is an example of how the property appears on a customer's profile in your Klaviyo account.

To learn more about how the "Accepts Marketing" property is managed in Shopify, view their documentation. This property is always synced to your Klaviyo whether you subscribe customers who accept marketing to a list or not.

Shopify syncs an Accepts Marketing property into Klaviyo.  It's important to note that Shopify's Accepts Marketing property does not reflect whether someone is or isn't subscribed to a Klaviyo Newsletter list. As such, there are a few situations which can cause someone to have Accepts Marketing set to false, but they're still subscribed to your newsletter:

  • If a customer checks out and decides not to accept marketing at that time, but later subscribes through a signup form, they'll still be added to your newsletter list.  
  • If a customer checks out and does accept marketing, they'll be added to your newsletter list. If they check out again, they'll probably decide to not subscribe again since they're already subscribed. Depending on your checkout configuration, Shopify might see this as not accepting marketing (Accepts Marketing = false.) You probably don't want to treat this customer as an unsubscribe. Rather, you'll want to keep this customer on your newsletter list.  

Note that Klaviyo will not automatically sync historical subscribers to a list when a customer checks "Subscribe customers who Accept Marketing to a Klaviyo list." If you need to add historical subscribers to your newsletter list, you'll need to do so manually. Be sure to check out our article on importing subscribers to an existing list.

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 onsite 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.

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. Copy the second 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 onsite 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 onsite 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

Depending on how many orders, customers and products your store has, it can take anywhere from a few minutes to several hours to sync all of your data. Once the initial 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.

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?
397 out of 600 found this helpful