Growing your store

How to Set Up Microsoft Clarity and Meta Pixel on Your Online Store

By RapidCart TeamUpdated 15 August 20267 min read

Once your store is live and getting visitors, two questions come up fast: what are people actually doing on my store, and how do I bring back the ones who left without buying? Microsoft Clarity answers the first. Meta Pixel answers the second. Both are free, and both take about ten minutes to set up.

Why bother with either of these

Traffic without visibility is a guess. If you’re spending time on Instagram posts or ads to drive people to your store, you want to know what happens after they land — and be able to reach them again if they don’t buy the first time.

  • Microsoft Clarity records real visitor sessions and builds heatmaps — you see exactly where people click, how far they scroll, and where they get stuck or leave. It’s free with no traffic limit.
  • Meta Pixel quietly notes who visited your store, so you can show them ads later (retargeting) and ask Meta to find more people like your visitors (lookalike audiences) — the standard way small sellers make Instagram/Facebook ad spend go further.
Neither tool requires touching code on RapidCart. You paste an ID or a short snippet into Settings → Tracking, save, and it loads on your storefront automatically.

Step 1: Set up Microsoft Clarity

  1. Go to clarity.microsoft.com and sign in (a Microsoft account works, including a free one).
  2. Click Add new project, give it a name (e.g. your store name), and enter your store’s URL.
  3. Clarity shows you an install snippet like this — you don’t need to understand it, just copy the whole thing:

Clarity install snippet (example)

<script type="text/javascript">
  (function(c,l,a,r,i,t,y){
    c[a] = c[a] || function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window, document, "clarity", "script", "PROJECT_ID");
</script>

The part that matters is PROJECT_ID — a short code unique to your project. RapidCart accepts either the full snippet above or just that project ID on its own, so you can paste whichever you have.

Step 2: Set up Meta Pixel

  1. Open Meta Events Manager (you’ll need a Facebook/Meta Business account).
  2. Click Connect data sourcesWeb, then choose Meta Pixel.
  3. Give it a name and your store’s URL. Meta generates a Pixel ID and a base code snippet:

Meta Pixel base code (example)

<script>
  !function(f,b,e,v,n,t,s){ ... }(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '1234567890123456');
  fbq('track', 'PageView');
</script>

The number in fbq('init', '...') is your Pixel ID. Just like Clarity, RapidCart accepts either the whole snippet or the bare numeric ID.

Step 3: Add both to RapidCart

  1. In your RapidCart dashboard, go to Settings → Tracking.
  2. Open the Microsoft Clarity card and paste your snippet or project ID, then open the Meta Pixel card and paste your snippet or Pixel ID.
  3. Click Save Changes at the bottom of the page.
That’s it — no code, no theme files. Once saved, Clarity starts recording sessions and building heatmaps, and the Meta Pixel starts reporting page views to Events Manager on every page of your live storefront.

How do I know it’s actually working?

  • Clarity: open your Clarity project dashboard — a heatmap and recordings should start appearing within a few minutes of the first visit after saving.
  • Meta Pixel: install the free Meta Pixel Helper browser extension, visit your storefront, and it should show a green checkmark with your Pixel ID and a PageView event.

What this gets you — and what it doesn’t, yet

With both connected, you can start watching real session recordings in Clarity to see where buyers hesitate, and build a Custom Audience of storefront visitors in Meta Ads Manager to run retargeting ads. That’s page-view-level tracking — enough to know someone visited.

It doesn’t yet tell Meta which visits turned into an actual sale (that needs event tracking for add-to-cart and purchase, which is a deeper integration). Start with what’s here — visibility and retargeting — and layer on purchase tracking later once you’re comfortable with the basics.

If you haven’t settled on how you’re accepting payment yet, that’s worth sorting out first — see our guide on accepting online payments in India. And if most of your traffic comes from Instagram, pair this with our notes on selling on Instagram — the Pixel is exactly what turns that traffic into a retargeting audience instead of a one-time visit.

Frequently asked questions

+ Is Microsoft Clarity free?

Yes. Clarity is free with no traffic limits — there is no paid tier. You get unlimited heatmaps and session recordings on any number of sites.

+ Is Meta Pixel free?

Yes, creating and using a Meta Pixel is free. You only pay if you choose to run ads on Facebook or Instagram — the Pixel itself and the data it collects cost nothing.

+ Do I need both Clarity and Meta Pixel, or just one?

They do different jobs. Clarity shows you *how* people behave on your store (where they click, where they drop off) so you can fix your pages. Meta Pixel tracks visits so you can retarget those visitors with ads and build lookalike audiences. Most sellers running Instagram/Facebook ads benefit from both — Clarity to improve the store, Pixel to bring people back to it.

+ Will adding these scripts slow down my store?

Both load asynchronously in the background and are tiny compared to product images, so the impact on page speed is minimal. Neither should noticeably affect how fast your storefront feels to a visitor.

+ What exactly should I paste into RapidCart — the whole snippet or just the ID?

Either works. RapidCart accepts the full install snippet Clarity or Meta gives you, or just the bare project ID / Pixel ID if you already know it. It automatically extracts the ID either way.

+ My Meta Pixel shows "No activity yet" after I added it — is something wrong?

Not necessarily. It can take a few minutes for the first events to show up in Events Manager. Visit your own storefront in a new browser tab after saving, then check back in Events Manager — if a PageView still doesn’t appear after 10-15 minutes, double check the Pixel ID was saved correctly in Settings → Tracking.

Do this one thing today

Open two tabs — Clarity and Meta Events Manager — create a project in each, and paste both IDs into RapidCart’s Settings → Tracking before you close your laptop. Every visitor after that is a heatmap recording and a retargeting opportunity instead of a stranger who came and left.

Building your store on RapidCart? Clarity and Meta Pixel both drop straight into Settings → Tracking — no code required.

Create your store free

Keep reading