How to install Beacon on traditional 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

• How does the Beacon pixel work?
• Copy the Beacon general tracking code
• Add Beacon general tracking code to Shopify
• Test Beacon installation

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.

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

• Sendlane Beacon: 5 Best Practices for Website Tracking
• How Shopify Stores Boost Their AOV with Post-purchase Upsells