You cannot make any changes to External Platform Integrations without having either an Administrator or an Editor with PII access in InOne. Refer to User Roles for further information.
Insider One’s Shopify Custom Web Pixel is a tool designed to track and measure purchase data on your store for enhanced analytics and segmentation.
Create a Custom Pixel Code
Go to Shopify App settings on the Insider One's InOne panel.
Copy the code to implement the custom web pixel.
Go to Shopify Settings > Customer Events and click the Add custom pixel button.
Name your pixel app; you can preferably name it Insider Order Status Custom Pixel.
Select the following permissions from the settings page.
Marketing and Analytics permission
Data collected qualifies as a data sale
If you use Shopify’s cookie consent, Shopify will load Insider One’s pixel according to the given permissions after a website visitor accepts the cookie consent.
To save settings, click the Connect button to connect the pixel.
Return to the InOne panel and click the Test Custom Web Pixel button to verify your pixel.
Test Insider One integration in the Order Status Page
You can start to perform tests to confirm the order flow.
Complete a test purchase from your store’s website.
Go to the User Profiles page on the Insider One's InOne panel and search for your user.
Click the user to open the details page. Under the Events tab, you can see the purchase information for your test user.
If you encounter any errors, please contact the Insider One team.
Use Webpixel with Shopify Checkout in an App’s Web View
If your mobile app displays Shopify’s checkout page via a web view, Insider One’s custom Webpixel might track purchase events from your app, though with lower accuracy. To prevent Webpixel from collecting these purchases, you need to pass a specific parameter to Insider One.
This parameter enables Webpixel to differentiate between transactions made on a standard web platform and those completed within the app’s web view.
Configure Webpixel for WebView
To ensure accurate tracking of purchase events, you need to update cart attributes before sending the user to the checkout page. This involves adding a specific parameter to the cart attributes.
You can add any cart attribute and inform the Insider One team to use it to differentiate the source of the purchase.
Here is an example note attribute object:
"note_attributes": [
{
"name": "Platform",
"value": "ANDROID"
},
{
"name": "log_state",
"value": "Logged In"
},
{
"name": "Channel",
"value": "Mobile App"
}
],To find out how to update cart attributes, refer to the following articles:
- If you are using the Shopify theme editor, refer to Update cart attributes.
- If you are using Shopify Hydrogen, refer to the Confirmation Page View (Purchase) section.