Microsoft Clarity is a free, powerful user behavior analytics tool that provides heatmaps, session recordings, and insights to help you understand how visitors interact with your website. Integrating it with your StoreHippo site is a simple process.
Step 1: Create a Microsoft Clarity Project
- Go to the Microsoft Clarity website (clarity.microsoft.com) and sign in with your Microsoft account.
- Click "Get Started" or "Add new project."
- Enter your "Project name" (e.g., your StoreHippo site name).
- Enter your StoreHippo website's URL.
- Click "Add new project."
- You'll be presented with installation instructions.
Step 2: Obtain Your Microsoft Clarity Project ID
- In the Clarity project setup, you'll find the installation methods. Choose "Install manually."
- You'll see a JavaScript snippet. The key part you need is the project ID, which looks like this: yourID. It is located inside the clarity("create", "yourID",{}); line of code.
- Copy this project ID.
Step 3: Add the Microsoft Clarity Project ID to StoreHippo
- Log in to your StoreHippo admin panel.
- Navigate to "Settings" then "Sites."
- Select the site you want to connect to Microsoft Clarity.
- Look for the "Microsoft Clarity ID" field.
- Paste your Microsoft Clarity project ID into this field.
- Save your site settings.
Step 4: Verify Your Microsoft Clarity Installation
- Return to your Microsoft Clarity project dashboard.
- Clarity usually takes a few minutes to start collecting data.
- Visit your StoreHippo site in a new browser tab and navigate through a few pages.
- After a short while, refresh your Clarity dashboard. You should start seeing data appear.
Why Use Microsoft Clarity with StoreHippo?
- Free and Powerful: Gain valuable user insights without any cost.
- Heatmaps: Visualize where users click, scroll, and interact on your pages.
- Session Recordings: Watch recordings of individual user sessions to understand their behavior.
- Insights Dashboard: Get a quick overview of key metrics and potential usability issues.
- Easy Integration: StoreHippo's dedicated field streamlines the setup process.
By following these steps, you can seamlessly integrate Microsoft Clarity with your StoreHippo site, providing you with valuable insights to optimize your user experience and improve conversions.