How ConvboxTracking works with a headless Shopify
Most user behavior tracking products available in the Shopify App Store are not compatible with headless setups. To address this, Convbox offers an out-of-the-box solution specifically headless eCommerce. It is a low code(almost no coding) approach. In several minutes, you can deploy a solution with best practices in user event tracking and marketing effectiveness analytics.
ConvboxTracking(Omnitrack) server-side and borwser-side tracking is fully compatible with a headless storefront. If you are using Shopify as a core ecommerce platform but are not using Liquid templates then you can use our out of the box solution simplify your event tracking. The solution include two components:
JS-SDK to handle the frontend(browser events);
Omnitrack(ConvboxTracking) app can still track the checkout steps and purchases at the same time.
Currently, customers using the following frameworks are tested and supported by Convbox:
- Shopify Hydrogen
- NextJS
- GatsbyJS
The list will grow continuously. You may also suggest the framework you are using.
Our tracking works with a headless store because our app gets webhooks for cart updates, checkout updates, orders created, that trigger events in Facebook，tiktok，snapchat，pinterest..., even if the tracking script is not on the checkout or thank you page.
The part of our storefront tracking sdk that you need to embed our code into your storefront code by your developers. This will allow us to track pageView, viewContent, search, addToCart and more events. Additionally，our app will auto link the pre-checkout user with the webhooks from Shopify.
If you are using the Shopify checkout as a way to persist the cart contents then you'll need to contact us. Specifically, "Add to Cart" actions might be recorded as "Checkout Started" events in your analytics data if you are using the Shopify checkout as cart. This occurrence is due to the underlying mechanisms of how ConvboxTracking (Omnitrack) handles checkout tracking.
Follow installation instrution for a headless store
ConvboxTracking(Omnitrack) server-side and borwser-side tracking is fully compatible with a headless storefront. If you are using Shopify as a core ecommerce platform but are not using Liquid templates then you can use our out of the box solution simplify your event tracking. The solution include two components:
JS-SDK to handle the frontend(browser events);
Omnitrack(ConvboxTracking) app can still track the checkout steps and purchases at the same time.
What headless frameworks are supported?
Currently, customers using the following frameworks are tested and supported by Convbox:
- Shopify Hydrogen
- NextJS
- GatsbyJS
The list will grow continuously. You may also suggest the framework you are using.
How it works
Our tracking works with a headless store because our app gets webhooks for cart updates, checkout updates, orders created, that trigger events in Facebook，tiktok，snapchat，pinterest..., even if the tracking script is not on the checkout or thank you page.
The part of our storefront tracking sdk that you need to embed our code into your storefront code by your developers. This will allow us to track pageView, viewContent, search, addToCart and more events. Additionally，our app will auto link the pre-checkout user with the webhooks from Shopify.
Using Shopify Checkout as cart(to Persist Cart Contents)
If you are using the Shopify checkout as a way to persist the cart contents then you'll need to contact us. Specifically, "Add to Cart" actions might be recorded as "Checkout Started" events in your analytics data if you are using the Shopify checkout as cart. This occurrence is due to the underlying mechanisms of how ConvboxTracking (Omnitrack) handles checkout tracking.
Next steps
Follow installation instrution for a headless store
Updated on: 29/07/2024
Thank you!