Analytics & TestingEcommerce and RetailMarketing ToolsMobile and Tablet MarketingSales Enablement

Microsoft Clarity: Free Heatmaps and Session Recordings for Website Optimization

As we designed and developed a custom Shopify theme for a fashion customer, we wanted to ensure that we designed an elegant and simple e-commerce site that didn’t confuse or overwhelm their customers. One example of our design testing was a more information block that had additional details about the products. If we published the section in the default region, it would significantly push down the price and add to cart button. However, if we published the information below, the visitor may miss that there were additional details.

We decided on making a toggle section aptly named More Information. However, when we published it on the site, we immediately noticed that visitors weren’t clicking on the section to expand it. The fix was quite subtle… a tiny indicator next to the section title. Once it was implemented, we watched our heatmaps and saw that an overwhelming number of visitors now interacted with the toggle.

Had we not been recording sessions and producing heatmaps, we wouldn’t have been able to identify the issue or test the solution. Heatmapping is imperative when you’re developing any type of website, e-commerce site, or application. That said, heat mapping solutions can get quite expensive. Most are based on the number of visitors or sessions that you wish to track or record.

Thankfully, a giant in our industry has a free solution available. Microsoft Clarity. Just insert the Clarity tracking code in your site or via your Tag Management platform and you’re up and running within hours as sessions are captured. Even better, Clarity has a Google Analytics integration… putting a convenient link to session playbacks within your Google Analytics dashboard! Clarity creates a custom dimension called the Clarity Playback URL with a subset of page views. Side note… at this time, you can only add one web property to integrate with Clarity.

If you’re using Google Tag Manager, Clarity even has a simple wizard to deploy the tag on your site. Additionally, provides the following core features… each with the ability to segment your customers on a number of factors – including use on mobile devices.

Instant Heatmaps

Generate heatmaps automatically for all your pages. See where people click, what they ignore, and how far they scroll.

Microsoft Clarity Heatmaps

Session Recordings

Watch how people use your site with session recordings. Explore what’s working, learn what needs to be improved, and test out new ideas.

Microsoft Clarity Session Recordings

Insights and Segments

Quickly discover where users get frustrated and turn these problems into opportunities.

Microsoft Clarity Insights and Segments

Clarity is GDPR and CCPA ready, doesn’t utilize sampling and is built on open source. Best of all you’ll enjoy all the features of Clarity at absolutely zero cost. You’ll never run into traffic limits or be forced to upgrade to a paid version… it’s forever free!

Sign Up For Microsoft Clarity

Douglas Karr

Douglas Karr is CMO of OpenINSIGHTS and the founder of the Martech Zone. Douglas has helped dozens of successful MarTech startups, has assisted in the due diligence of over $5 bil in Martech acquisitions and investments, and continues to assist companies in implementing and automating their sales and marketing strategies. Douglas is an internationally recognized digital transformation and MarTech expert and speaker. Douglas is also a published author of a Dummie's guide and a business leadership book.

Related Articles

Back to top button