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/components/AskCookbook.astro b/src/components/AskCookbook.astro
new file mode 100644
index 000000000..627d6e9ae
--- /dev/null
+++ b/src/components/AskCookbook.astro
@@ -0,0 +1,10 @@
+---
+import AskCookbook from "@cookbookdev/docsbot/react"
+
+// API key is public so it's fine to just hardcode it here.
+const COOKBOOK_PUBLIC_API_KEY =
+  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NjhkNGNkNDQ5ODQ2YjcxMDdjYjY4MDgiLCJpYXQiOjE3MjA1MzYyNzYsImV4cCI6MjAzNjExMjI3Nn0.ZQ6KvZ4lRGTQUyleQFS0okdNOhZI_wsv2v9YFn2t6Pw"
+---
+
+<!-- Cookbook Onboard (AI Assistant).  -->
+<AskCookbook apiKey={COOKBOOK_PUBLIC_API_KEY} client:only="react" />
diff --git a/src/layouts/HomeLayout.astro b/src/layouts/HomeLayout.astro
index e05988ffa..d8b1d529a 100644
--- a/src/layouts/HomeLayout.astro
+++ b/src/layouts/HomeLayout.astro
@@ -5,6 +5,7 @@ import Header from "../components/Header/Header.astro"
 import * as CONFIG from "../config"
 import Footer from "~/components/Footer/Footer.astro"
 import LeftSidebar from "../components/LeftSidebar/LeftSidebar.astro"
+import AskCookbook from "~/components/AskCookbook.astro"
 
 const { content = {} } = Astro.props
 const currentPage = new URL(Astro.request.url).pathname
@@ -87,5 +88,6 @@ const canonicalURL = new URL(Astro.url.pathname, Astro.site)
       <slot />
     </main>
     <Footer />
+    <AskCookbook />
   </body>
 </html>
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index 0d92c8b5c..663712861 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 "~/components/AskCookbook.astro"
 
 const { content = {}, frontmatter } = Astro.props
 // Astro.props?.headings is for .mdx pages, Astro.props?.content?.astro.headings is for .md pages
@@ -248,5 +249,6 @@ changeLanguage(content.lang)
         import("../scripts/link-to-wallet.ts")
       }
     </script> -->
+    <AskCookbook />
   </body>
 </html>