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
- How does the Beacon pixel work?
- Copy the Beacon general tracking code
- Add Beacon general tracking code to Shopify
- Test Beacon installation
🚦 Before Getting Started
- Make sure you have admin access to your Shopify store
- Read Understanding the Beacon tracking pixel
⚠️ 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
-
- Click Account
- Click Beacon
- Click Get Beacon Code
- Click Copy code
Copy the Beacon general tracking code
- 2
-
- Log in to Shopify
- Click Online Store
- Click the three dot menu next to your active theme
- Click Edit Code
- Search for
header.liquid
- Click into the
header.liquid file
- 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 - Click Save
Add Beacon general tracking code to Shopify
- 3
-
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:
- 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>
- Open your Shopify store
- Right click anywhere on the page
- Click Inspect
- Click into the Elements tab
- Type Command/Control + F to open the finder
- 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.
- Copy the event ID from your Beacon installation code:
Test Beacon installation
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!