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:
![](https://learn.fueled.io/~gitbook/image?url=https%3A%2F%2F1909034781-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FylSuLl56TLCrQceIL9Bo%252Fuploads%252Fc3bDZEbgNAqHbWkQqLeC%252Fimage.png%3Falt%3Dmedia%26token%3D6fae3d50-bf78-4d51-8d0e-978772b5fcd7&width=768&dpr=4&quality=100&sign=19ddb776&sv=1)
From this screen, click “Add custom pixel”, and name it Fueled Events
:
(Note: if you're already using Fueled's Custom Pixel for tracking Add To Cart
events, you can just update that script.)
![](https://learn.fueled.io/~gitbook/image?url=https%3A%2F%2F1909034781-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FylSuLl56TLCrQceIL9Bo%252Fuploads%252F2MIOVrStDhhIQ3wBQ913%252Fimage.png%3Falt%3Dmedia%26token%3D4b64f62a-4324-4f30-91fb-d994f258a430&width=768&dpr=4&quality=100&sign=48924fb9&sv=1)
This will take you to a screen where you can enter the Custom Pixel code:
![](https://learn.fueled.io/~gitbook/image?url=https%3A%2F%2F1909034781-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FylSuLl56TLCrQceIL9Bo%252Fuploads%252FSevjG9k0JL8Sv3VzGHDz%252Fimage.png%3Falt%3Dmedia%26token%3D0880f9cc-29b2-45fc-857b-4318104bd0fb&width=768&dpr=4&quality=100&sign=c1f9f0f8&sv=1)
On this screen, you will want to enter the code snippet found at:
It should look like this:
![](https://learn.fueled.io/~gitbook/image?url=https%3A%2F%2F1909034781-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FylSuLl56TLCrQceIL9Bo%252Fuploads%252FZrCduce6lAwr7yUBEooT%252FImage%25202023-10-16%2520at%25207.39.29%2520PM.jpg%3Falt%3Dmedia%26token%3D584a5513-6d90-49b4-bfe2-7c3e098f17a9&width=768&dpr=4&quality=100&sign=9363ff54&sv=1)
From there, click “Save” and “Connect”.
If you’d successfully connected this Custom Pixel, you should see the following:
![](https://learn.fueled.io/~gitbook/image?url=https%3A%2F%2F1909034781-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FylSuLl56TLCrQceIL9Bo%252Fuploads%252Fgk4jSny7TYdYQin41KkX%252Fimage.png%3Falt%3Dmedia%26token%3D818a2573-cc9a-4119-8a07-c57784ff33e8&width=768&dpr=4&quality=100&sign=e1058d14&sv=1)
Standard “Add to Cart” tracking is currently deactivated.
Last updated