vitrine

Add photorealistic, interactive 3D product viewers to your WordPress site. Upload a GLB model to <a href="https://vitrine3d.com" rel="nofollow ugc">vitrine</a>, style it in the visual editor, and embed it with a single block — no coding required.
Features:
<ul>
<li>Gutenberg block — search “vitrine” in the block inserter</li>
<li>Configurable aspect ratio (4:3, 1:1, 16:9, 3:4)</li>
<li>Responsive (fills container width)</li>
<li>Loads the viewer script only on pages that use the block</li>
<li>Works with the Site Editor (FSE) and classic themes</li>
<li>WebGPU rendering with automatic WebGL2 fallback</li>
</ul>
The viewer runs entirely in the browser using WebAssembly. No server-side rendering, no iframes.
How to get a Showcase ID:
<ol>
<li>Go to <a href="https://app.vitrine3d.com" rel="nofollow ugc">app.vitrine3d.com</a></li>
<li>Upload a GLB or GLTF model</li>
<li>Style the scene (lighting, camera, background)</li>
<li>Publish the showcase</li>
<li>Copy the Showcase ID from the embed panel</li>
</ol>
External services
This plugin connects to <a href="https://vitrine3d.com" rel="nofollow ugc">vitrine</a> to load the 3D viewer and resolve showcase data:
<ul>
<li>Viewer script — loaded from <code>cdn.vitrine3d.com/vitrine.js</code> on frontend pages that contain the block. This script boots the WebAssembly 3D viewer in the visitor’s browser.</li>
<li>Showcase API — called in the block editor to fetch a thumbnail preview when you enter a Showcase ID. The request is made to <code>lgjkyhbpoosidprneotg.supabase.co/functions/v1/resolve-showcase</code>.</li>
</ul>
No personal data is sent to these services. Only the Showcase ID is transmitted to resolve the 3D scene configuration and assets.
<ul>
<li><a href="https://vitrine3d.com/terms" rel="nofollow ugc">vitrine Terms of Service</a></li>
<li><a href="https://vitrine3d.com/privacy" rel="nofollow ugc">vitrine Privacy Policy</a></li>
</ul>

vitrine 3D Viewer

Embed interactive 3D product viewers in any page or post.

Andy Fragen

Alex Kirk

Colin Stewart

Embed a PDF from the Media Library or elsewhere via oEmbed or as a block into an <code>iframe</code> tag. The URL only has to be world reachable link. Chrome uses Google Doc Viewer as Chrome seems to automatically rendered embedded JS in PDFs automatically. Uses Google Doc Viewer with mobile.
Inspired by <a href="https://wordpress.org/plugins/dirtysuds-embed-pdf/" rel="ugc">Embed PDF</a> and <a href="https://wordpress.org/plugins/rv-embed-pdf/" rel="ugc">RV Embed PDF</a>.
Many thanks to <a href="https://github.com/akirk" rel="nofollow ugc">Alex Kirk</a> for making Embed PDF Viewer compatible with the new block editor.
Development on <a href="https://github.com/afragen/embed-pdf-viewer" rel="nofollow ugc">GitHub</a>. Pull requests are welcome against the <code>develop</code> branch.
<h3>Known Issues</h3>
Occasionally Google Doc Viewer will not correctly load the PDF. Reloading the page should correct the issue, though this may need to be done several times.

Embed PDF Viewer

No settings, just add the link of the PDF on a page or use a block.

Had issue with the viewer width, but there's a simple solution for that as well, check this thread.

Thanks!

Works out of the box

Fantastic

Embed a PDF from the Media Library or elsewhere via oEmbed or as a block into an iframe tag.

vitrine 3D Viewer vs Embed PDF Viewer