# 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 <mark style="color:red;">`Add Payment Info`</mark>, 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:

<mark style="color:red;">`https://admin.shopify.com/store/[your-store-name]/settings/customer_events`</mark>

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

Here, you should see the screen below:

<figure><img src="https://1909034781-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylSuLl56TLCrQceIL9Bo%2Fuploads%2Fc3bDZEbgNAqHbWkQqLeC%2Fimage.png?alt=media&#x26;token=6fae3d50-bf78-4d51-8d0e-978772b5fcd7" alt=""><figcaption><p>Screenshot of the custom events configuration page.</p></figcaption></figure>

From this screen, click “Add custom pixel”, and name it <mark style="color:red;">`Fueled Custom Pixel`</mark>:

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

<figure><img src="https://1909034781-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylSuLl56TLCrQceIL9Bo%2Fuploads%2Fn8Ju1IPO3KiovgqJZUHf%2FZight%202025-02-04%20at%205.33.38%20AM.jpg?alt=media&#x26;token=123db940-27df-4dac-8509-e9222a24d384" alt=""><figcaption><p>Screenshot of the Shopify user interface for adding custom pixel code.</p></figcaption></figure>

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

<figure><img src="https://1909034781-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FylSuLl56TLCrQceIL9Bo%2Fuploads%2FNA8gZ1P3O76JbhKgaSmv%2FZight%202025-02-04%20at%205.16.48%20AM.jpg?alt=media&#x26;token=a8f1fdee-7cf3-4034-9313-7885915adf73" alt=""><figcaption><p>Inserting Fueled's Custom Pixel.</p></figcaption></figure>