How to Use Beacon with Shopify

Sendlane's Beacon is a great tool to use directly on your Shopify Store! 

In this article we'll go over:

Before Getting Started 

You will first need to create an event in your Sendlane account. 

Also, be sure that you have admin access for your Shopify Store.

Editing themes in Shopify

First, you'll want to review how to edit the theme code within your Shopify shop. 

Before you customize your master theme, in may be a good idea to duplicate your theme to create a backup copy:
  1. From your Shopify admin, go to Online Store → Themes → Actions → DuplicateThe duplicate appears on the same Themes page, named Copy of___:
  2. From the same Themes tab, go to Copy of___  → Actions  → Edit Code

Locating your Beacon Code

Now, it's time to grab your Beacon code from inside of Sendlane!

  1. From your Sendlane account, navigate to Beacon → Events
  2. Click Get Code next to the event you'd like to track:
  3. Now, Copy the event code:

Adding your Beacon Code to Shopify

Once you've copied the Beacon code, jump back into your Shopify admin panel.

  1. Once you login to your Shopify store, navigate to the Online Store → Themes
  2. In the Live Themes section, click on Actions → Edit Code 

  3. This will bring you to a page with all of the code to your Shopify store. Click on the  Sections folder → 'header.liquid' 

  4. Copy and paste your Beacon code at the top of the code section. Don't forget to Click Save, and you are all set! 

Beacon is now equipped to track site visits, conversions, and events on your Shopify website and the information will be available inside of your Sendlane account, within each contact profile!

Additional Sendlane Resources

TL;DR

Locating code: Beacon → Events → Get Code → Copy

Adding Code to Shopify: Login to Shopify → Online Store → Themes → Action → Edit Code  → Sections Folder  → header.liquid  → Paste  → Save 

Still need help? Get in touch! Get in touch!