diff --git a/package.json b/package.json
index baa25c0eb..8c994bec6 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "@astrojs/partytown": "^2.0.4",
     "@astrojs/prism": "^3.0.0",
     "@astrojs/tailwind": "^5.1.0",
+    "@cookbookdev/docsbot": "^4.21.5",
     "@nanostores/preact": "^0.3.1",
     "astro-auto-import": "^0.4.2",
     "astro-expressive-code": "^0.35.3",
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index 0d92c8b5c..37e3e9867 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -10,6 +10,7 @@ import * as CONFIG from "../config"
 import Footer from "~/components/Footer/Footer.astro"
 import { changeLanguage } from "i18next"
 import { ViewTransitions } from "astro:transitions"
+import AskCookbook from "@cookbookdev/docsbot/react"
 
 const { content = {}, frontmatter } = Astro.props
 // Astro.props?.headings is for .mdx pages, Astro.props?.content?.astro.headings is for .md pages
@@ -248,5 +249,11 @@ changeLanguage(content.lang)
         import("../scripts/link-to-wallet.ts")
       }
     </script> -->
+
+    <!-- Cookbook Onboard (AI Assistant). API key is public so it's fine to just hardcode it here. -->
+    <AskCookbook
+      apiKey="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NjhkNGNkNDQ5ODQ2YjcxMDdjYjY4MDgiLCJpYXQiOjE3MjA1MzYyNzYsImV4cCI6MjAzNjExMjI3Nn0.ZQ6KvZ4lRGTQUyleQFS0okdNOhZI_wsv2v9YFn2t6Pw"
+      client:only="react"
+    />
   </body>
 </html>