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