fbpx
how to integratae klaviyo with Shopify

Klaviyo & Shopify Integration Tutorial

Let’s face an undeniable fact: There is a massive shift of Shopify store-owners to Klaviyo. If you have recently felt that so many eCommerce businesses abandon traditional email automation platforms such as Mailchimp, and choose to connect their online-shops to Klaviyo, you weren’t wrong.

 

Not only Klaviyo is an incredibly advanced email automation tool with top of the line features and more integrations than any other email platform, Klaviyo is made for eCommerce. With such a huge variety of the best segmentation you can find anywhere, by this time you may already have chosen to integrate your Shopify store to Klaviyo.

This article is a step-by-step guide, on how to connect Klaviyo with Shopify.

Need Help With Klaviyo?

Our Live Chat is One Click Away!

Step 1: Create A Klaviyo Account

If you don’t have a Klaviyo account by now, go to Klaviyo and click “Sign Up” at the top right corner. Otherwise, click “Log In.”

For signup users, fill in the necessary information and click “Create Account”. You can now use the email and password you’ve just entered to log in to Klaviyo.

Get started with free klaviyo account for shopify

Step 2: Complete The Setup Checklist

After logging in, a setup wizard will show help you integrate Klaviyo with Shopify and set up all necessary information. If you accidentally skip this step, you can always access it by clicking your account name on the top right corner.

Connect klaviyo to shopify account
Klaviyo setup

Enter the website address you want to connect with. It should be the domain name (with extension) of your Shopify store. The category is E-commerce, and the platform is Shopify.

Step 3: Klaviyo Shopify integration setup

The next step is to enter your Shopify’s URL. It is the original URL you use to sign in to your Shopify account. After entering your Shopify’s URL , click on the “Connect Shopify account” button to start the integrating process between Klaviyo and Shopify.

What’s your top business goal?

Choose the first goal you’d like to achieve with Klaviyo to get personalized recommendations for your shop’s success.

Check your email as you will need to active your account with the link sent to you.

online shop integration with Klaviyo

Step 4: Tracking integration

Tracking integration between Shopify and Klaviyo
Enabling web tracking in your Shopify store

Klaviyo has two web tracking snippets that you can use to collect valuable information about your customers:

Klaviyo Account → Click Account in the drop-down (top right, below the account name) → Select Setup Web Tracking.

Set up web tracking Klaviyo Shopify
  1. You will then be taken to a page with Klaviyo’s web Tracking-snippets
<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=API_KEY"></script>
  1. In the code snippet, be sure to replace ‘API_KEY’ with your six-digit Klaviyo Public API Key.
  2. If you’ve enabled Customer Accounts for your store, add an extra script to identify your customers with the email they use to log in to your store.

The full script will look like the following:

  1. Shopify admin → Online store → Themes → Actions in drop-down → Edit code

Search for the files you want to add the snippet to and click to open it in the editor. You can add the snippet to any page templates where you want to enable Klaviyo forms and tracking on the corresponding pages.

Shopify edit tracking code
  1. Scroll to the bottom of the file and paste your snippet below the other code.
  2. Click save

. Go back to your Klaviyo account; to the page where you copied the code snippet. Under point 3, i.e. under the code snippet, enter the URL of your Shopify shop in the appropriate field and then click on Next.

  1. From your Shopify Admin click Online Store > Themes. From the dropdown click Edit Code.

Need Help With Klaviyo?

Our Live Chat is One Click Away!

Step 5: Adding and testing onsite JavaScript

Klaviyo’s onsite JavaScript, known as ‘active on site web’ tracking or Klaviyo.js, tracks when customers visit your store.

The team at Klaviyo recommends that you tick the box labelled “Automatically add Klaviyo onsite JavaScript” on your Shopify Integration settings page to activate this.

Signup forms

You can tick the ‘Collect Email Subscribers’ box to automatically add all customers who sign up to your default Shopify signup form or accept email marketing at checkout.

Installing the Shopify Application

Once you have installed the Shopify application by clicking on the ‘Install’ button, your Shopify account will be connected to your Klaviyo account.

  1. A few steps are listed on the new page. There is a code snippet under point 2. Copy this snippet.
  2. Now go to your Shopify account to paste the code snippet into your theme:

Shopify admin → Online store → Themes → Actions in dropdown → Edit code

  1. Search in the search bar for the file titled product.liquid ; this way you don’t have to search through the long list for the file. Click on the file to open it for editing.
  2. Now paste the code snippet that you previously copied in Klaviyo to the end of the already existing code.

For this snippet to work properly, it should be added to all product pages. If you use custom product pages, you may need to add this snippet to another theme file or to your individual custom product pages.

  1. Go back to your Klaviyo account; to the page where you copied the code snippet. Under point 3, i.e. under the code snippet, enter the URL of your Shopify shop in the appropriate field and then click on Next.

Still Need Help? Our Chat is a Click Away!