Microsoft Clarity: free heatmaps and recordings of real visits

Your reports show how many people left your order page. Microsoft Clarity shows you why. Heatmaps show where visitors click and how far they scroll. Recordings replay real visits, so you can see which meals people pass by and which ones they open for a closer look. Clarity is free from Microsoft.

Find it on Manage Site > Integrations, on the Microsoft Clarity card.

Connecting it

  1. Create a free account at Microsoft Clarity and add your site as a new project.
  2. Clarity then asks you to install a tracking code. You can skip this, because your site adds the code for you.
  3. In Clarity, open Settings > Overview and copy your Project ID.
  4. In your admin, go to Manage Site > Integrations and click Manage Microsoft Clarity.
  5. Paste the ID, tick Active and click Update.

Your site will automatically publish the change. This can take up to a couple of minutes. If you stay on the page, a message says A site update is available. Click Update Now to load it. Then refresh your site and visit a few pages. Your visit then shows up in Clarity.

Clarity loads only on your customer pages. Your own admin work stays out of your recordings.

What to look at first

  • Your menu sections. Which sections do customers scroll past? Put what sells best where they stop.
  • Meal names and photos. Which meals do people pass by, and which do they open for more details? Try a clearer name or a better photo on the ones they pass by.
  • The path to checkout. Watch a visit that did not end in an order. Follow it from your home page to your menu, account page and checkout. Note where the customer turned back.
  • Mobile versus desktop. Most food orders happen on phones, so check the mobile heatmap on its own.

Good practice

  • Tell customers in your privacy policy that you use analytics and session recording tools. See How to edit your terms of service and privacy policy.
  • Keep Clarity's default masking, under Settings > Masking in Clarity. It hides numbers, email addresses and what people type into form fields. Other text on a page, such as a name, can still show in a recording.

Keywords: user behavior, screen recording, session replay

Related

Was this helpful?