Introduction
Adding Chord tracking to a Shopify storefront differs based on whether it uses a Shopify theme or is "headless".
All Shopify stores - Shopify theme or headless - will need to install the Shopify custom web pixel.
On stores built with a Shopify theme, this will handle all tracking events.
On headless stores, this will only handle tracking in checkout.
In both cases, the checkout events will work regardless of whether you're on Checkout Extensibility or checkout.liquid.
Headless stores will need to implement the analytics SDK npm package within the codebase that serves the storefront.
On headless stores, it is important to add both the web pixel and Analytics SDK to accurately track the full conversion journey.
In addition to the client tracking events from your store, Chord also sends server events to the CDP in response to webhook triggers from Shopify. Currently, Chord's server events include identify events and these track events:
- "Checkout Started"
- "Order Completed"
- "Order Refunded"
Server events need to be configured for all Shopify sites. The process is the same for headless sites and sites using Shopify themes. For instructions on configuring, see enabling server events.