diff --git a/demo/src/app/pages/getting-started/getting-started.page.html b/demo/src/app/pages/getting-started/getting-started.page.html
index b4fee3e92..959c331be 100644
--- a/demo/src/app/pages/getting-started/getting-started.page.html
+++ b/demo/src/app/pages/getting-started/getting-started.page.html
@@ -27,6 +27,10 @@ <h2 class="ui dividing header">Installation</h2>
         <demo-codeblock language="typescript" [src]="individualImportCode"></demo-codeblock>
     </div>
     <p>Now you're good to go!</p>
+    <p><strong>Note</strong> if you're using SystemJS, add the following to your <code>systemjs.config.js</code> file:</p>
+    <div class="ui segment">
+        <demo-codeblock language="typescript" [src]="systemJSCode"></demo-codeblock>
+    </div>
     <h2 class="ui dividing header">Dependencies</h2>
     <div class="ui bulleted list">
         <div class="item"><a href="https://angular.io">Angular 2</a> (^4.0.0)</div>
diff --git a/demo/src/app/pages/getting-started/getting-started.page.ts b/demo/src/app/pages/getting-started/getting-started.page.ts
index 1ba58ca47..3b4b55345 100644
--- a/demo/src/app/pages/getting-started/getting-started.page.ts
+++ b/demo/src/app/pages/getting-started/getting-started.page.ts
@@ -12,7 +12,7 @@ import { Component } from '@angular/core';
 })
 export class GettingStartedPage {
     public installCode:string = `$ npm install ng2-semantic-ui --save`;
-    public includeCssCode:string = `<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.css">`;
+    public includeCssCode:string = `<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css">`;
     public importCode:string = `import {SuiModule} from 'ng2-semantic-ui';`;
     public moduleImportCode:string = `
 import {SuiModule} from 'ng2-semantic-ui';
@@ -23,6 +23,15 @@ import {SuiModule} from 'ng2-semantic-ui';
     bootstrap: [AppComponent]
 })
 export class AppModule {}
+`;
+    public systemJSCode:string = `
+var config = {
+    ...
+    map: {
+        ...
+        'ng2-semantic-ui': 'npm:ng2-semantic-ui/bundles/ng2-semantic-ui.umd.min.js'
+    }
+}
 `;
     public individualImportCode:string = `import {SuiCheckboxModule, SuiRatingModule} from 'ng2-semantic-ui';`;
 }