How to Add a Custom Pixel

In this guide, we’ll show you how to add a Custom Pixel in Shopify so your store can track TikTok events from both the Pixel and the Events API.

Why this matters

• If you do not add the Custom Pixel, the app will only send events via the Events API

• If you add the Custom Pixel, TikTok events will be tracked from two sources:

  • TikTok Pixel (browser-side)

  • TikTok Events API (server-side)

This results in more complete and more accurate tracking, especially when browsers block cookies.

Step 1: Copy the Custom Pixel Code

Inside the app settings, you’ll see a code block similar to the image below.

What to do:

1. Click “Copy” to copy the pixel code

2. Click “Open Customer Events”

   • You’ll be redirected to the Customer Events page in Shopify

   • Or manually go to Shopify Admin → Settings → Customer Events

The code is already prepared by the app. You do not need to modify or understand the code.

Only use the code provided by the app to ensure proper tracking.

Step 2: Add a New Custom Pixel

Once you’re on the Customer Events page:

1. Click “Add Custom Pixel”

2. Enter a name for your pixel

3. Paste the copied code into the editor

4. Click Save

After saving, Shopify will automatically activate the Custom Pixel.

Confirm Completion

• Once the Custom Pixel is added, the app will track TikTok events from: TikTok Pixel and Events API

• TikTok will receive data from both sources at the same time