Custom Pixel For Tracking Checkout Steps

Tracking checkout-related events with Fueled with the Web Pixel API

Merchants can leverage the Web Pixel API for tracking checkout-related events, such as Add Payment Info, by setting up a Custom Pixel in the Shopify Admin, which leverages this API.

Step 1: Setting up a Custom Pixel in the Shopify Admin UI

To set up a Custom pixel, go to:

https://admin.shopify.com/store/[your-store-name]/settings/customer_events

(The click-through path to this configuration screen is: Settings > Customer Events)

Here, you should see the screen below:

Screenshot of the custom events configuration page.

From this screen, click “Add custom pixel”, and name it Fueled Custom Pixel:

This will take you to a screen where you can enter the Custom Pixel code:

Screenshot of the Shopify user interface for adding custom pixel code.

On this screen, you will want to enter the code snippet found on the first tab of the Fueled App in Shopify:

Inserting Fueled's Custom Pixel.