diff --git a/assets/icons/ai.svg b/assets/icons/ai.svg
new file mode 100644
index 0000000..60e1dcd
--- /dev/null
+++ b/assets/icons/ai.svg
@@ -0,0 +1,12 @@
+<svg aria-hidden="true" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1027_4269)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2831 0.240328C10.2303 -0.0801093 9.76964 -0.0801093 9.71686 0.240328L9.17943 3.50312C8.69958 6.41631 6.41631 8.69958 3.50312 9.17943L0.240328 9.71686C-0.0801094 9.76964 -0.0801094 10.2303 0.240328 10.2832L3.50312 10.8206C6.41631 11.3005 8.69958 13.5837 9.17943 16.4969L9.71686 19.7597C9.76964 20.0801 10.2303 20.0801 10.2831 19.7597L10.8206 16.4969C11.3005 13.5837 13.5837 11.3005 16.4969 10.8206L19.7597 10.2832C20.0801 10.2303 20.0801 9.76964 19.7597 9.71686L16.4969 9.17943C13.5837 8.69958 11.3005 6.41631 10.8206 3.50312L10.2831 0.240328ZM10 4.43418C10.7291 7.14667 12.8533 9.27095 15.5658 10C12.8533 10.7291 10.7291 12.8534 10 15.5659C9.27095 12.8534 7.14666 10.7291 4.43418 10C7.14667 9.27095 9.27095 7.14667 10 4.43418Z" fill="#1C0D3F"/>
+<path d="M1.99248 15.7624C2.03283 15.5175 2.38509 15.5175 2.42545 15.7624C2.57831 16.6904 3.30566 17.4178 4.2337 17.5707C4.47869 17.611 4.47869 17.9633 4.2337 18.0037C3.30566 18.1565 2.57831 18.8838 2.42545 19.812C2.38509 20.0569 2.03283 20.0569 1.99248 19.812C1.83962 18.8838 1.11225 18.1565 0.184232 18.0037C-0.0607598 17.9633 -0.0607598 17.611 0.184232 17.5707C1.11225 17.4178 1.83962 16.6904 1.99248 15.7624Z" fill="#6D7680"/>
+<path d="M18.0085 0.184232C17.968 -0.0607596 17.6159 -0.0607596 17.5755 0.184232C17.4226 1.11226 16.6952 1.83962 15.7672 1.99249C15.5223 2.03283 15.5223 2.38509 15.7672 2.42545C16.6952 2.57831 17.4226 3.30567 17.5755 4.2337C17.6159 4.47869 17.968 4.47869 18.0085 4.2337C18.1612 3.30567 18.8886 2.57831 19.8167 2.42545C20.0616 2.38509 20.0616 2.03283 19.8167 1.99249C18.8886 1.83962 18.1612 1.11226 18.0085 0.184232Z" fill="#6D7680"/>
+</g>
+<defs>
+<clipPath id="clip0_1027_4269">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 76b0e88..79a9e80 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -31,6 +31,7 @@
 @import "404";
 @import "skip-links";
 @import "heading-anchor";
+@import "ask-ai-button";
 @import "theme-switcher";
 @import "dark-theme";
 @import "cta-banner";
diff --git a/assets/scss/ask-ai-button.scss b/assets/scss/ask-ai-button.scss
new file mode 100644
index 0000000..4c6bc83
--- /dev/null
+++ b/assets/scss/ask-ai-button.scss
@@ -0,0 +1,45 @@
+// (C) 2026 GoodData Corporation
+@import "variables/variables";
+
+// "Ask AI" button — opens the Kapa AI widget. The outlined button appearance
+// comes from the shared .gd-docs-header-nav__secondary styles; this file only
+// owns the container layout and icon sizing. Rendered only when
+// Site.Params.askAI.websiteId is configured (see partials/ask-ai-button.html).
+.ask-ai-button-container {
+    display: flex;
+    margin-left: 20px;
+    justify-content: flex-start;
+
+    button {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+
+        &:disabled {
+            cursor: not-allowed;
+            opacity: 0.2;
+
+            &:hover,
+            &:focus,
+            &:active {
+                color: inherit;
+                border-color: inherit;
+            }
+
+            &:focus {
+                box-shadow: inherit;
+            }
+        }
+    }
+
+    .ask-ai-icon {
+        display: flex;
+        width: fit-content;
+
+        svg {
+            width: 15px;
+            height: 15px;
+            margin: 0;
+        }
+    }
+}
diff --git a/layouts/partials/ask-ai-button.html b/layouts/partials/ask-ai-button.html
new file mode 100644
index 0000000..c5d1645
--- /dev/null
+++ b/layouts/partials/ask-ai-button.html
@@ -0,0 +1,22 @@
+{{/* (C) 2026 GoodData Corporation */}}
+{{/* "Ask AI" button — opens the Kapa AI widget (loaded by ask-ai-widget.html).
+     Rendered only when Site.Params.askAI.websiteId is configured. The widget is
+     triggered via the `open-kapa-widget` override class. */}}
+{{- with .Site.Params.askAI }}
+{{- if .websiteId }}
+<div class="ask-ai-button-container">
+    <button
+        class="gd-docs-header-nav__cta gd-docs-header-nav__secondary open-kapa-widget ask-ai-button"
+        aria-expanded="false"
+        aria-haspopup="dialog"
+        aria-controls="kapa-modal-content"
+        id="ask-ai-button"
+    >
+        {{ .buttonText | default "Ask AI" }}
+        <div class="ask-ai-icon">
+            {{ with resources.Get "icons/ai.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}
+        </div>
+    </button>
+</div>
+{{- end }}
+{{- end }}
diff --git a/layouts/partials/ask-ai-widget.html b/layouts/partials/ask-ai-widget.html
new file mode 100644
index 0000000..08281df
--- /dev/null
+++ b/layouts/partials/ask-ai-widget.html
@@ -0,0 +1,34 @@
+{{/* (C) 2026 GoodData Corporation */}}
+{{/* Loads the Kapa AI widget bundle. Rendered only when Site.Params.askAI.websiteId
+     is configured. Pair with partials/ask-ai-button.html, which provides the
+     trigger button (data-button-hide keeps Kapa's own launcher hidden).
+
+     Configure in site params, e.g.:
+       [params.askAI]
+         websiteId             = "..."                      # required
+         projectName           = "GoodData"
+         projectColor          = "#ED26B7"
+         projectLogo           = "https://www.gooddata.ai/img/generic/logo-g.svg"
+         modalDisclaimerTextColor = "#ED26B7"
+         modalTitleColor       = "#1c0d3f"
+         modalTitleFontFamily  = "bca6d3310b5c9dae1dae416e8abc8405,helvetica,arial,sans-serif"
+*/}}
+{{- with .Site.Params.askAI }}
+{{- if .websiteId }}
+<script
+    async
+    src="https://widget.kapa.ai/kapa-widget.bundle.js"
+    data-website-id="{{ .websiteId }}"
+    data-project-name="{{ .projectName | default "GoodData" }}"
+    data-project-color="{{ .projectColor | default "#ED26B7" }}"
+    data-project-logo="{{ .projectLogo | default "https://www.gooddata.ai/img/generic/logo-g.svg" }}"
+    data-button-hide="true"
+    data-modal-disclaimer-text-color="{{ .modalDisclaimerTextColor | default "#ED26B7" }}"
+    data-modal-override-open-class="open-kapa-widget"
+    data-modal-open-on-command-k="true"
+    data-modal-y-offset="20vh"
+    data-modal-title-color="{{ .modalTitleColor | default "#1c0d3f" }}"
+    data-modal-title-font-family="{{ .modalTitleFontFamily | default "bca6d3310b5c9dae1dae416e8abc8405,helvetica,arial,sans-serif" }}"
+></script>
+{{- end }}
+{{- end }}
diff --git a/layouts/partials/hooks/body-end.html b/layouts/partials/hooks/body-end.html
index a1be57b..dd22163 100644
--- a/layouts/partials/hooks/body-end.html
+++ b/layouts/partials/hooks/body-end.html
@@ -11,3 +11,4 @@
 <script src="/js/prism-accessibility.js"></script>
 {{ $themeSwitcherJS := resources.Get "js/theme-switcher.js" | minify | fingerprint }}
 <script src="{{ $themeSwitcherJS.RelPermalink }}" integrity="{{ $themeSwitcherJS.Data.integrity }}" defer></script>
+{{ partial "ask-ai-widget.html" . }}
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 0abf86a..50f8638 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -28,6 +28,7 @@
     <div id="adds-container" class="gd-docs-header-nav__search"></div>
   </div>
   {{ end }}
+  {{ partial "ask-ai-button.html" . }}
   {{ if .Site.Params.versions }}
   <div class="gd-docs-header-nav__right">
     {{ partial "navbar-version-selector.html" . }}