Shopify Installation

Add the Northbeam pixel to your Shopify storefront

To make sure Northbeam can track your Shopify store correctly, complete the setup steps below.

Most stores need to complete three tracking steps:

  1. Install the Northbeam Pixel and Metadata Script
  2. Set up the Northbeam Custom Pixel
  3. Set the Northbeam App Pixel to Always on

If your store uses a post-purchase checkout or upsell flow, complete the optional post-purchase setup.

ℹ️

Step 3 requires your Shopify store to be connected to Northbeam. Connecting Shopify automatically installs the Northbeam App Pixel.

If you haven't connected Shopify yet, follow the Shopify Order Sync setup guide first.

Where to find your Northbeam scripts

You can find the scripts used in this guide here:

Settings → Northbeam Pixel and Event Tracking

Settings → Northbeam Pixel and Event Tracking

Why are there two Northbeam pixels in Shopify?

After setup, you will see two Northbeam entries under Shopify → Settings → Customer Events.

This is expected. They are not duplicates.

PixelWhere it appearsHow it's addedWhat you need to do
Custom PixelCustomer Events → Custom pixelsYou create it and paste in the Northbeam scriptCreate and connect it
App PixelCustomer Events → App pixelsAdded automatically when your Shopify store is connected to NorthbeamSet its data access to Always on
🛑

Do not delete either pixel. Both are required and appear on separate tabs in Shopify.


1. Install the Northbeam Pixel and Metadata Script

The Northbeam Pixel and Metadata Script collect visitor and marketing data used for Northbeam attribution and reporting.

Both scripts must be added directly to the <head> section of your Shopify theme.liquid file.

💡

Add the Metadata Script first, followed by the Northbeam Pixel.

Steps

  1. In Shopify, go to Online Store → Themes.
  2. Click ⋮ → Edit code.
  1. Open Layout → theme.liquid.
  2. Find the <head> section.
  3. Paste the Metadata Script.
  4. Paste the Northbeam Pixel directly below it.
  1. Click Save.

2. Set up the Northbeam Custom Pixel

Next, create a Custom Pixel in Shopify Customer Events.

This pixel tracks completed purchases using Shopify's native checkout_completed event. It also captures the pages customers view during checkout.

ℹ️

The Custom Pixel is separate from the App Pixel installed by the Northbeam Shopify app. You need both.

Steps

  1. In Shopify, go to Settings.
  1. Go to Customer Events → Custom pixels.
  2. Click Add custom pixel.
  1. Name the pixel. We recommend Northbeam Event Tracking.
  2. Click Add pixel.
  1. Set Permission to Data collected does not qualify as data sale.
  2. Paste the Customer Event script from Northbeam.
  3. Click Save.
  1. Click Connect.
  1. Confirm by clicking Connect again.

Confirm your Customer Privacy settings

Go to your Shopify Customer Privacy settings and confirm that a cookie consent banner is enabled.

🍪

Without a cookie banner or consent solution, customers may not be able to opt in to tracking. This can prevent the Customer Event script from firing.

In most cases, consent is managed through Shopify Customer Privacy settings.


3. Set the Northbeam App Pixel to Always on

The Northbeam App Pixel is added automatically when your Shopify store is connected to Northbeam.

You do not need to create this pixel or paste in a script. You only need to confirm its data access setting.

If you haven't connected Shopify yet, complete the Shopify Order Sync setup before this step.

Steps

  1. In Shopify, go to Settings → Customer Events.
  2. Open the App pixels tab.
  3. Find Northbeam.
  4. Click its current setting in the Data column.
  5. Select Always on.
  6. Click Apply.

Shopify: Data access settings

💡

Don't see Northbeam under App pixels?

Confirm that your Shopify store is connected to Northbeam using the Shopify Order Sync setup guide.


4. Add post-purchase tracking (optional)

Complete this step only if your Shopify store uses a post-purchase checkout or upsell flow.

This tracking helps Northbeam attribute purchases that happen after the standard Shopify checkout.

Steps

  1. In Shopify, go to Settings → Checkout.
  1. Scroll to Post-Purchase Page.
  2. Paste the Northbeam post-purchase script into Additional Scripts.
  1. Click Save.

Confirm your setup

When setup is complete, you should have:

  • Metadata Script installed in theme.liquid
  • Northbeam Pixel installed below the Metadata Script in theme.liquid
  • Northbeam Custom Pixel connected under Customer Events → Custom pixels
  • Northbeam App Pixel listed under Customer Events → App pixels and set to Always on

If your store uses a post-purchase checkout or upsell flow, you should also have the Post-Purchase Script installed.


Frequently asked questions

What if I only see one Northbeam pixel?

Check both tabs under Settings → Customer Events.

Can I install Northbeam tracking through Google Tag Manager?

No.

The Northbeam Pixel, Metadata Script, and Shopify Customer Event should be installed directly in Shopify using the steps in this guide.

These scripts rely on Shopify-native variables and are not supported through Google Tag Manager or similar third-party tagging tools.


Did this page help you?