{"id":23799,"date":"2025-10-22T11:00:00","date_gmt":"2025-10-22T05:30:00","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=23799"},"modified":"2025-10-17T17:10:29","modified_gmt":"2025-10-17T11:40:29","slug":"install-microsoft-clarity-on-shopify","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/install-microsoft-clarity-on-shopify\/","title":{"rendered":"How to Install Microsoft Clarity on Shopify? (Simple Steps)"},"content":{"rendered":"\n

Microsoft Clarity is a free behavioral analytics tool that provides visual insights like heatmaps and session recordings, giving you a closer look at how interested shoppers are interacting with your store. <\/p>\n\n\n

\n
\"Microsoft<\/figure>\n<\/div>\n\n\n

The above image is an example of a heatmap feature that gives you insights on which section of your site shoppers interact with and spend most of their time on. <\/p>\n\n\n\n

Here, I will show you how to add Microsoft Clarity to Shopify, whether you are new to this platform or already a user. <\/p>\n\n\n\n

How to Set up Microsoft Clarity on Shopify?<\/h2>\n\n\n\n

For New User<\/h3>\n\n\n\n

Step 1: Install the Microsoft Clarity Shopify App<\/h4>\n\n\n\n

Go to the Shopify App Store and install Microsoft Clarity: AI Insights<\/a>. Give the app the needed data permissions and click “Install”<\/strong> in the Shopify admin.  <\/p>\n\n\n\n

\"Microsoft<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Step 2: On the Clarity JS Toggle <\/h4>\n\n\n\n

Now go to app settings and make sure the Clarity JS is toggled on<\/strong>. Then, go ahead and save<\/strong> this setting.<\/p>\n\n\n\n

\"On<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Step 3: Get Store Data<\/h4>\n\n\n\n

As soon as you do the last step, the dashboard will refresh automatically. In case it doesn’t, select the Refresh button from the right-hand side panel.  <\/p>\n\n\n\n

\"Click<\/figure>\n\n\n\n

Now, wait for a few hours for the data to populate and then using the app dashboard you can view all the data.<\/p>\n\n\n\n

\"MS<\/figure>\n\n\n\n

<\/p>\n\n\n\n

For Existing Users <\/h3>\n\n\n\n

For the existing Microsoft Clarity users, with the app installed in your Shopify admin panel, the steps change a bit here. <\/p>\n\n\n\n

Step 1: Connect Your Project<\/h4>\n\n\n\n

Click on Send configuration email to connect your project and get the admin approval. <\/p>\n\n\n\n

\"Get<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Step 2: Get the Admin Approval<\/h4>\n\n\n\n

The admin needs to approve the project for it to start showing data on the Shopify dashboard.<\/p>\n\n\n\n

\"Approval<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Step 3: Start Seeing Store Data<\/h4>\n\n\n\n

Go back to your Microsoft Clarity app dashboard in your Shopify store. The dashboard should be refreshed automatically. If not, use the Refresh button on the right. <\/p>\n\n\n\n

Within a few hours, you will see the data populated. 
Benefits of Installing MS Clarity on Shopify <\/p>\n\n\n\n

Installing Microsoft Clarity provides powerful insights about your shopper’s activity for free.<\/p>\n\n\n\n