Custom pixels

Custom pixels help you to collect customer events on even more pages of your online store, such as the checkout and post-purchase pages. If there isn't anapp pixelavailable that meets your requirements, then you can use custom pixels on your store to track customer events without having to modify your theme code.

Custom pixels are loaded in aLax sandbox, designed for improved security and control over the data that you send to third parties. Not all pixel functionality works in the sandbox, and you might need to consult your third-party service provider for help. Learn more aboutpixels sandbox limitations.

Managing custom pixels

You can manage your custom pixels in theCustomer eventsarea of your Shopify Admin. Before you add a pixel to your Shopify store, you need tocreate the code for your custom pixel.

Add a custom pixel

After youcreate the code for your custom pixel, you can add it to your Shopify store.

Before you add a custom pixel, remove or modify any existing pixels to ensure customer events aren't counted twice. Existing pixel code should be manually removed from any place it exists, such astheme.liquid,checkout.liquid(Plus merchants only), and theAdditional scriptsin your checkout settings.

Steps

1. From your Shopify admin, go toSettings>Customer events.
2. Give your pixel a unique name. If you enter the name of a custom pixel that already exists, then you'll be prompted to give your pixel a different name.
3. ClickAdd pixelto open the event editor.
4. Paste yourcustom javascript pixel codeinto theCodewindow.
5. ClickSaveto save your custom pixel. If you're ready to connect your custom pixel now, then you can clickConnect pixelto start tracking your events.

Connect a custom pixel

After a custom pixel has been added, you need to connect the pixel to your store so that it can start tracking customer events.

Steps

1. From theCustomer eventspage in your Shopify admin, clickCustom pixels.
2. Custom pixels that aren't currently connected are displayed under the headingDisconnected pixels. ClickConnecton the appropriate custom pixel line.
3. Review the Shopify Terms of Service. If your pixel satisfies the service requirements, clickConnect.

Disconnect a custom pixel

If you want to stop tracking the events you added a custom pixel for, then you need to manually disconnect the pixel from your online store.

Steps:

1. From the Customer events page in your Shopify admin, clickCustom pixels.
2. Custom pixels that are currently connected are displayed at the top of your custom pixels list. ClickDisconnecton the appropriate custom pixel line. Disconnecting the pixel doesn't delete the pixel.

删除a custom pixel

You can delete custom pixels that you no longer need.

Steps:

1. From the Customer events page in your Shopify admin, clickCustom pixels.
2. Click the...button on the appropriate custom pixel line.
3. Click删除. Confirm the deletion, and the custom pixel will be removed from the pixels manager.

Deleting a custom pixel can't be undone, so ensure that you're deleting the appropriate pixel.

Test a custom pixel

Each third-party service has its own way of testing whether a pixel is set up correctly. Some of the common Google Chrome extensions for testing pixels include the following:

• Meta Pixel Helper
• Twitter Pixel Helper
• Snap Pixel Helper
• TikTok Pixel Helper
• Pinterest Tag Helper

These extensions are unsupported by Shopify. To request support for a third-party extension, contact the provider directly.