{"id":554078,"date":"2026-09-03T11:14:04","date_gmt":"2026-09-03T11:14:04","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=554078"},"modified":"2026-09-03T11:14:14","modified_gmt":"2026-09-03T11:14:14","slug":"cs-cart-microsoft-clarity-integration-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/","title":{"rendered":"User Guide for CS-Cart Microsoft Clarity Integration"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/store.webkul.com\/microsoft-clarity-integration-for-cs-cart.html\" target=\"_blank\" rel=\"noreferrer noopener\">CS-Cart Microsoft Clarity Integration<\/a><\/strong> integrates Microsoft Clarity with the CS-Cart storefront, allowing store owners to better understand customer behavior through heatmaps, session recordings, and e-commerce event tracking.<\/p>\n\n\n\n<p>It also allows merchants to view Clarity statistics directly from the CS-Cart administration panel.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Features of CS-Cart Microsoft Clarity Integration<\/h1>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Integrate Microsoft Clarity tracking with the CS-Cart storefront.<\/li>\n\n\n\n<li>Enable or disable Clarity recording from the storefront tracking settings.<\/li>\n\n\n\n<li>Support GDPR Cookie Consent integration.<\/li>\n\n\n\n<li>Load the Clarity tracking code dynamically on storefront pages.<\/li>\n\n\n\n<li>Exclude the CS-Cart Administration area and Vendor panels from tracking.<\/li>\n\n\n\n<li>Add customer group, currency, locale, device, storefront, UTM, and vendor information to sessions.<\/li>\n\n\n\n<li>Track product views, cart actions, checkout steps, purchases, catalog searches, signups, logins, wishlist, and comparison activities.<\/li>\n\n\n\n<li>Create custom events using CSS selectors.<\/li>\n\n\n\n<li>Prioritize recordings for cart, checkout, and completed orders.<\/li>\n\n\n\n<li>Mask personal, address, and financial information in recordings.<\/li>\n\n\n\n<li>Configure custom masking and unmasking selectors.<\/li>\n\n\n\n<li>Unmask product specifications and customer reviews.<\/li>\n\n\n\n<li>Capture storefront JavaScript errors and configure error exclusions.<\/li>\n\n\n\n<li>View Clarity statistics from the CS-Cart administration panel.<\/li>\n\n\n\n<li>Group dashboard metrics by device, browser, operating system, and country.<\/li>\n\n\n\n<li>Cache dashboard data when the daily API request limit is reached.<\/li>\n\n\n\n<li>Support Multi-Vendor and Multi-Storefront session information.<\/li>\n\n\n\n<li>Include 27 validated language packs.<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">How CS-Cart Microsoft Clarity Integration Works<\/h1>\n\n\n\n<p>The CS-Cart Microsoft Clarity Integration works by adding Microsoft Clarity tracking to the CS-Cart storefront.<\/p>\n\n\n\n<p>The integration provides the following workflow:<\/p>\n\n\n\n<p><strong>CS-Cart Storefront \u2192 Microsoft Clarity Tracking \u2192 Session &amp; Event Data \u2192 Clarity Insights<\/strong><\/p>\n\n\n\n<p>The add-on automatically loads the Clarity tracking code on storefront pages and adds CS-Cart-specific information to visitor sessions.<\/p>\n\n\n\n<p>It can also send event markers for important customer activities such as product views, cart actions, checkout steps, purchases, searches, customer authentication, wishlist updates, and product comparisons.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Microsoft Clarity Account Configuration<\/h1>\n\n\n\n<p>Before configuring the CS-Cart integration, create a Microsoft Clarity project for the website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Sign In to Microsoft Clarity<\/h2>\n\n\n\n<p>Go to Microsoft Clarity and sign in using your preferred sign-in method.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp\" alt=\"Sign In to Microsoft Clarity\" class=\"wp-image-554101\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/clarity.microsoft.com\/\">Microsoft Clarity<\/a><\/p>\n\n\n\n<p>After signing in successfully, you can access the Clarity Projects page. <strong>From there,<\/strong> Microsoft Clarity allows you to create projects for the websites you want to monitor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Create a New Project<\/h2>\n\n\n\n<p>After signing in:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>New project<\/strong>.<\/li>\n\n\n\n<li>Enter the <strong>Name<\/strong> of the project.<\/li>\n\n\n\n<li>Enter the <strong>Website<\/strong> details.<\/li>\n\n\n\n<li>Click <strong>Add new project<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-1200x879.webp\" alt=\"Create a New Project\" class=\"wp-image-554102\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/calrity02-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After creating the project, Clarity redirects you to the project setup area.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Get the Clarity Project ID<\/h2>\n\n\n\n<p>After creating the project:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Clarity project.<\/li>\n\n\n\n<li>Go to <strong>Settings<\/strong>.<\/li>\n\n\n\n<li>Open <strong>Overview<\/strong>.<\/li>\n\n\n\n<li>Copy the <strong>Project ID<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-1200x879.webp\" alt=\"Get the Clarity Project ID\" class=\"wp-image-554103\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity03-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Microsoft Clarity provides the Project ID in the project Overview section.<\/p>\n\n\n\n<p>The Project ID is used by the storefront integration to identify the Clarity project associated with the store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Configure Data Export<\/h2>\n\n\n\n<p>After opening the <strong>Data export<\/strong> section:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Settings<\/strong> in your Microsoft Clarity project.<\/li>\n\n\n\n<li>Open <strong>Data export<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Generate new API token<\/strong>.<\/li>\n\n\n\n<li>Enter a name for the API token and generate it.<\/li>\n\n\n\n<li>Copy the generated <strong>API token<\/strong> and keep it secure.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-1200x879.webp\" alt=\"Configure Data Export\" class=\"wp-image-554104\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity05-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The Data Export API allows the add-on to access Clarity project data for integration and reporting purposes.<\/p>\n\n\n\n<p>The generated API token is used to authenticate API requests and connect the Clarity data with the CS-Cart administration panel.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">How To Upload And Install CS-Cart Microsoft Clarity Integration<\/h1>\n\n\n\n<p>Go to Manage&nbsp;<strong>Add-ons<\/strong>, click on the gear drop-down, and select Manual Installation.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/manualinstall.webp\" alt=\"manual installation\" class=\"wp-image-504670\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/manualinstall.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/manualinstall-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/manualinstall-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/manualinstall-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>2. Click on&nbsp;<strong>Local<\/strong>&nbsp;to select the zip file.<\/p>\n\n\n\n<p>Then click on&nbsp;<strong>\u201cUpload &amp; Install\u201d<\/strong>&nbsp;as shown below in the snapshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup.webp\" alt=\"Select Zip file\" class=\"wp-image-504671\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/02\/popup-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Add-on installed successfully!<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Configure Microsoft Clarity in CS-Cart<\/h1>\n\n\n\n<p>After installing the add-on, configure its available settings from:<\/p>\n\n\n\n<p>The <strong>General<\/strong> section allows merchants to configure the basic Clarity integration and storefront tracking options.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Clarity Project ID:<\/strong> Enter the Microsoft Clarity Project ID to connect the store with the desired Clarity project.<\/li>\n\n\n\n<li><strong>Enable Storefront Tracking:<\/strong> Enable or disable Clarity tracking on the storefront.<\/li>\n\n\n\n<li><strong>Require Cookie Consent for Tracking:<\/strong> Choose whether customer consent is required before Clarity tracking starts.<\/li>\n\n\n\n<li><strong>Use Custom Tracking Script:<\/strong> Enable this option to use a custom Clarity tracking script instead of the default configuration.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-1200x879.webp\" alt=\"General section\" class=\"wp-image-554105\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity06-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Telemetry &amp; Custom Session Tags<\/h3>\n\n\n\n<p>This section allows merchants to add useful storefront and customer context to Clarity session recordings.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customer Group (Guest, Registered, Wholesale, etc.):<\/strong> Identifies the customer group associated with each session.<\/li>\n\n\n\n<li><strong>Storefront Currency &amp; Language:<\/strong> Records the currency and language selected on the storefront.<\/li>\n\n\n\n<li><strong>Device Category (Mobile, Desktop):<\/strong> Identifies whether the customer is using a mobile or desktop device.<\/li>\n\n\n\n<li><strong>Storefront ID:<\/strong> Records the storefront ID associated with the customer session.<\/li>\n\n\n\n<li><strong>Active Vendor Name &amp; ID (Multi-Vendor Only):<\/strong> Records the active vendor&#8217;s name and ID for multi-vendor stores.<\/li>\n\n\n\n<li><strong>UTM Traffic Source Campaign Variables:<\/strong> Captures UTM parameters to help identify the source and campaign that brought the customer to the storefront.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-1200x879.webp\" alt=\"Telemetry &amp; Custom Session Tags\" class=\"wp-image-554107\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity07-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Ecommerce Events to Record<\/h3>\n\n\n\n<p>This section allows merchants to select important ecommerce and customer activities that should be recorded as events in Microsoft Clarity.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Detail View Actions:<\/strong> Tracks when customers view product detail pages.<\/li>\n\n\n\n<li><strong>Cart Increments &amp; Removals:<\/strong> Records when customers add products to or remove products from their cart.<\/li>\n\n\n\n<li><strong>Checkout Funnel Progress Steps:<\/strong> Tracks customer progress through the different stages of checkout.<\/li>\n\n\n\n<li><strong>Final Order Purchase Metrics:<\/strong> Records completed purchases and related order events.<\/li>\n\n\n\n<li><strong>Product Search Queries:<\/strong> Captures the search queries customers use to find products.<\/li>\n\n\n\n<li><strong>Customer Logins &amp; Registrations:<\/strong> Tracks customer login and registration activities.<\/li>\n\n\n\n<li><strong>Wishlist &amp; Product Comparison Updates:<\/strong> Records additions and removals from wishlists and product comparison lists.<\/li>\n\n\n\n<li><strong>Dynamic Custom Event Trackers (CSS Selectors):<\/strong> Allows merchants to track custom storefront interactions using CSS selectors and assign a custom Clarity event name.<\/li>\n\n\n\n<li><strong>CSS Selector:<\/strong> Enter the CSS selector of the storefront element you want to track.<\/li>\n\n\n\n<li><strong>Clarity Event Name:<\/strong> Enter the name that should be assigned to the tracked event in Clarity.<\/li>\n\n\n\n<li><strong>Add Custom Selector Tracker:<\/strong> Adds a new custom CSS selector-based event tracker.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-1200x879.webp\" alt=\"Ecommerce Events to Record\" class=\"wp-image-554108\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity08-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Priority Recording Upgrades<\/h3>\n\n\n\n<p>This section allows merchants to prioritize Clarity recordings that contain important shopping and conversion activities.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cart Page Load:<\/strong> Prioritizes sessions when customers load the cart page.<\/li>\n\n\n\n<li><strong>Checkout Form Load:<\/strong> Prioritizes sessions when customers reach the checkout form.<\/li>\n\n\n\n<li><strong>Order Complete Page:<\/strong> Prioritizes sessions where customers complete an order.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-1200x879.webp\" alt=\"Priority Recording Upgrades\" class=\"wp-image-554110\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity09-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">PII Privacy Content Masking<\/h3>\n\n\n\n<p><strong>Additionally,<\/strong> this section allows merchants to protect sensitive customer information by masking personally identifiable and financial data in Clarity recordings.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Personal Information (Name, Email, Phone Inputs):<\/strong> Masks customer names, email addresses, and phone numbers from Clarity recordings.<\/li>\n\n\n\n<li><strong>Address Details (Billing &amp; Shipping Fields):<\/strong> Masks billing and shipping address information to protect customer privacy.<\/li>\n\n\n\n<li><strong>Financial Entries (Credit Card and Payment Forms):<\/strong> Masks sensitive payment and credit card information from session recordings.<\/li>\n\n\n\n<li><strong>Administrative Inputs (Administrative Fields):<\/strong> Masks sensitive information entered in administrative fields.<\/li>\n\n\n\n<li><strong>Custom Masking Selectors:<\/strong> Allows merchants to specify additional storefront elements that should be masked using CSS selectors.<\/li>\n\n\n\n<li><strong>CSS Selector:<\/strong> Enter the CSS selector of the element containing sensitive information that should be masked.<\/li>\n\n\n\n<li><strong>Add Custom Selector Tracker:<\/strong> Adds a custom CSS selector for masking sensitive information.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-1200x879.webp\" alt=\"PII Privacy Content Masking\" class=\"wp-image-554113\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity10-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Admin Dashboard Analytics Settings<\/h3>\n\n\n\n<p><strong>Additionally,<\/strong> this section allows merchants to configure how Microsoft Clarity analytics are displayed directly in the CS-Cart administration panel.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Data Export API Token:<\/strong> Enter the Microsoft Clarity REST Data Export token to retrieve and display analytics in the CS-Cart backend.<\/li>\n\n\n\n<li><strong>Enable Dashboard Widget:<\/strong> Enable or disable the Clarity analytics widget on the CS-Cart administration dashboard.<\/li>\n\n\n\n<li><strong>Report Date Range:<\/strong> Select the time period for which Clarity analytics should be displayed, such as 24, 48, or 72 hours.<\/li>\n\n\n\n<li><strong>Primary Grouping Dimension:<\/strong> Choose how analytics data should be grouped, such as Device, Browser, OS, Country, or URL.<\/li>\n\n\n\n<li><strong>Update Cache Interval:<\/strong> Set how frequently the Clarity analytics data cache should be refreshed, from 1 to 12 hours.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-1200x879.webp\" alt=\"Admin Dashboard Analytics Settings\" class=\"wp-image-554115\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity11-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This is how you can configure the settings and save the changes.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">How Microsoft Clarity Works in CS-Cart<\/h1>\n\n\n\n<p>The Microsoft Clarity integration works with the CS-Cart storefront and automatically adds the required tracking information.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Microsoft Clarity Dashboard<\/h1>\n\n\n\n<p>The add-on provides a native Microsoft Clarity dashboard inside the CS-Cart administration panel.<\/p>\n\n\n\n<p>Go to:<\/p>\n\n\n\n<p><strong>Website \u2192 Microsoft Clarity<\/strong><\/p>\n\n\n\n<p>The dashboard displays project statistics for the last three days.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Microsoft Clarity Insights<\/h3>\n\n\n\n<p>The <strong>Microsoft Clarity Insights<\/strong> section provides an overview of important storefront engagement and user-behavior metrics, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Last Updated:<\/strong> Displays the date and time when the analytics data was last updated.<\/li>\n\n\n\n<li><strong>Sessions:<\/strong> First, this shows the total number of recorded user sessions. <strong>Rage Clicks:<\/strong> Additionally, this displays the number of repeated clicks that may indicate user frustration. <strong>Dead Clicks:<\/strong> Similarly, this shows clicks on elements that do not produce a noticeable action. <strong>Average Scroll Depth:<\/strong> Finally, this indicates the average percentage of the page that visitors scroll through.<\/li>\n\n\n\n<li><strong>Dimension Breakdown Metrics:<\/strong> Provides a detailed breakdown of sessions based on the selected dimension, such as device type, along with rage clicks, dead clicks, average scroll depth, and engagement time.<\/li>\n\n\n\n<li><strong>Refresh Data:<\/strong> Allows merchants to manually update the displayed Clarity analytics.<\/li>\n\n\n\n<li><strong>Go to Microsoft Clarity:<\/strong> Opens the corresponding project directly in Microsoft Clarity for more detailed analysis.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-1200x879.webp\" alt=\"Microsoft Clarity Dashboard\" class=\"wp-image-554126\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity12-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The analytics displayed in the <strong>Microsoft Clarity Insights<\/strong> section are fetched from the connected Microsoft Clarity project.<\/p>\n\n\n\n<p> <strong>Additionally,<\/strong> merchants can view the same data directly in Microsoft Clarity for more detailed insights.<\/p>\n\n\n\n<p>The same data can also be viewed directly on the <strong>Microsoft Clarity developer\/dashboard end<\/strong>, where merchants can access more detailed reports and session insights.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"879\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-1200x879.webp\" alt=\"Microsoft Clarity developer\/dashboard end\" class=\"wp-image-554132\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-1200x879.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-300x220.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-250x183.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-768x562.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-1536x1125.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity13-2048x1499.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The dashboard also provides engagement breakdowns based on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Device<\/li>\n\n\n\n<li>Browser<\/li>\n\n\n\n<li>Operating System<\/li>\n\n\n\n<li>Country<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Refresh Dashboard Data<\/h2>\n\n\n\n<p>The dashboard includes a <strong>Refresh Data<\/strong> button and displays the <strong>Last Updated<\/strong> timestamp.<\/p>\n\n\n\n<p>The integration limits dashboard refresh requests to <strong>10 requests per day<\/strong> to respect Microsoft API limits.<\/p>\n\n\n\n<p>When the daily limit is reached, the add-on uses cached database data and displays a warning instead of making another external API request.<\/p>\n\n\n\n<p>Changing the dashboard grouping dimension does not automatically consume an API request. The existing cached data is used until the merchant selects <strong>Refresh Data<\/strong>.<\/p>\n\n\n\n<p>With Microsoft Clarity Integration, merchants can easily track customer behavior, monitor storefront performance, and gain valuable insights directly from the CS-Cart backend.<\/p>\n\n\n\n<p><strong>Moreover,<\/strong> this integration helps optimize the shopping experience by identifying user interactions, technical issues, and opportunities for improving conversions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"support\">Support<\/h3>\n\n\n\n<p>This is all about <strong>CS-Cart Microsoft Clarity Integration<\/strong>. For further any query feel free to contact us at&nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/webkul.uvdesk.com<\/a><\/p>\n\n\n\n<p>Please explore our&nbsp;<a href=\"https:\/\/webkul.com\/cs-cart-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">cs-cart Development Services<\/a>&nbsp;and Quality&nbsp;<a href=\"https:\/\/store.webkul.com\/CS-Cart.html\" target=\"_blank\" rel=\"noreferrer noopener\">cs-cart add-ons<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CS-Cart Microsoft Clarity Integration integrates Microsoft Clarity with the CS-Cart storefront, allowing store owners to better understand customer behavior through heatmaps, session recordings, and e-commerce event tracking. It also allows merchants to view Clarity statistics directly from the CS-Cart administration panel. Features of CS-Cart Microsoft Clarity Integration How CS-Cart Microsoft Clarity Integration Works The CS-Cart <a href=\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":704,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-554078","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Microsoft Clarity Integration for CS-Cart | Setup Guide<\/title>\n<meta name=\"description\" content=\"Configure Microsoft Clarity for CS-Cart to track storefront activity, protect PII, and view analytics in the backend.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Microsoft Clarity Integration for CS-Cart | Setup Guide\" \/>\n<meta property=\"og:description\" content=\"Configure Microsoft Clarity for CS-Cart to track storefront activity, protect PII, and view analytics in the backend.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-03T11:14:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T11:14:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp\" \/>\n<meta name=\"author\" content=\"Saurabh Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saurabh Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\"},\"author\":{\"name\":\"Saurabh Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3\"},\"headline\":\"User Guide for CS-Cart Microsoft Clarity Integration\",\"datePublished\":\"2026-09-03T11:14:04+00:00\",\"dateModified\":\"2026-09-03T11:14:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\"},\"wordCount\":1686,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\",\"url\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\",\"name\":\"Microsoft Clarity Integration for CS-Cart | Setup Guide\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp\",\"datePublished\":\"2026-09-03T11:14:04+00:00\",\"dateModified\":\"2026-09-03T11:14:14+00:00\",\"description\":\"Configure Microsoft Clarity for CS-Cart to track storefront activity, protect PII, and view analytics in the backend.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp\",\"width\":1120,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for CS-Cart Microsoft Clarity Integration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3\",\"name\":\"Saurabh Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Saurabh Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/saurabh-singhqa322\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Microsoft Clarity Integration for CS-Cart | Setup Guide","description":"Configure Microsoft Clarity for CS-Cart to track storefront activity, protect PII, and view analytics in the backend.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/","og_locale":"en_US","og_type":"article","og_title":"Microsoft Clarity Integration for CS-Cart | Setup Guide","og_description":"Configure Microsoft Clarity for CS-Cart to track storefront activity, protect PII, and view analytics in the backend.","og_url":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2026-09-03T11:14:04+00:00","article_modified_time":"2026-09-03T11:14:14+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp","type":"","width":"","height":""}],"author":"Saurabh Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Saurabh Singh","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/"},"author":{"name":"Saurabh Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3"},"headline":"User Guide for CS-Cart Microsoft Clarity Integration","datePublished":"2026-09-03T11:14:04+00:00","dateModified":"2026-09-03T11:14:14+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/"},"wordCount":1686,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/","url":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/","name":"Microsoft Clarity Integration for CS-Cart | Setup Guide","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp","datePublished":"2026-09-03T11:14:04+00:00","dateModified":"2026-09-03T11:14:14+00:00","description":"Configure Microsoft Clarity for CS-Cart to track storefront activity, protect PII, and view analytics in the backend.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/08\/clarity.webp","width":1120,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/cs-cart-microsoft-clarity-integration-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for CS-Cart Microsoft Clarity Integration"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3","name":"Saurabh Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Saurabh Singh"},"url":"https:\/\/webkul.com\/blog\/author\/saurabh-singhqa322\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/554078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/704"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=554078"}],"version-history":[{"count":10,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/554078\/revisions"}],"predecessor-version":[{"id":555647,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/554078\/revisions\/555647"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=554078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=554078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=554078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}