diff --git a/packages/server/src/api/controllers/static/templates/BudibaseApp.svelte b/packages/server/src/api/controllers/static/templates/BudibaseApp.svelte
index 4bf54f2c91..227f980896 100644
--- a/packages/server/src/api/controllers/static/templates/BudibaseApp.svelte
+++ b/packages/server/src/api/controllers/static/templates/BudibaseApp.svelte
@@ -88,9 +88,7 @@
   <!-- But before loadBudibase is called -->
   {#if usedPlugins?.length}
     {#each usedPlugins as plugin}
-      <script
-        type="application/javascript"
-        src={`/plugins/${plugin.jsUrl}`}></script>
+      <script type="application/javascript" src={plugin.jsUrl}></script>
     {/each}
   {/if}
   <script type="application/javascript">
diff --git a/packages/server/src/utilities/plugins.js b/packages/server/src/utilities/plugins.js
index e69de29bb2..fae15fb184 100644
--- a/packages/server/src/utilities/plugins.js
+++ b/packages/server/src/utilities/plugins.js
@@ -0,0 +1,20 @@
+import env from "../environment"
+import { plugins as ProPlugins } from "@budibase/pro"
+
+export const enrichPluginURLs = plugins => {
+  if (!plugins || !plugins.length) {
+    return []
+  }
+  return plugins.map(plugin => {
+    const cloud = !env.SELF_HOSTED
+    // In self host we need to prefix the path, as "plugins" is not part of the
+    // bucket path. In cloud, "plugins" is already part of the bucket path.
+    let jsUrl = cloud ? "https://cdn.budi.live/" : "/plugins/"
+    jsUrl += ProPlugins.getBucketPath(plugin.name)
+    jsUrl += "plugin.min.js"
+    return {
+      ...plugin,
+      jsUrl,
+    }
+  })
+}