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