diff --git a/src/views/page-rocketchat.pug b/src/views/page-rocketchat.pug
new file mode 100644
index 0000000000000000000000000000000000000000..cf5be5d3ee135d05f73bdc235b194097decd1b1d
--- /dev/null
+++ b/src/views/page-rocketchat.pug
@@ -0,0 +1 @@
+iframe(width='100%', height='100%', src=`${component.parameters.target}`)
diff --git a/src/views/partials/menu-left.pug b/src/views/partials/menu-left.pug
index 2fd8c5ae51852ec2dd6645d059554c08dc5f7084..af4584c1ab8df532694ec11c568c60cf57cca50d 100644
--- a/src/views/partials/menu-left.pug
+++ b/src/views/partials/menu-left.pug
@@ -31,7 +31,6 @@ solid-router#navbar-router(default-route=defaultRoute)
             div.segment.icon.icon-small.icon-grid
           div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.communities")
         div.divider
-          
       if component.type == "circles"
         div.jsMenuTab
           div.menu-header.segment.full.padding-xsmall.text-semibold.text-color-white.bg-color-heading.transparent-background.hover.cursor-pointer.jsMenuHeader
@@ -100,6 +99,12 @@ solid-router#navbar-router(default-route=defaultRoute)
               filtered-by="general-search"
               order-asc="contact.name"
             )
+      if component.type == "rocketchat"
+        solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.transparent-background.hover.active(name=component.route)
+          div.segment.margin-right-xxsmall
+            div.segment.icon.icon-small.icon-briefcase
+          div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.rocketchat")
+        div.divider
       if component.type == "projects"
         div.jsMenuTab
           div.menu-header.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.transparent-background.hover.active.cursor-pointer.jsMenuHeader