diff --git a/app/client/jest.config.js b/app/client/jest.config.js
index a57de6121323..342158f21372 100644
--- a/app/client/jest.config.js
+++ b/app/client/jest.config.js
@@ -1,11 +1,15 @@
 function parseConfig() {
   return "";
 }
+
 const LOG_LEVELS = ["debug", "error"];
 const CONFIG_LOG_LEVEL_INDEX = 1;
 
 module.exports = {
-  setupFiles: ["jest-canvas-mock", "<rootDir>/test/__mocks__/reactMarkdown.tsx"],
+  setupFiles: [
+    "jest-canvas-mock",
+    "<rootDir>/test/__mocks__/reactMarkdown.tsx",
+  ],
   roots: ["<rootDir>/src"],
   transform: {
     "^.+\\.(png|js|ts|tsx)$": "ts-jest",
@@ -98,7 +102,10 @@ module.exports = {
       fusioncharts: {
         licenseKey: parseConfig("__APPSMITH_FUSIONCHARTS_LICENSE_KEY__"),
       },
-      enableMixpanel: parseConfig("__APPSMITH_SEGMENT_KEY__"),
+      mixpanel: {
+        enabled: parseConfig("__APPSMITH_SEGMENT_KEY__"),
+        apiKey: parseConfig("__APPSMITH_MIXPANEL_KEY__"),
+      },
       algolia: {
         apiId: parseConfig("__APPSMITH_ALGOLIA_API_ID__"),
         apiKey: parseConfig("__APPSMITH_ALGOLIA_API_KEY__"),
diff --git a/app/client/package.json b/app/client/package.json
index 7b9f30de8858..017efdbdcae7 100644
--- a/app/client/package.json
+++ b/app/client/package.json
@@ -156,6 +156,7 @@
     "memoize-one": "^6.0.0",
     "micro-memoize": "^4.0.10",
     "microdiff": "^1.4.0",
+    "mixpanel-browser": "^2.55.1",
     "moment": "2.29.4",
     "moment-timezone": "^0.5.35",
     "nanoid": "^2.0.4",
@@ -261,6 +262,7 @@
     "@types/jest": "^27.4.1",
     "@types/jshint": "^2.12.0",
     "@types/lodash": "^4.14.120",
+    "@types/mixpanel-browser": "^2.50.1",
     "@types/moment-timezone": "^0.5.10",
     "@types/nanoid": "^2.0.0",
     "@types/node": "^10.12.18",
diff --git a/app/client/public/index.html b/app/client/public/index.html
index 2618fe294e42..4908ff380b9b 100755
--- a/app/client/public/index.html
+++ b/app/client/public/index.html
@@ -243,7 +243,10 @@
         fusioncharts: {
           licenseKey: parseConfig('{{env "APPSMITH_FUSIONCHARTS_LICENSE_KEY"}}'),
         },
-        enableMixpanel: parseConfig('{{env "APPSMITH_SEGMENT_KEY"}}'),
+        mixpanel: {
+          enabled: parseConfig('{{env "APPSMITH_SEGMENT_KEY"}}'),
+          apiKey: parseConfig('{{env "APPSMITH_MIXPANEL_KEY"}}'),
+        },
         algolia: {
           apiId: parseConfig('{{env "APPSMITH_ALGOLIA_API_ID"}}'),
           apiKey: parseConfig('{{env "APPSMITH_ALGOLIA_API_KEY"}}'),
diff --git a/app/client/src/ce/configs/index.ts b/app/client/src/ce/configs/index.ts
index 516cd1dea526..56f7b8f94c5a 100644
--- a/app/client/src/ce/configs/index.ts
+++ b/app/client/src/ce/configs/index.ts
@@ -26,7 +26,10 @@ export interface INJECTED_CONFIGS {
   fusioncharts: {
     licenseKey: string;
   };
-  enableMixpanel: boolean;
+  mixpanel: {
+    enabled: boolean;
+    apiKey: string;
+  };
   cloudHosting: boolean;
   algolia: {
     apiId: string;
@@ -77,9 +80,12 @@ export const getConfigsFromEnvVars = (): INJECTED_CONFIGS => {
     fusioncharts: {
       licenseKey: process.env.REACT_APP_FUSIONCHARTS_LICENSE_KEY || "",
     },
-    enableMixpanel: process.env.REACT_APP_SEGMENT_KEY
-      ? process.env.REACT_APP_SEGMENT_KEY.length > 0
-      : false,
+    mixpanel: {
+      enabled: process.env.REACT_APP_SEGMENT_KEY
+        ? process.env.REACT_APP_SEGMENT_KEY.length > 0
+        : false,
+      apiKey: process.env.REACT_APP_MIXPANEL_KEY || "",
+    },
     algolia: {
       apiId: process.env.REACT_APP_ALGOLIA_API_ID || "",
       apiKey: process.env.REACT_APP_ALGOLIA_API_KEY || "",
@@ -161,6 +167,10 @@ export const getAppsmithConfigs = (): AppsmithUIConfigs => {
     ENV_CONFIG.segment.apiKey,
     APPSMITH_FEATURE_CONFIGS?.segment.apiKey,
   );
+  const mixpanel = getConfig(
+    ENV_CONFIG.mixpanel.apiKey,
+    APPSMITH_FEATURE_CONFIGS?.mixpanel.apiKey,
+  );
   const newRelicAccountId = getConfig(
     ENV_CONFIG.newRelic.accountId,
     APPSMITH_FEATURE_CONFIGS?.newRelic.accountId,
@@ -278,10 +288,10 @@ export const getAppsmithConfigs = (): AppsmithUIConfigs => {
       enabled: googleRecaptchaSiteKey.enabled,
       apiKey: googleRecaptchaSiteKey.value,
     },
-    enableMixpanel:
-      ENV_CONFIG.enableMixpanel ||
-      APPSMITH_FEATURE_CONFIGS?.enableMixpanel ||
-      false,
+    mixpanel: {
+      enabled: segment.enabled,
+      apiKey: mixpanel.value,
+    },
     cloudHosting:
       ENV_CONFIG.cloudHosting ||
       APPSMITH_FEATURE_CONFIGS?.cloudHosting ||
diff --git a/app/client/src/ce/configs/types.ts b/app/client/src/ce/configs/types.ts
index 4f025925d7d1..00b3948a02bc 100644
--- a/app/client/src/ce/configs/types.ts
+++ b/app/client/src/ce/configs/types.ts
@@ -47,7 +47,10 @@ export interface AppsmithUIConfigs {
     snippetIndex: string;
   };
 
-  enableMixpanel: boolean;
+  mixpanel: {
+    enabled: boolean;
+    apiKey: string;
+  };
 
   cloudHosting: boolean;
 
diff --git a/app/client/src/ce/utils/AnalyticsUtil.tsx b/app/client/src/ce/utils/AnalyticsUtil.tsx
index 9a8548006f11..4aebc519ed61 100644
--- a/app/client/src/ce/utils/AnalyticsUtil.tsx
+++ b/app/client/src/ce/utils/AnalyticsUtil.tsx
@@ -14,6 +14,7 @@ export function getUserSource() {
 
   return source;
 }
+
 declare global {
   interface Window {
     // Zipy is added via script tags in index.html
@@ -70,6 +71,7 @@ class AnalyticsUtil {
   static blockTrackEvent: boolean | undefined;
   static instanceId?: string = "";
   static blockErrorLogs = false;
+
   static initializeSmartLook(id: string) {
     smartlookClient.init(id);
   }
@@ -364,6 +366,7 @@ class AnalyticsUtil {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (window as any).analytics = undefined;
   }
+
   static setBlockErrorLogs(value: boolean) {
     AnalyticsUtil.blockErrorLogs = value;
   }
diff --git a/app/client/yarn.lock b/app/client/yarn.lock
index 8da0e15f678d..03c986230834 100644
--- a/app/client/yarn.lock
+++ b/app/client/yarn.lock
@@ -8224,12 +8224,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rrweb/types@npm:^2.0.0-alpha.11":
-  version: 2.0.0-alpha.12
-  resolution: "@rrweb/types@npm:2.0.0-alpha.12"
+"@rrweb/types@npm:^2.0.0-alpha.11, @rrweb/types@npm:^2.0.0-alpha.13":
+  version: 2.0.0-alpha.17
+  resolution: "@rrweb/types@npm:2.0.0-alpha.17"
   dependencies:
-    rrweb-snapshot: ^2.0.0-alpha.12
-  checksum: 9764d04dde006e65b0dfef32265a6365cdf1095e5a05fc129ba23f24143e3b967afc450ea401220f23bbd87cd24a6c45866d525096849fdb81831122adee1e91
+    rrweb-snapshot: ^2.0.0-alpha.17
+  checksum: 03237d9cc3b5f2a6a05000ae356e6fe6d0866fa06efe66341d9226c098fda778d46ba702efe755ee1664ce2f07c494b0e689e11693707ec2672d193314800e08
   languageName: node
   linkType: hard
 
@@ -10737,6 +10737,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/mixpanel-browser@npm:^2.50.1":
+  version: 2.50.1
+  resolution: "@types/mixpanel-browser@npm:2.50.1"
+  checksum: bdc42048c3c44ee36a106ed0ebe4a4027d13a52cb4ef624339ca6dc13f3e9a08c7d747f32f97cbfc3fb23d1c73185be1210d0dd6793a868e9cc067a8cff15225
+  languageName: node
+  linkType: hard
+
 "@types/moment-timezone@npm:^0.5.10":
   version: 0.5.30
   resolution: "@types/moment-timezone@npm:0.5.30"
@@ -12770,6 +12777,7 @@ __metadata:
     "@types/jest": ^27.4.1
     "@types/jshint": ^2.12.0
     "@types/lodash": ^4.14.120
+    "@types/mixpanel-browser": ^2.50.1
     "@types/moment-timezone": ^0.5.10
     "@types/nanoid": ^2.0.0
     "@types/node": ^10.12.18
@@ -12903,6 +12911,7 @@ __metadata:
     memoize-one: ^6.0.0
     micro-memoize: ^4.0.10
     microdiff: ^1.4.0
+    mixpanel-browser: ^2.55.1
     moment: 2.29.4
     moment-timezone: ^0.5.35
     msw: ^0.28.0
@@ -24882,6 +24891,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mixpanel-browser@npm:^2.55.1":
+  version: 2.55.1
+  resolution: "mixpanel-browser@npm:2.55.1"
+  dependencies:
+    rrweb: 2.0.0-alpha.13
+  checksum: 10bc4d9267113c6357ef25f63e1708b1dc38f3ce6c89d97b53d85052bbeed53889b2ac4599aed0ea752814cc34342dd7d5dbe2aaca05c181f469742e8661cfb6
+  languageName: node
+  linkType: hard
+
 "mkdirp-classic@npm:^0.5.2":
   version: 0.5.3
   resolution: "mkdirp-classic@npm:0.5.3"
@@ -30088,19 +30106,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rrdom@npm:^2.0.0-alpha.11":
-  version: 2.0.0-alpha.12
-  resolution: "rrdom@npm:2.0.0-alpha.12"
+"rrdom@npm:^2.0.0-alpha.11, rrdom@npm:^2.0.0-alpha.13":
+  version: 2.0.0-alpha.17
+  resolution: "rrdom@npm:2.0.0-alpha.17"
   dependencies:
-    rrweb-snapshot: ^2.0.0-alpha.12
-  checksum: 64647547f099eaf0f77d207a83498b321c3bf76e6aa12c17dd1543e1019145bd7e564dd1c16439d3f9029e472e4d1d25c1d6717e4b37af1d8c0d42c8452c96f2
+    rrweb-snapshot: ^2.0.0-alpha.17
+  checksum: a73d6e1386bb8fae02cc563ee38949e71fe031db6c55fe56fe2031f16235a107dbeb6ea30dc15e6f4fffd829908a6fe1b09e153903eda254e7c27bc11d52f278
   languageName: node
   linkType: hard
 
-"rrweb-snapshot@npm:^2.0.0-alpha.11, rrweb-snapshot@npm:^2.0.0-alpha.12":
-  version: 2.0.0-alpha.12
-  resolution: "rrweb-snapshot@npm:2.0.0-alpha.12"
-  checksum: de8a7f8208ac9834d6cef1cea41d91782f6199ea101dde1eb9016e7253d79531444fe63466dfd42249b278ba0022c610e3806c2846df3a1cbe4328c5e88ce3a4
+"rrweb-snapshot@npm:^2.0.0-alpha.11, rrweb-snapshot@npm:^2.0.0-alpha.13, rrweb-snapshot@npm:^2.0.0-alpha.17":
+  version: 2.0.0-alpha.17
+  resolution: "rrweb-snapshot@npm:2.0.0-alpha.17"
+  dependencies:
+    postcss: ^8.4.38
+  checksum: 076d25fa91b56f7f863bf36cb0b772efb0ad74b92e2f5318ac7beb22ab41e750c2f85120bd31769d2eca638f96f62f8bf7b4b262741cd56e74403335f77f815f
   languageName: node
   linkType: hard
 
@@ -30120,6 +30140,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rrweb@npm:2.0.0-alpha.13":
+  version: 2.0.0-alpha.13
+  resolution: "rrweb@npm:2.0.0-alpha.13"
+  dependencies:
+    "@rrweb/types": ^2.0.0-alpha.13
+    "@types/css-font-loading-module": 0.0.7
+    "@xstate/fsm": ^1.4.0
+    base64-arraybuffer: ^1.0.1
+    fflate: ^0.4.4
+    mitt: ^3.0.0
+    rrdom: ^2.0.0-alpha.13
+    rrweb-snapshot: ^2.0.0-alpha.13
+  checksum: e20e88c5fe897a54648a0f96ad3bcb285ac82a7b716944bf38ffecd6b88601d23846d4a8ad7471a4cfcb3ce37d77ed7d093e48d15936d33e8282c5e84125f797
+  languageName: node
+  linkType: hard
+
 "run-applescript@npm:^5.0.0":
   version: 5.0.0
   resolution: "run-applescript@npm:5.0.0"