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.

WPXERO

Abu Talib

ADDONIUM

<h3>The All-in-One 360° Panorama, Virtual Tour, 360 Video & AR 3D Plugin for WordPress</h3>
Photo Sphere Viewer is the most complete 360° panorama plugin for WordPress — embed interactive 360 panoramic images, build multi-scene virtual tours, play immersive 360° videos, and showcase AR-ready 3D models (.glb / .gltf) on any page. Works natively with Elementor, the Gutenberg block editor, and a visual Shortcode Builder — no coding required.
Built for real estate virtual tours, hotel room previews, 360 photographer portfolios, travel & tourism websites, museum & campus tours, WooCommerce 360 product views, and AR product configurators — Photo Sphere Viewer turns any WordPress site into an immersive experience.
 <a href="https://wpxero.com/plugins/photo-sphere-viewer/pricing/" rel="nofollow ugc">Upgrade to Pro</a>
<h3>Built for DJI, Ricoh Theta, Insta360 & Pro 360° Cameras</h3>
Photo Sphere Viewer is purpose-built for professional equirectangular workflows:
<ul>
<li>DJI Matrice & drone panoramas — Loads true un-scaled original uploads via the built-in <code>ImageResolver</code>, bypassing the WordPress 5.3+ <code>-scaled.jpg</code> quality loss so aerial detail stays sharp on huge panoramas.</li>
<li>Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao — Any stitched equirectangular JPEG/PNG works out of the box.</li>
<li>Google Street View & Photo Sphere XMP — Drop in any Street View image or Android Photo Sphere capture.</li>
<li>Stereoscopic & VR-ready — Pro gyroscope mode unlocks VR-style head-orientation viewing on mobile (HTTPS).</li>
</ul>
<h3>4 Immersive Viewers — All in One Plugin</h3>
<h4>1. 360° Panorama Viewer</h4>
Upload any equirectangular panorama (JPEG/PNG) and let visitors drag, pinch, and zoom on desktop and mobile.
<ul>
<li>Drag-to-explore with mouse and touch gestures</li>
<li>Pinch-to-zoom and mouse-wheel zoom</li>
<li>Configurable field of view, zoom limits, and movement speed</li>
<li>Auto-rotation with adjustable delay and speed</li>
<li>Custom starting position (yaw / pitch)</li>
<li>Fullscreen mode + caption navbar</li>
<li>Free zoom & download buttons in the panorama navbar</li>
</ul>
<h4>2. Virtual Tour Builder</h4>
Create unlimited multi-scene virtual tours linked by 3D navigation arrows — ideal for real estate walkthroughs, hotel tours, museums, and campus maps.
<ul>
<li>Unlimited scenes per tour</li>
<li>3D arrow hotspots between scenes</li>
<li>Per-scene starting position (yaw / pitch)</li>
<li>Per-scene captions and start scene selection</li>
<li>Pro: scene gallery thumbnail bar, compass overlay, premium navbar (move, fullscreen, autorotate, description, zoom, download)</li>
</ul>
<h4>3. 360° Video Player</h4>
Embed interactive 360-degree videos — viewers can look around while the equirectangular MP4 plays.
<ul>
<li>MP4 and common web video formats</li>
<li>Play/pause, seek, and volume controls in the navbar</li>
<li>Pro: muted autoplay, loop, and zoom/fullscreen/download navbar</li>
</ul>
<h4>4. AR 3D Model Viewer</h4>
Embed interactive .glb / .gltf 3D models with optional AR mode on supported iOS / Android devices (powered by Google <code><model-viewer></code>). Perfect for product configurators, e-commerce, portfolios, and education.
<ul>
<li>Model from URL or WordPress Media Library + optional poster</li>
<li>Auto-rotate, shadow intensity, alignment, canvas sizing</li>
<li>Pro: HDR environment lighting, skybox background, custom camera orbit, disable zoom, disable tap-to-rotate</li>
</ul>
<h3>Three Ways to Add 360° Content</h3>
<ul>
<li>Elementor widgets — Four dedicated widgets: Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, AR 3D Viewer. Individually toggle each widget from the admin panel.</li>
<li>Gutenberg block — Native block editor support with live preview. (coming soon)</li>
<li>Shortcode Builder — Visual admin UI under the Photo Sphere Viewer menu generates <code>[psv]</code>, <code>[psv_tour]</code>, <code>[psv_video]</code>, and <code>[psv_ar]</code> shortcodes — paste anywhere, including WooCommerce product descriptions, page builders, and theme widgets.</li>
</ul>
<h3>All Features at a Glance</h3>
<ul>
<li>Fully Responsive — Desktop, tablet, and mobile with touch-optimized drag and pinch-to-zoom</li>
<li>Customizable Navbar — Toggle zoom, caption, fullscreen, autorotate, and download buttons</li>
<li>Style Controls — Navbar background, caption color, typography, and alignment</li>
<li>Flexible Sizing — Width / height in <code>px</code>, <code>%</code>, <code>vh</code>, or <code>vw</code></li>
<li>Starting Position — Default yaw (-180° to 180°) and pitch (-90° to 90°)</li>
<li>Canvas Background — Custom color behind the panorama</li>
<li>Mouse & Touch Options — Toggle mouse wheel zoom, drag movement, two-finger touch, Ctrl+scroll, cursor capture, fisheye</li>
<li>Original-Resolution Loader — Built-in <code>ImageResolver</code> defaults shortcodes to <code>use_original=yes</code> for DJI / large panoramas</li>
<li>Lightweight & Fast — Vite-built bundle, optimized for Core Web Vitals</li>
<li>Translation Ready — Loads translations from <code>/languages/</code> (Text Domain: <code>photo-sphere-viewer</code>)</li>
<li>Developer Friendly — Clean shortcode API with full attribute control + Elementor widget hooks</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li>Real Estate Agents & Agencies — Virtual property tours, open house walkthroughs, listing pages</li>
<li>Hotels, Resorts & Vacation Rentals — Room previews, lobby tours, amenity showcases</li>
<li>360° Photographers — Panoramic portfolios with gallery navigation</li>
<li>Travel & Tourism — Destination previews, city tours, landmark experiences</li>
<li>Education & Museums — Campus tours, exhibit walkthroughs, virtual classrooms</li>
<li>WooCommerce & E-Commerce — 360° product views and AR-ready 3D models on product pages</li>
<li>Architects & Interior Designers — Project showcases, before/after spaces</li>
<li>Event Venues & Weddings — Venue tours, conference halls, wedding location showcases</li>
<li>Drone & Aerial Pilots (DJI Matrice) — High-resolution aerial 360° panoramas at full quality</li>
</ul>
<h3>Compatible With</h3>
Elementor, Elementor Pro, Gutenberg block editor, WooCommerce, Yoast SEO, Rank Math, WPML, Polylang, popular caching plugins (WP Rocket, LiteSpeed Cache, W3 Total Cache), and any WordPress theme that supports shortcodes. Works alongside common page builders.
Tested with cameras: DJI Matrice / Mavic, Ricoh Theta, Insta360, GoPro MAX, Qoocam, Kandao, Google Street View, and any standard equirectangular output.
<h3>How It Works</h3>
<h3>Using Elementor</h3>
<ol>
<li>Open the Elementor editor.</li>
<li>Search for Photo Sphere Viewer, PSV Virtual Tour, PSV 360° Video, or AR 3D Viewer in the widget panel.</li>
<li>Drag the widget into your layout.</li>
<li>Upload your panorama image or video and configure display settings, navbar controls, and styling.</li>
</ol>
<h3>Using Gutenberg</h3>
Insert the Photo Sphere Viewer block, upload your panorama, and configure options from the sidebar panel.
<h3>Using Shortcodes</h3>
Use the built-in Shortcode Builder from the admin menu to visually create shortcodes, or write them manually:

Photo Sphere Viewer – 360° Panorama, Virtual Tour, 360 Video & AR 3D Model Viewer

360° panorama, virtual tour, 360 video & AR 3D model viewer for WordPress. Works with Elementor, Gutenberg & shortcodes. DJI & Ricoh Theta ready.

vitrine 3D Viewer vs Photo Sphere Viewer – 360° Panorama, Virtual Tour, 360 Video & AR 3D Model Viewer