bterp

Embed large, detailed SVG diagrams in WordPress with an accessible viewer that supports touch-friendly zooming, panning, and centering. BT SVG Viewer keeps maps, technical drawings, and infographics sharp on every screen, while giving editors a visual preset builder so they can reuse configurations without repeating shortcode attributes.
<h4>Highlights</h4>
<ul>
<li>Interactive zoom and pan controls with keyboard shortcuts and optional slider mode.</li>
<li>Smooth, cursor-focused zoom animations with click-drag panning.</li>
<li>Preset post type with live preview, copy-ready shortcodes, and color pickers for control styling.</li>
<li>Fine-grained shortcode attributes for height, zoom bounds, center coordinates, titles, and captions.</li>
<li>Front-end wrapper classes and CSS custom properties for deep theme integration.</li>
<li>Localized UI and strings in English, German, Spanish, French, and Italian.</li>
</ul>
<h4>Shortcode Overview</h4>
Use the <code>[btsvviewer]</code> shortcode anywhere shortcodes are supported. Pass a direct SVG URL or reference a saved preset ID. All shortcode attributes (height, zoom limits, controls layout, button colors, etc.) can be overridden per instance. See the plugin’s admin Help tab or project README for a full attribute reference and examples. Existing shortcodes created before the rename continue to render, so archived posts don’t need to be touched.
<h4>Preset Workflow</h4>
Create a preset from BT SVG Viewer → Presets in the admin. Upload an SVG, tune the controls, tweak button colors, then load the preview to dial in the initial zoom and center point. Save the preset and drop the generated <code>[btsvviewer id="123"]</code> shortcode wherever you need the viewer. Inline attributes always win over stored preset values, making it easy to reuse a baseline configuration.
<h3>Localization</h3>
Available translations: German (de_DE), Spanish (es_ES), French (fr_FR), Italian (it_IT).
Translations were initially produced with AI assistance; corrections are welcome via https://github.com/ttscoff/bt-svg-viewer/issues.

BT SVG Viewer

A shortcode-powered SVG viewer with reusable presets, zoom, and pan controls.

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.

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