> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Microsoft Clarity

> MS Clarity uses heatmaps, session replays, an analytics dashboard, and other tools to understand how users interact with your website.

[Microsoft Clarity](https://clarity.microsoft.com/projects?utm_medium=partner\&utm_source=Softr\&utm_campaign=Growth) is free analytics tool to help you better understand how your users interact with your website. Using the platform, you can generate heatmaps to see where users click on your pages, what they ignore, and so on. Further on, it offers session recording that you can use to get even deeper insights into user experience and test out new ideas. Clarity also integrates with such tools as [Google Analytics](https://docs.microsoft.com/en-us/clarity/ga-integration) to help you better analyze and structure the user data.

Using our Clairty integration, you can easily apply the tool to your Softr application and start collecting insights. Let's quickly go over the steps.

## Getting the project ID

To get started, you need to [create a project](https://docs.microsoft.com/en-us/clarity/getting-started#add-a-new-project) in your Clarity dashboard and connect it to your Softr app under **Website URL**. As soon as the project is ready, go to project settings and copy the ID. Below, you can see where the ID is located and how we've added our Softr application to the Clarity project.

<Frame caption="Getting the Clarity project ID">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/microsoft-clarity/image1.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=22a7af9a4115ceedbb9b696b603f6d9b" alt="Getting the Clarity project ID" width="2144" height="1298" data-path="integrations/images/microsoft-clarity/image1.png" />
</Frame>

## Adding the project ID on Softr

Now that you have the Project ID, navigate to your Softr app's **Settings => Integrations => Microsoft Clarity** and add it there.

<Frame caption="Adding Clarity ID on Softr">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/microsoft-clarity/image2.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=2da99a87473c9c460c0879a5edfb7692" alt="Adding Clarity ID on Softr" width="914" height="1260" data-path="integrations/images/microsoft-clarity/image2.png" />
</Frame>

As soon as you **Save your settings** and **publish your Softr app**, you're ready to go!

## Testing the integration

If you don't yet have actual users on your Softr app, you can just perform some activity yourself, and within a few hours it will start appearing in your Clarity dashboard. As soon as you start gathering data, you can start monitoring activity heatmaps, watching user session recordings, and so on.

<Frame caption="User session recording on Clarity">
  <img src="https://mintcdn.com/softr-2b8a27e1/UK9rAhLsda5WuJiB/integrations/images/microsoft-clarity/image3.png?fit=max&auto=format&n=UK9rAhLsda5WuJiB&q=85&s=211d93592300d8e3649ce64a5939efa4" alt="User session recording on Clarity" width="3072" height="1518" data-path="integrations/images/microsoft-clarity/image3.png" />
</Frame>
