This is a simple demonstration of how to embed vZome viewer elements in your own web pages.
This works not just in websites you develop by hand, but also in sites generated from content management systems like WordPress, as this site is. This also works for e-commerce systems like Shopify and BigCommerce.
This script tag can go anywhere in the HTML, but if you have a way to put in in the head, that’s preferred:
<script type="module" src="https://www.vzome.com/modules/vzome-viewer.js" defer="defer"></script>
That script enables the use of vzome-viewer elements on the page. This is a vzome-viewer element pointed at a publicly hosted vZome file:
<vzome-viewer style="width: 100%; height: 50vh;" src="/blog/wp-content/uploads/2022/08/A4-F-ghostQ.vzome"></vzome-viewer>
The vzome-viewer element above generates this viewer: