Adding JS annotations to a 3D model in an iframe

Design help Custom code
1

Hi everyone,

Webflow and web design newbie here. I’m trying to implement a similar annotations feature to a 3d model i’m displaying from Vectary in an iframe to the image below.

Screen Shot 2021-06-29 at 9.17.28 PM
Screen Shot 2021-06-29 at 9.17.28 PM1958×1356 131 KB

I copied the code to the page custom code section as instructed, but the JS annotations don’t show up. I tested the code with JSFiddle and it works fine there, but not when I publish to my test site. The interactivity of the 3d model works fine though.

I’ve looked around as much as I can but can’t figure this one out. Any help would be appreciated.

Here is my site Read-Only:

3

Solved it! I used the console to see what the errors were, turns out I was missing “type=“module”” from my JS script tag.