diff --git a/client/gulpfile.js b/client/gulpfile.js
index 85f254b65468..ac4dee853b37 100644
--- a/client/gulpfile.js
+++ b/client/gulpfile.js
@@ -38,7 +38,7 @@ const STATIC_PLUGIN_BUILD_IDS = [
     "ts_visjs",
     "venn",
 ];
-const INSTALL_PLUGIN_BUILD_IDS = ["msa"]; // todo: derive from XML
+const INSTALL_PLUGIN_BUILD_IDS = ["ngl", "msa"]; // todo: derive from XML
 const DIST_PLUGIN_BUILD_IDS = ["new_user"];
 const PLUGIN_BUILD_IDS = Array.prototype.concat(DIST_PLUGIN_BUILD_IDS, STATIC_PLUGIN_BUILD_IDS);
 
@@ -245,10 +245,11 @@ async function installDependenciesFromXML(xmlPath, pluginDir) {
                     );
 
                     if (installResult.status === 0) {
-                        await fs.copy(
-                            path.join(pluginDir, "node_modules", pkgName, "static"),
-                            path.join(pluginDir, "static")
-                        );
+                        const packagePath = path.join(pluginDir, "node_modules", pkgName);
+                        const defaultPath = path.join(packagePath, "static");
+                        const alternatePath = path.join(packagePath, "dist/static");
+                        const sourcePath = fs.existsSync(defaultPath) ? defaultPath : alternatePath;
+                        await fs.copy(sourcePath, path.join(pluginDir, "static"));
                         console.log(`Installed package ${pkgName}@${version} in ${pluginDir}`);
                     } else {
                         console.error(`Error installing package ${pkgName}@${version} in ${pluginDir}`);
diff --git a/config/plugins/visualizations/example/config/example.xml b/config/plugins/visualizations/example/config/example.xml
index 4fe2e0f38ff5..7ebf2f643a12 100644
--- a/config/plugins/visualizations/example/config/example.xml
+++ b/config/plugins/visualizations/example/config/example.xml
@@ -20,13 +20,13 @@
             <type>setting_type</type>
         </input>
     </settings>
-    <groups>
+    <tracks>
         <input>
-            <name>group_input</name>
-            <help>group help</help>
-            <type>group_type</type>
+            <name>track_input</name>
+            <help>track help</help>
+            <type>track_type</type>
         </input>
-    </groups>
+    </tracks>
     <specs>
         <spec_name>spec_value</spec_name>
     </specs>
diff --git a/config/plugins/visualizations/ngl/config/ngl.xml b/config/plugins/visualizations/ngl/config/ngl.xml
index d9968c3c7d8a..41b1dc3684a9 100644
--- a/config/plugins/visualizations/ngl/config/ngl.xml
+++ b/config/plugins/visualizations/ngl/config/ngl.xml
@@ -12,10 +12,10 @@
     <params>
         <param type="dataset" var_name_in_template="hda" required="true">dataset_id</param>
     </params>
-    <entry_point
-        entry_point_type="script"
-        src="https://cdn.jsdelivr.net/gh/guerler/galaxy-visualizations@add_ngl/packages/ngl/dist/static/assets/index.js"
-        css="https://cdn.jsdelivr.net/gh/guerler/galaxy-visualizations@add_ngl/packages/ngl/dist/static/assets/index.css" />
+    <requirements>
+        <requirement type="npm" version="0.0.4" package="galaxy-visualization-ngl"/>
+    </requirements>
+    <entry_point entry_point_type="script" src="assets/index.js" css="assets/index.css" />
     <settings>
         <input>
             <label>Quality</label>