diff --git a/js/serial_backend.js b/js/serial_backend.js
index 16bdf42c51..b6aba07f8d 100755
--- a/js/serial_backend.js
+++ b/js/serial_backend.js
@@ -207,6 +207,13 @@ function onConnect() {
     $('div#port-picker a.connect').text(chrome.i18n.getMessage('disconnect')).addClass('active');
     $('#tabs ul.mode-disconnected').hide();
     $('#tabs ul.mode-connected').show();
+
+    if ("CLFL" == CONFIG.flightControllerIdentifier){
+        var helpButton = $('#button-help');
+        helpButton.show();
+        helpButton.html("Documentation for "+CONFIG.flightControllerVersion);
+        helpButton.attr("href","https://github.com/cleanflight/cleanflight/tree/v{0}/docs".format(CONFIG.flightControllerVersion));
+    }
 }
 
 function onClosed(result) {
@@ -218,6 +225,7 @@ function onClosed(result) {
 
     $('#tabs ul.mode-connected').hide();
     $('#tabs ul.mode-disconnected').show();
+    $('#button-help').hide();
 }
 
 function read_serial(info) {
diff --git a/main.css b/main.css
old mode 100644
new mode 100755
index ec19b6c393..2e773e1b21
--- a/main.css
+++ b/main.css
@@ -154,6 +154,18 @@ input[type="number"]::-webkit-inner-spin-button {
 #sensor-status .on {
     background-color: #b8cf02;
 }
+#button-help {
+    float: right;
+    height: 18px;
+    line-height: 18px;
+    background-color: yellow;
+    color: #000;
+    font-weight: bold;
+    border: solid 1px;
+    padding: 0px 2px 0px 2px;
+    margin: 0px 10px 0px 0px;
+    display: none;
+}
 #options {
     float: right;
 
diff --git a/main.html b/main.html
index 829d2bb0b5..80efccdc36 100755
--- a/main.html
+++ b/main.html
@@ -103,6 +103,7 @@
                 </ul>
             </div>
             <a id="options" href="#" i18n_title="options_title"></a>
+            <a id="button-help" href="#" target="_blank"></a>
             <div id="sensor-status">
                 <ul>
                     <li class="gyro" title="Gyroscope">Gyro</li>