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.
Generate heatmaps automatically for all your pages. See where people click, what they ignore, and how far they scroll.
Watch how people use your site with session recordings. Explore what’s working, learn what needs to be improved, and test out new ideas.
Insights and Segments
Quickly discover where users get frustrated and turn these problems into opportunities.
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!