diff --git a/layouts/integration/list.html b/layouts/integration/list.html
index 1147bc0478..411eb1ef79 100644
--- a/layouts/integration/list.html
+++ b/layouts/integration/list.html
@@ -48,5 +48,6 @@ <h1>{{ .Title }}</h1>
       </section>
     </div>
     {{ partial "docs-toc.html" . }}
+    {{ partial "scripts.html" . }}
   </main>
 {{ end }}
diff --git a/layouts/integration/single.html b/layouts/integration/single.html
index a561346c87..41c035db84 100644
--- a/layouts/integration/single.html
+++ b/layouts/integration/single.html
@@ -36,5 +36,6 @@ <h1>{{ .Title }}</h1>
       </section>
     </div>
     {{ partial "docs-toc.html" . }}
+    {{ partial "scripts.html" . }}
   </main>
 {{ end }}
diff --git a/layouts/partials/docs-nav.html b/layouts/partials/docs-nav.html
index be37752ae8..c3313bdac1 100644
--- a/layouts/partials/docs-nav.html
+++ b/layouts/partials/docs-nav.html
@@ -41,6 +41,17 @@
             <a href="https://redis.io/docs/latest/operate/rs/7.4/" id="rs-version-select-7.4" onclick="_setSelectedVersion('rs', 'v7.4')">v7.4</a>  
         </div>
       </div>
+      {{else if (eq (.Params.linkTitle) "Redis Data Integration")}}
+      <div id="versionSelectorRedis-Data-Integration" class="menu__version-selector version-selector-control" onclick="_openVersionSelector('Redis-Data-Integration')" style="display: none;">
+        <button class="menu__version-selector-btn version-selector-control">
+            <span id="versionSelectorRedis-Data-IntegrationValue" class="version-selector-control">latest</span>
+            <span class="menu__version-selector__toggler opener version-selector-control">&#x25BC;</span>
+            <span class="menu__version-selector__toggler closer version-selector-control">&#x25B2;</span>
+        </button>
+        <div id="versionDropdownRedis-Data-Integration" class="menu__version-selector__list version-selector-control">
+            <a href="https://redis.io/docs/latest/integrate/redis-data-integration/" id="redis-data-integration-version-select-latest" onclick="_setSelectedVersion('redis-data-integration', 'latest')">latest</a>
+        </div>
+      </div>
     </li>
 
     {{end}}
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index a82336776b..c16f8107a1 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -5,6 +5,7 @@
         var currentUrl = window.location.href
         const regex_kubernetes = new RegExp('/docs/(latest|staging\/.+)/operate/kubernetes/.*')
         const regex_rs = new RegExp('/docs/(latest|staging\/.+)/operate/rs/.*')
+        const regex_rdi = new RegExp('/docs/(latest|staging\/.+)/integrate/redis-data-integration/.*')
 
         if (regex_kubernetes.test(currentUrl)){
             // unhide kubernetes version selector
@@ -14,6 +15,10 @@
             // unhide rs version selector
             document.getElementById( 'versionSelectorRs' ).style.display = '';
         }
+        else if (regex_rdi.test(currentUrl)) {
+            // unhide rdi version selector
+            document.getElementById( 'versionSelectorRedis-Data-Integration' ).style.display = '';
+        }
     }
 
     function _setSelectedVersion(product, ver) {
@@ -48,7 +53,7 @@
         var versionsDropdown = document.getElementById("versionDropdown" + product).children
         var versionsDropdownLength = versionsDropdown.length
 
-        const regex = new RegExp(String.raw`^.+\/operate\/${productLowercase}`,"g");
+        const regex = new RegExp(String.raw`^.+\/(?:operate|integrate)\/${productLowercase}`,"g");
         const versionRegex = /^(\/\d+\.\d+(?:\.\d+)?(?:\-\d+)?)?/g;
 
         // for each version in dropdown, edit its href link