How to install Beacon in Native Shopify stores

Overview

Sendlane’s Beacon tracking pixel allows you to follow your contacts through their entire customer journey, from pages viewed to purchases made. Read on to learn how to install general tracking on your traditional (not headless) Shopify store and start collecting valuable customer journey data.

In this guide

🚦 Before Getting Started
⚠️ Are you sure you have a Native/non-headless Shopify store?

This guide is only for users with Native/non-headless Shopify stores. If you use a Shopify theme, you have a Native/non-headless Shopify store.

If you have a custom storefront that you or a partner developed for your store and do not use a Shopify theme, you have a Hydrogen/headless Shopify store and should not use this guide to install Beacon. See How to install Beacon in Hydrogen Shopify Stores for instructions on installing Beacon.


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:

    <script>
    window._Sendlane = window._Sendlane || [];
    </script>
    <script src="https://sendlane.com/scripts/pusher.js" async></script>
    <script>
    _Sendlane.push({
        event_id: 'COPY_THIS_ID'
    });
    </script>
  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 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!