diff --git a/src/index.pug b/src/index.pug
index 9f420ab92f4cad011883c7d9ae965f8e12c1f574..7d9df65412e6422237a437e0a8afc7208dc12625 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -107,6 +107,9 @@ html(lang="en")
               if component.type == "about"
                 include views/page-about.pug
 
+              if component.type == "rocketchat"
+                include views/page-rocketchat.pug
+
               if component.type == "chat"
                 .whitespace-normal
                   orbit-reactivity(bind-user nested-field='inbox' target-src="store://user.contacts.@id")
diff --git a/src/views/page-rocketchat.pug b/src/views/page-rocketchat.pug
new file mode 100644
index 0000000000000000000000000000000000000000..a698f1beffa59924b2457effad9939928e65141d
--- /dev/null
+++ b/src/views/page-rocketchat.pug
@@ -0,0 +1,2 @@
+div.scrollbar-content(data-view=rocketchat)
+  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