diff --git a/package.json b/package.json
index d1520e3..2018c75 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "@pixiv/three-vrm": "3.1.6",
     "@react-three/drei": "9.117.2",
     "@react-three/fiber": "9.0.0-beta.1",
+    "crisp-sdk-web": "1.0.25",
     "next": "15.0.2",
     "next-plausible": "3.12.2",
     "react": "18.3.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2332f55..7bfe191 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,6 +34,9 @@ importers:
       '@react-three/fiber':
         specifier: 9.0.0-beta.1
         version: 9.0.0-beta.1(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.170.0)
+      crisp-sdk-web:
+        specifier: 1.0.25
+        version: 1.0.25
       next:
         specifier: 15.0.2
         version: 15.0.2(@babel/core@7.26.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -1805,6 +1808,9 @@ packages:
   core-js-compat@3.38.1:
     resolution: {integrity: sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==}
 
+  crisp-sdk-web@1.0.25:
+    resolution: {integrity: sha512-CWTHFFeHRV0oqiXoPh/aIAKhFs6xcIM4NenGPnClAMCZUDQgQsF1OWmZWmnVNjJriXUmWRgDfeUxcxygS0dCRA==}
+
   cross-env@7.0.3:
     resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
     engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
@@ -5725,6 +5731,8 @@ snapshots:
     dependencies:
       browserslist: 4.24.2
 
+  crisp-sdk-web@1.0.25: {}
+
   cross-env@7.0.3:
     dependencies:
       cross-spawn: 7.0.3
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 671ba2c..cb237c9 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -6,6 +6,7 @@
 "use client";
 import { faComments } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Crisp } from "crisp-sdk-web";
 import { usePathname } from "next/navigation";
 import Script from "next/script";
 import React, { type JSX } from "react";
@@ -16,6 +17,7 @@ import React, { type JSX } from "react";
  * @returns A JSX element.
  */
 export const Footer = (): JSX.Element | null => {
+  Crisp.configure("5398ce41-4ceb-4e31-9049-4c784a70179a");
   const pathname = usePathname();
   const isRootPath = pathname === "/";