diff --git a/js/plugins/widgetbootstrap/plugin.js b/js/plugins/widgetbootstrap/plugin.js
index 7dc164a..2521420 100644
--- a/js/plugins/widgetbootstrap/plugin.js
+++ b/js/plugins/widgetbootstrap/plugin.js
@@ -13,128 +13,128 @@
 
     icons: 'widgetbootstrapLeftCol,widgetbootstrapRightCol,widgetbootstrapTwoCol,widgetbootstrapThreeCol',
 
-    init(editor) {
+    init: function(editor) {
     // Configurable settings
     // var allowedWidget = editor.config.widgetbootstrap_allowedWidget != undefined ?
     // editor.config.widgetbootstrap_allowedFull :
     //    'p h2 h3 h4 h5 h6 span br ul ol li strong em img[!src,alt,width,height]';
 
-      const showButtons = editor.config.widgetbootstrapShowButtons !== 'undefined' ? editor.config.widgetbootstrapShowButtons : true;
+      var showButtons = editor.config.widgetbootstrapShowButtons !== undefined ? editor.config.widgetbootstrapShowButtons : true;
 
       // Define the widgets
       editor.widgets.add('widgetbootstrapLeftCol', {
 
-        button: showButtons ? 'Add left column box' : 'undefined',
+        button: showButtons ? 'Add left column box' : undefined,
 
         template:
-                '<div class="row two-col-left">' +
-                    '<div class="col-sm-3 col-md-3 col-sidebar"><p><img src="https://placehold.it/300x250&text=Image" /></p></div>' +
-                    '<div class="col-sm-9 col-md-9 col-main"><p>Content</p></div>' +
-                '</div>',
+                '<div class="row two-col-left">'
+                    + '<div class="col-sm-3 col-md-3 col-sidebar"><p><img src="https://placehold.it/300x250&text=Image" /></p></div>'
+                    + '<div class="col-sm-9 col-md-9 col-main"><p>Content</p></div>'
+                + '</div>',
 
         editables: {
           col1: {
-            selector: '.col-sidebar'
+            selector: '.col-sidebar',
           },
           col2: {
-            selector: '.col-main'
-          }
+            selector: '.col-main',
+          },
         },
 
-        upcast(element) {
+        upcast: function(element) {
           return element.name === 'div' && element.hasClass('two-col-right-left');
-        }
+        },
 
       });
 
       editor.widgets.add('widgetbootstrapRightCol', {
 
-        button: showButtons ? 'Add right column box' : 'undefined',
+        button: showButtons ? 'Add right column box' : undefined,
 
         template:
-                '<div class="row two-col-right">' +
-                     '<div class="col-sm-9 col-md-9 col-main"><p>Content</p></div>' +
-                     '<div class="col-sm-3 col-md-3 col-sidebar"><p><img src="https://placehold.it/300x250&text=Image" /></p></div>' +
-                '</div>',
+                '<div class="row two-col-right">'
+                    + '<div class="col-sm-9 col-md-9 col-main"><p>Content</p></div>'
+                    + '<div class="col-sm-3 col-md-3 col-sidebar"><p><img src="https://placehold.it/300x250&text=Image" /></p></div>'
+                + '</div>',
 
         editables: {
           col1: {
-            selector: '.col-sidebar'
+            selector: '.col-sidebar',
           },
           col2: {
-            selector: '.col-main'
-          }
+            selector: '.col-main',
+          },
         },
 
-        upcast(element) {
+        upcast: function(element) {
           return element.name === 'div' && element.hasClass('two-col-right');
-        }
+        },
 
       });
 
       editor.widgets.add('widgetbootstrapTwoCol', {
 
-        button: showButtons ? 'Add two column box' : 'undefined',
+        button: showButtons ? 'Add two column box' : undefined,
 
         template:
-                '<div class="row two-col">' +
-                     '<div class="col-sm-6 col-md-6 col-1"><p><img src="https://placehold.it/500x280&text=Image" /></p><p>Content</p></div>' +
-                     '<div class="col-sm-6 col-md-6 col-2"><p><img src="https://placehold.it/500x280&text=Image" /></p><p>Content</p></div>' +
-                '</div>',
+                '<div class="row two-col">'
+                    + '<div class="col-sm-6 col-md-6 col-1"><p><img src="https://placehold.it/500x280&text=Image" /></p><p>Content</p></div>'
+                    + '<div class="col-sm-6 col-md-6 col-2"><p><img src="https://placehold.it/500x280&text=Image" /></p><p>Content</p></div>'
+                + '</div>',
 
         editables: {
           col1: {
-            selector: '.col-1'
+            selector: '.col-1',
           },
           col2: {
-            selector: '.col-2'
-          }
+            selector: '.col-2',
+          },
         },
 
-        upcast(element) {
+        upcast: function(element) {
           return element.name === 'div' && element.hasClass('two-col');
-        }
+        },
 
       });
 
       editor.widgets.add('widgetbootstrapThreeCol', {
 
-        button: showButtons ? 'Add three column box' : 'undefined',
+        button: showButtons ? 'Add three column box' : undefined,
 
         template:
-                '<div class="row three-col">' +
-                     '<div class="col-sm-4 col-md-4 col-1"><p><img src="https://placehold.it/400x225&text=Image" /></p><p>Text below</p></div>' +
-                     '<div class="col-sm-4 col-md-4 col-2"><p><img src="https://placehold.it/400x225&text=Image" /></p><p>Text below</p></div>' +
-                     '<div class="col-sm-4 col-md-4 col-3"><p><img src="https://placehold.it/400x225&text=Image" /></p><p>Text below</p></div>' +
-                 '</div>',
+                '<div class="row three-col">'
+                    + '<div class="col-sm-4 col-md-4 col-1"><p><img src="https://placehold.it/400x225&text=Image" /></p><p>Text below</p></div>'
+                    + '<div class="col-sm-4 col-md-4 col-2"><p><img src="https://placehold.it/400x225&text=Image" /></p><p>Text below</p></div>'
+                    + '<div class="col-sm-4 col-md-4 col-3"><p><img src="https://placehold.it/400x225&text=Image" /></p><p>Text below</p></div>'
+                + '</div>',
 
         editables: {
           col1: {
-            selector: '.col-1'
+            selector: '.col-1',
           },
           col2: {
-            selector: '.col-2'
+            selector: '.col-2',
           },
           col3: {
-            selector: '.col-3'
-          }
+            selector: '.col-3',
+          },
         },
 
-        upcast(element) {
+        upcast: function(element) {
           return element.name === 'div' && element.hasClass('three-col');
-        }
+        },
 
       });
       // Append the widget's styles when in the CKEditor edit page,
       // added for better user experience.
       // Assign or append the widget's styles depending on the existing setup.
       if (typeof editor.config.contentsCss === 'object') {
-        editor.config.contentsCss.push(CKEDITOR.getUrl(`${this.path}contents.css`));
+        editor.config.contentsCss.push(CKEDITOR.getUrl(this.path + 'contents.css'));
       }
       else {
-        editor.config.contentsCss = [editor.config.contentsCss, CKEDITOR.getUrl(`${this.path}contents.css`)];
+        editor.config.contentsCss = [editor.config.contentsCss, CKEDITOR.getUrl(this.path + 'contents.css')];
       }
-    }
+    },
 
 
   });
diff --git a/js/plugins/widgettemplatemenu/plugin.js b/js/plugins/widgettemplatemenu/plugin.js
index e3eeff1..de12f74 100644
--- a/js/plugins/widgettemplatemenu/plugin.js
+++ b/js/plugins/widgettemplatemenu/plugin.js
@@ -9,51 +9,59 @@
   // Register plugin.
   CKEDITOR.plugins.add('widgettemplatemenu', {
     requires: 'menu',
-
-    init(editor) {
+    icons: 'widgettemplatemenu',
+    init: function(editor) {
       // Set the default button info based on installed plugins
-      const buttonData = {};
-      if (editor.plugins.widgetbootstrap !== 'undefined') {
+      var buttonData = {};
+      if (editor.plugins.widgetbootstrap !== undefined) {
         buttonData.widgetbootstrapLeftCol = 'Insert left column template';
         buttonData.widgetbootstrapRightCol = 'Insert right column template';
         buttonData.widgetbootstrapTwoCol = 'Insert two column template';
         buttonData.widgetbootstrapThreeCol = 'Insert three column template';
       }
+      // Get the enabled menu items from editor.config
+      if (editor.config.widgettemplatemenuButtons !== undefined) {
+        var config = editor.config.widgettemplatemenuButtons.split(',');
+        var buttons = {};
+        for (var i = 0; i < config.length; i++) {
+          buttons[config[i]] = buttonData[config[i]];
+        }
+      }
+      else {
+        var buttons = buttonData;
+      }
 
       // Build the list of menu items
-      const items = {};
-      if (buttonData !== 'undefined') {
-        for (const key in buttonData) {
-          if (buttonData.hasOwnProperty(key)) {
-            items[key] = {
-              label: buttonData[key],
-              command: key,
-              group: 'widgettemplatemenu',
-              icon: key
-            };
-          }
-        }
+      var items = {};
+      for (var key in buttons) {
+        items[key] = {
+          label: buttons[key],
+          command: key,
+          group: 'widgettemplatemenu',
+          icon: key,
+        };
       }
+
       // Items must belong to a group.
       editor.addMenuGroup('widgettemplatemenu');
       editor.addMenuItems(items);
 
       editor.ui.add('WidgetTemplateMenu', CKEDITOR.UI_MENUBUTTON, {
         label: 'Insert Template',
-        icon: `${this.path}icons/widgettemplatemenu.png`,
-        onMenu() {
+        icon: this.path + 'icons/widgettemplatemenu.png',
+        onMenu: function() {
           // You can control the state of your commands live, every time
           // the menu is opened.
           return {
-            widgetcommonQuotebox: editor.commands.widgetcommonQuotebox === 'undefined' ? false : editor.commands.widgetbootstrapLeftCol.state,
-            widgetbootstrapLeftCol: editor.commands.widgetbootstrapLeftCol === 'undefined' ? false : editor.commands.widgetbootstrapLeftCol.state,
-            widgetbootstrapRightCol: editor.commands.widgetbootstrapRightCol === 'undefined' ? false : editor.commands.widgetbootstrapRightCol.state,
-            widgetbootstrapTwoCol: editor.commands.widgetbootstrapTwoCol === 'undefined' ? false : editor.commands.widgetbootstrapTwoCol.state,
-            widgetbootstrapThreeCol: editor.commands.widgetbootstrapThreeCol === 'undefined' ? false : editor.commands.widgetbootstrapThreeCol.state
+            widgetcommonQuotebox: editor.commands.widgetcommonQuotebox === undefined ? false : editor.commands.widgetbootstrapLeftCol.state,
+            widgetbootstrapLeftCol: editor.commands.widgetbootstrapLeftCol === undefined ? false : editor.commands.widgetbootstrapLeftCol.state,
+            widgetbootstrapRightCol: editor.commands.widgetbootstrapRightCol === undefined ? false : editor.commands.widgetbootstrapRightCol.state,
+            widgetbootstrapTwoCol: editor.commands.widgetbootstrapTwoCol === undefined ? false : editor.commands.widgetbootstrapTwoCol.state,
+            widgetbootstrapThreeCol: editor.commands.widgetbootstrapThreeCol === undefined ? false : editor.commands.widgetbootstrapThreeCol.state,
           };
-        }
+        },
       });
-    }
+    },
 
   });
 }());