How to Add Microsoft Clarity to Your Shopify Store
Clarity is a user behavior analytics tool that helps you understand how users are interacting with your website through features such as session replays and heatmaps. This is a new product from Microsoft.
![](https://scontent-lga3-1.xx.fbcdn.net/v/t1.6435-9/125270481_3847061438672527_4149532363052733912_n.png?_nc_cat=103&ccb=1-7&_nc_sid=4714a5&_nc_ohc=myyf-B4whzUQ7kNvgHS-V40&_nc_ht=scontent-lga3-1.xx&edm=AMAeTUEEAAAA&oh=00_AYDrbv3kD3SMuuklg2i5U60Q-HLPCRCxqAs1qE6xhAq7_w&oe=66A8A628)
This article will teach you how to add Microsoft Clarity to your Shopify store.
Firstly, you must go to Microsoft Clarity official page at: https://clarity.microsoft.com and login with Microsoft or Gmail or Facebook account.
After successful login, you click on the Add New Project button to add a new site to tracking.
![](https://scontent-lga3-1.xx.fbcdn.net/v/t1.6435-9/125193490_3847072375338100_6999950018527996491_n.png?_nc_cat=102&ccb=1-7&_nc_sid=4714a5&_nc_ohc=HSkIDo0yKzAQ7kNvgHXhvN3&_nc_ht=scontent-lga3-1.xx&edm=AMAeTUEEAAAA&oh=00_AYBVq1sz_EH_g0FumsriexIi6sApRgO8HTCFyIdNyNGmvw&oe=66A89F22)
A new dialog popup will appear and you must fill out all fields.
![](https://scontent-lga3-2.xx.fbcdn.net/v/t1.6435-9/125243085_3847072378671433_1555758501582777928_n.png?_nc_cat=107&ccb=1-7&_nc_sid=4714a5&_nc_ohc=m53PKNZdjokQ7kNvgGTmkzD&_nc_ht=scontent-lga3-2.xx&edm=AMAeTUEEAAAA&oh=00_AYBmtDfYCA1KDZlFrjDtMa8VkYxIQ2oGPN8ZD6-hK5Js4Q&oe=66A8BC07)
After finishing, you click to Create button to get tracking code to embed your Shopify store. And copy the Clarity tracking code from the dashboard.
![](https://scontent-lga3-1.xx.fbcdn.net/v/t1.6435-9/125077667_3847093825335955_8114135028420877007_n.png?_nc_cat=106&ccb=1-7&_nc_sid=4714a5&_nc_ohc=FG7RWrivFGcQ7kNvgHTyJB0&_nc_ht=scontent-lga3-1.xx&edm=AMAeTUEEAAAA&oh=00_AYBGBJ53MN8Fb32BHtsbpdhMxUOgTd2vU2HL0ZH7MiS_8Q&oe=66A9AA97)
Now, you follow the below steps to add the Clarity’s tracking code to your Shopify store.
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, and then click Actions > Edit code.
- Under Layout, select theme.liquid.
- Scroll down the page until you find the following tag.
- Paste the Clarity tracking code just before the tag.
- Click Save.
- Open Settings and click on Checkout
- Scroll down to the Additional scripts field. Paste the Clarity tracking code.
- Click Save and you are done.