Shopify
How to install Clarity on the Shopify platform
Step 1
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.
Step 2
On your Shopify dashboard, select Online Store.
Step 3
Under Online Store, select Themes.
Step 4
On the top right, select Actions > Edit code.
Step 5
Under Layout, select theme.liquid.
Step 6
Scroll down until you find this tag: </head>
.
Step 7
Paste the Clarity tracking code just before the </head>
tag.
Step 8
Select Save.
Step 9
On the bottom left, open Settings.
Step 10
Select Checkout.
Step 11
Scroll down to the Additional scripts field. Paste the Clarity tracking code.
Step 12
Select Save.
Step 13
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 does not 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.
Step 14
Repeat from step 2 to step 4.
Step 15
Under Layout, select Add a new layout.
Step 16
Select “Checkout” in the drop-down menu.
Note
- If you do not see this option, contact your Shopify partner to enable this.
Step 17
Select Create layout.
Step 18
Repeat from step 6 to step 7.
Step 19
The Clarity tracking code is now installed.
FAQ
For more answers, refer to Setup FAQ.