All guides

Connect Your Tools

Connect Microsoft Clarity

Free heatmaps and session recordings — see where mobile shoppers struggle.

5 minEasy

Why this matters

Clarity records (anonymously) how real visitors scroll, tap, and rage-click on your store. ZYLX uses it to find conversion problems that data alone can't show — like a buy button nobody scrolls down to on mobile.

What it unlocks

  • Heatmaps and scroll depth
  • Rage-click and dead-click signals
  • Mobile session insights
  1. 1

    Create a Clarity project (skip if you have one)

    • Go to clarity.microsoft.com and sign in (Microsoft, Google, or Facebook account).
    • Click 'Add new project'. Name: your store. Website URL: your store address. Category: E-commerce.
    • To install on Shopify: choose the Shopify install option or copy the tracking code into theme.liquid before </head>. The free Shopify 'Microsoft Clarity' app does this automatically.
  2. 2

    Get your Project ID and API token

    • Open your project in Clarity.
    • The Project ID is in the URL: clarity.microsoft.com/projects/view/HERE — a short code like 'abcd1234ef'.
    • Go to Settings → 'Data Export' → 'Generate new API token'. Name it 'ZYLX' and copy the token.
  3. 3

    Paste into ZYLX

    • Integrations → Microsoft Clarity.
    • Enter Project ID and API token.
    • Save securely → Test connection.

    Before you continue

    • Project ID entered
    • Token saved
    • Test shows Connected

Troubleshooting

  • No 'Data Export' option in settings

    API tokens require project admin rights. Open the project you own, or ask the owner to generate a token.

  • Connected but no insights yet

    Clarity needs a day or two of visitor traffic after installing the tracking code. Check back tomorrow.