How to Use Beacon with Shopify

Overview

Sendlane’s Beacon tracking pixel allows you to follow your Contacts through their entire customer journey, from pages viewed to purchases made, even if you don't use a deep data eCommerce integration!

Read on to learn how to install general tracking on your Shopify store and start collecting valuable customer journey data.

In this guide

🚦 Before Getting Started

Make sure you have admin access to your Shopify store

How Does the Beacon Pixel Work?

Sendlane’s Beacon tracking pixel collects information about your Contacts' pageview and purchase activity by cookie-ing them.

For the pixel to begin tracking, Contacts must be cookied. Contacts are cookied when they:

  1. Opt into your emails, and
  2. Open an email from you, and
  3. Click a link in an email from you

OR subscribe to your account via a Sendlane Form.

⚠️ The Beacon tracking pixel cannot track visits from anonymous visitors or incognito browsers

If the Beacon tracking pixel is blocked, Contacts will not be tracked in Beacon reporting or be sent through Automations such as browse and checkout abandonment. Contacts browsing using the following or other private browsing methods will not be tracked:

⚠️ Beacon reporting can take up to 24 hours to populate accurately

Once tracking begins, please allow up to 24 hours for reporting to populate accurately

1

 Copy the Beacon general tracking code

  1. Click Account
  2. Click Beacon
  3. Click Get Beacon Code
  4. Click Copy code

2

 Add Beacon general tracking code to Shopify

  1. Log in to Shopify
  2. Click Online Store
  3. Click the three dot menu next to your active theme 
  4. Click Edit Code
  5. Search for header.liquid
  6. Click into the header.liquid file
  7. Click into line one > Press Enter > Press arrow up or click into line one > Paste your Beacon code on the first line of the header.liquid file
  8. Click Save
3

 Test Beacon installation

Once you've saved your Beacon code inside your Shopify theme's header file, check that Beacon is firing correctly by inspecting your website. This process assumes you are using Chrome, which is the most compatible browser for Sendlane:

  1. Copy the event ID from your Beacon installation code
  2. Open your Shopify store
  3. Right click anywhere on the page
  4. Click Inspect
  5. Click into the Elements tab
  6. Type Command/Control + F to open the finder
  7. Paste the event ID from your Beacon code

If your event ID is highlighted, Beacon is installed correctly! If your event ID was not found, try installing Beacon again and reach out to your Customer Success Manager or Sendlane's 24/7 Product Support team for next steps.

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 Resources

Did this answer your question? Thanks for your feedback! There was a problem submitting your feedback. Please try again!