I have two .js libraries and an html section for an animation that I would like to show on my page. However, I am struggling to get it working. None of what I tried worked.
Here’s what I did:
- I assigned the CSS ID to a column that is the div ID in the animation script
- I added an html widget in which I pasted the html of the animation (this is mostly changeable parameters such as references to image URLs used in the animation as well as the script srcs (example: "js/libname.js") of the two libraries
- I tried adding the script from the two libraries in two ways: (i) via the Insert Header & Footer plugin and (2) directly adding the code inside <script> into the html widget.
Putting the code directly into the html widget, I can see the animation in the WYSIWYG but not in the page preview… (this also slows down / freezes the Elementor interface)