diff --git a/lib/components/SideMenu/side-menu.html b/lib/components/SideMenu/side-menu.html
index 7a5f6ccd92..25fc0940f0 100644
--- a/lib/components/SideMenu/side-menu.html
+++ b/lib/components/SideMenu/side-menu.html
@@ -4,8 +4,14 @@
     <span class="selected-endpoint">{{activeItemCaption}}</span>
   </span>
 </div>
+<ng-template #default>
+  <side-menu-items [items]="menuItems" (activate)="activateAndScroll($event)"></side-menu-items>
+</ng-template>
+
 <div #desktop id="resources-nav">
   <ul class="menu-root">
-    <side-menu-items [items]="menuItems" (activate)="activateAndScroll($event)"></side-menu-items>
+    <div *ngIf="itemsTemplate; else default">
+      <ng-container *ngTemplateOutlet="itemsTemplate; context: this"></ng-container>
+    </div>
   </ul>
 </div>
diff --git a/lib/components/SideMenu/side-menu.ts b/lib/components/SideMenu/side-menu.ts
index 66018c23be..a30f5aa141 100644
--- a/lib/components/SideMenu/side-menu.ts
+++ b/lib/components/SideMenu/side-menu.ts
@@ -50,6 +50,7 @@ export class SideMenu implements OnInit, OnDestroy {
   activeCatCaption: string;
   activeItemCaption: string;
   menuItems: Array<MenuItem>;
+  @Input() itemsTemplate;
 
   private options: any;
   private $element: any;