diff --git a/previewers/betatest/ROCrateDeltablot.html b/previewers/betatest/ROCrateDeltablot.html
index 887dc59..dfd8db3 100644
--- a/previewers/betatest/ROCrateDeltablot.html
+++ b/previewers/betatest/ROCrateDeltablot.html
@@ -46,6 +46,11 @@ <h1 class="page-title rocratePreviewText">RO-Crate Preview</h1>
         <div class='preview-container'>
             <div class='preview-header'></div>
             <div class='preview'>
+                <script type="module">
+                    import { Builder } from 'https://unpkg.com/@deltablot/ro-crate2html@0.1.0/dist/main.js';
+                    const deltablot = {};
+                    deltablot.Builder = Builder;
+                </script>
                 <div id='ro-crate-metadata'></div>
             </div>
         </div>
diff --git a/previewers/betatest/js/rocrate-deltablot.js b/previewers/betatest/js/rocrate-deltablot.js
index e6497b5..16a55c2 100644
--- a/previewers/betatest/js/rocrate-deltablot.js
+++ b/previewers/betatest/js/rocrate-deltablot.js
@@ -1,5 +1,3 @@
-import { Builder } from 'https://unpkg.com/@deltablot/ro-crate2html@0.1.0/dist/main.js';
-
 document.querySelectorAll('[data-file]').forEach(el => {
     displayContent(el.dataset.file);
 });
@@ -13,7 +11,7 @@ function translateBaseHtmlPage() {
 }
 
 function writeContentAndData(data, fileUrl, file, title, authors) {
-    const builder = new Builder();
+    const builder = new deltablot.Builder();
     const result = builder.parse(data);
     const targetDiv = document.getElementById('ro-crate-metadata');
     result.forEach(el => targetDiv.appendChild(el));