diff --git a/frontend/src/actions/login/authActions.js b/frontend/src/actions/login/authActions.js
index 74c3fb6..6cf7f25 100644
--- a/frontend/src/actions/login/authActions.js
+++ b/frontend/src/actions/login/authActions.js
@@ -165,6 +165,13 @@ export const getModules = () => {
                         url: 'cart',
                         isInMenu: '0'
                     },
+                    {
+                        id: '20',
+                        name: 'HelpDesk',
+                        menuName: 'Helpdesk',
+                        url: 'helpdesk',
+                        isInMenu: '0'
+                    },
                     {
                         id: '14',
                         name: 'ProfileSettings',
diff --git a/frontend/src/constants/appContainers.js b/frontend/src/constants/appContainers.js
index 22e9f42..9d94010 100644
--- a/frontend/src/constants/appContainers.js
+++ b/frontend/src/constants/appContainers.js
@@ -4,6 +4,7 @@ import CoMarketContainer from '../containers/coMarket/CoMarketContainer.jsx';
 import CartContainer from '../containers/cart/CartContainer.jsx';
 import TermsContainer from '../containers/terms/TermsContainer.jsx';
 import ProfileSettingsContainer from '../containers/profileSettings/ProfileSettingsContainer.jsx';
+import HelpDeskContainer from '../containers/HelpDesk/HelpDeskContainer.jsx';
 
 export const MainContainers = {
      Dashboards: {
@@ -22,6 +23,10 @@ export const MainContainers = {
          container: CartContainer,
          params: []
      },
+     HelpDesk:{
+         container: HelpDeskContainer,
+         params: []
+     },
      Terms: {
          container: TermsContainer,
          params: []
diff --git a/frontend/src/containers/HelpDesk/HelpDeskContainer.jsx b/frontend/src/containers/HelpDesk/HelpDeskContainer.jsx
new file mode 100644
index 0000000..9ef8a68
--- /dev/null
+++ b/frontend/src/containers/HelpDesk/HelpDeskContainer.jsx
@@ -0,0 +1,11 @@
+import React, {Component} from 'react';
+import './style/HelpDesk.css';
+
+class HelpDeskContainer extends Component {
+    render() {
+        
+        return (<iframe src='https://wiaas.freshservice.com/support/login'></iframe>);
+    }
+}
+
+export default HelpDeskContainer;
\ No newline at end of file
diff --git a/frontend/src/containers/HelpDesk/style/HelpDesk.scss b/frontend/src/containers/HelpDesk/style/HelpDesk.scss
new file mode 100644
index 0000000..7f2adf3
--- /dev/null
+++ b/frontend/src/containers/HelpDesk/style/HelpDesk.scss
@@ -0,0 +1,6 @@
+iframe {
+    display: block;
+    border: none;
+    width: 100%;
+    height: 100vh;
+}
diff --git a/frontend/src/mainComponents/menu/Menu.jsx b/frontend/src/mainComponents/menu/Menu.jsx
index 4e18523..16428e9 100644
--- a/frontend/src/mainComponents/menu/Menu.jsx
+++ b/frontend/src/mainComponents/menu/Menu.jsx
@@ -84,6 +84,13 @@ class Menu extends Component {
                                 )
                             }
                         </Nav>
+                        <Nav className="nav-btn-cart navbar-right" navbar>
+                            <NavItem 
+                                id="nav-button-helpdesk" 
+                                className={(this.props.activeModule === 'helpdesk') ? "navbar-button active" : "navbar-button"}>
+                                <NavLink tag={Link} to="/helpdesk">Helpdesk</NavLink>
+                            </NavItem>
+                        </Nav>
                         <Nav className="nav-btn-cart navbar-right" navbar>
                             <NavItem id="nav-button-cart" className="navbar-button">
                                 <NavLink tag={Link} to="/cart">