Overview
Shiprocket as Checkout Partner: This article explains how to set up pixel integration on your Shopify store and ensure seamless tracking of conversions from checkout to final purchase when using Shiprocket. As it fires conversions through GTM, we've linked the GTM with the customer event pixel.
Use Case
This integration is ideal when you want to:
Track conversions from Shopify when the checkout is from Shiprocket
Centralise reporting in Trackier
Improve campaign optimisation using accurate data
Avoid tracking gaps caused by third-party checkout
Prerequisites:
Active Shopify store
Shiprocket checkout enabled
Access to the Trackier dashboard
Access to Shopify theme files
Created an offer in Trackier
For a more detailed, step-by-step walkthrough on creating a campaign, please click here
Step 1: Place the Shopify customer event pixel
Navigate to Automation and click on E-Commerce, then click on Setup Instructions.
Select a tracking domain and an advertiser.
Below, you can find the Shopify Web Pixel with all the macros already replaced in the pixel code.
Note: For brands, selecting an advertiser is not required. Simply copy the pixel from the Trackier panel and paste it into the Shopify custom pixel section.
For creating the new customer event on Shopify:
Click on settings and go to customer events.
Click on Add Custom Pixel.
Add the Shopify Web Pixel, which you can get from the Trackier panel.
Step 2: Place the JavaScript pixel for Shiprocket
The JS pixel has to be placed on all landing pages. To do that, update Shopify's “theme.liquid” file.
In the “theme.liquid” file, place the static code just after the <body> tag.
To do that, go to: Online store > Themes > Action > Edit Code > theme. liquid
Please find below the pixel that needs to be placed in the "theme.liquid" file.
JS Pixel:
<script type="text/javascript">
(function(w, d, u) {var f = d.getElementsByTagName('script')[0];
j = d.createElement('script');j.async = true;
j.src = u;
j.onload = function () {
window.TrackierWebSDK.init();
window.TrackierWebSDK.integrateGTMShopify();
};
f.parentNode.insertBefore(j, f);
})(window, document, 'https://static-cdn.trackier.com/js/trackier-web-sdk.js');
</script>
Once both steps are completed, you'll start receiving clicks and conversions on the Trackier dashboard and reports.
Quick Guide (Summary)
Copy Shopify Web Pixel from Trackier
Add it under Shopify Customer Events
Add JS pixel in the theme.liquid (<body>section)
Save and publish changes
Run a test transaction
Verify clicks & conversions in Trackier
Monitor logs and optimise
We're thrilled to have put together a top-notch team of qualified experts who are available to handle any of your concerns and respond to any inquiries you may have. You can contact us at any time by sending an email to support@trackier.com or using the in-platform chat feature.
