diff --git a/web/pages/components/main-layout.tsx b/web/pages/components/main-layout.tsx
index 1e9aae6a8..ef34c4dc5 100644
--- a/web/pages/components/main-layout.tsx
+++ b/web/pages/components/main-layout.tsx
@@ -14,7 +14,9 @@ import {
   PlayCircleFilled,
   MinusSquareFilled,
   QuestionCircleOutlined,
-  MessageOutlined
+  MessageOutlined,
+  ExperimentOutlined,
+
 } from '@ant-design/icons';
 import classNames from 'classnames';
 import { upgradeVersionAvailable } from "../../utils/apis";
@@ -150,6 +152,18 @@ export default function MainLayout(props) {
               </Link>
             </Menu.Item>
           </SubMenu>
+          <SubMenu
+            key="integrations-menu"
+            icon={<ExperimentOutlined />}
+            title="Integrations"
+          >
+            <Menu.Item key="webhooks">
+              <Link href="/webhooks">Webhooks</Link>
+            </Menu.Item>
+            <Menu.Item key="access-tokens">
+              <Link href="/access-tokens">Access Tokens</Link>
+            </Menu.Item>
+          </SubMenu>
           <Menu.Item
             key="help"
             icon={<QuestionCircleOutlined />}