Shopify
Note
If you're using the new Shopify web pixel and have a Shopify Plus account, the checkout and post-checkout pages are currently not tracked in Clarity. We're working with the Shopify team to resolve this issue. For more information, see Shopify's website.
Copy the Clarity tracking code from the dashboard.
Tip
Check Clarity Setup page to know where to find the tracking code.
Check out our Getting started page to know how to add a project.
On your Shopify dashboard, select Online Store.
Under Online Store, select Themes.
On the top right, select Actions > Edit code.
Under Layout, select theme.liquid.
Scroll down until you find this tag: </head>
.
Paste the Clarity tracking code just before the </head>
tag.
Select Save.
The Clarity tracking code is now installed for Storefront and Order Status pages.
If your site is Shopify Plus, you can also install Clarity on your Checkout pages. Continue onto Step #14.
Note
- Shopify doesn't allow third-party scripts onto Checkout pages, except for Shopify Plus accounts. Any other Shopify plan can only track their Storefront and Order Status pages.
Repeat from step 2 to step 4.
Under Layout, select Add a new layout.
Select Checkout in the drop-down menu.
Note
If you don't see this option, contact your Shopify partner to enable this.
Select Create layout.
Repeat from step 6 to step 7.
The Clarity tracking code is now installed.
For more answers, refer to Setup FAQ.