bterp

<p>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.</p>
<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>
<p>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.</p>
<h4>Preset Workflow</h4>
<p>Create a preset from <strong>BT SVG Viewer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Presets</strong> 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.</p>
<h3>Localization</h3>
<p>Available translations: German (de_DE), Spanish (es_ES), French (fr_FR), Italian (it_IT).</p>
<p>Translations were initially produced with AI assistance; corrections are welcome via https://github.com/ttscoff/bt-svg-viewer/issues.</p>


BT SVG Viewer

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

WPXERO

Abu Talib

ADDONIUM

<h3>The Best 360° Panorama & Virtual Tour Plugin for WordPress</h3>
<p><strong>Photo Sphere Viewer</strong> lets you embed stunning <strong>360° panoramic images</strong>, interactive <strong>virtual tours</strong>, and immersive <strong>360° videos</strong> directly into any WordPress page. Works seamlessly with <strong>Elementor</strong>, <strong>Gutenberg</strong>, and <strong>shortcodes</strong> — no coding required.</p>
<p>Whether you’re a real estate agent showcasing properties, a hotel owner offering room previews, a photographer displaying panoramic portfolios, or a travel blogger sharing immersive experiences — Photo Sphere Viewer is built for you.</p>
<h3>360° Panorama Viewer</h3>
<p>Upload any equirectangular panorama image (JPEG, PNG) and display it as a fully interactive 360° viewer. Visitors can drag, zoom, and explore the scene on any device.</p>
<ul>
<li>Drag-to-explore with mouse or touch gestures</li>
<li>Pinch-to-zoom on mobile devices</li>
<li>Configurable field of view, zoom limits, and movement speed</li>
<li>Auto-rotation with adjustable delay and speed</li>
<li>Set a custom starting position (yaw & pitch angles)</li>
<li>Fullscreen mode</li>
</ul>
<h3>Virtual Tour Builder</h3>
<p>Create multi-scene virtual tours with linked navigation between panoramas. Add 3D arrow hotspots so visitors can walk through spaces scene by scene — perfect for real estate walkthroughs, museum tours, hotel lobbies, and campus maps.</p>
<ul>
<li>Unlimited scenes per tour</li>
<li>3D navigation arrows between scenes</li>
<li>Per-scene starting position (yaw/pitch)</li>
<li>Scene gallery thumbnail bar (Pro)</li>
<li>Compass widget overlay (Pro)</li>
<li>Works in both the Elementor widget and the <code>[psv_tour]</code> shortcode</li>
</ul>
<h3>360° Video Player</h3>
<p>Embed 360-degree videos and let viewers look around while the video plays. Ideal for immersive travel videos, event recordings, and cinematic VR content.</p>
<ul>
<li>Supports MP4 and common web video formats</li>
<li>Play/pause, seek, and volume controls in the navbar</li>
<li>Muted autoplay option (Pro)</li>
<li>Loop playback (Pro)</li>
<li>Works in both the Elementor widget and the <code>[psv_video]</code> shortcode</li>
</ul>
<h3>Gallery Plugin</h3>
<p>Display a thumbnail gallery bar below the viewer so visitors can switch between multiple panoramas or tour scenes instantly.</p>
<ul>
<li>Gallery bar with scene thumbnails</li>
<li>Click-to-navigate between panoramas</li>
<li>Configurable thumbnail size</li>
<li>Auto-hide on click option</li>
</ul>
<h3>All Features at a Glance</h3>
<ul>
<li><strong>Elementor Widgets</strong> — Dedicated widgets for panorama, virtual tour, and 360° video</li>
<li><strong>Gutenberg Block</strong> — Native block editor support</li>
<li><strong>Shortcode Builder</strong> — Visual admin panel to create and manage <code>[psv]</code>, <code>[psv_tour]</code>, and <code>[psv_video]</code> shortcodes</li>
<li><strong>Fully Responsive</strong> — Works on desktops, tablets, and mobile phones</li>
<li><strong>Touch Optimized</strong> — Smooth drag and pinch-to-zoom on all touch devices</li>
<li><strong>Customizable Navbar</strong> — Toggle zoom, caption, fullscreen, autorotate, and download buttons</li>
<li><strong>Style Controls</strong> — Customize navbar background, caption color, and typography</li>
<li><strong>Starting Position</strong> — Set the default yaw (horizontal) and pitch (vertical) viewing angle</li>
<li><strong>Canvas Background</strong> — Set a custom background color behind the panorama</li>
<li><strong>Mouse & Touch Options</strong> — Enable/disable mouse wheel zoom, drag movement, two-finger touch, Ctrl+scroll, and cursor capture</li>
<li><strong>Lightweight</strong> — Optimized build with minimal footprint for fast page loads</li>
<li><strong>Developer Friendly</strong> — Clean shortcode API with full attribute control</li>
</ul>
<h3>Pro Features</h3>
<p>Unlock advanced capabilities with <a href="https://wpxero.com/plugins/photo-sphere-viewer/pricing/" rel="nofollow ugc">Photo Sphere Viewer Pro</a>:</p>
<ul>
<li>Zoom, fullscreen, download, and autorotate navbar controls</li>
<li>Gallery plugin for panorama and tour viewers</li>
<li>Compass overlay widget</li>
<li>Gyroscope support for mobile VR-like experiences</li>
<li>Visible range restriction (limit horizontal and vertical viewing angles)</li>
<li>360° video autoplay and loop</li>
<li>Priority support</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li><strong>Real Estate</strong> — Virtual property tours, open house walkthroughs</li>
<li><strong>Hotels & Hospitality</strong> — Room previews, lobby tours, resort showcases</li>
<li><strong>Photography</strong> — 360° panoramic photo portfolios</li>
<li><strong>Travel & Tourism</strong> — Destination previews, city tours, landmark explorations</li>
<li><strong>Education</strong> — Campus tours, museum exhibits, lab walkthroughs</li>
<li><strong>E-Commerce</strong> — 360° product views on WooCommerce pages</li>
<li><strong>Events</strong> — Venue tours, wedding location showcases, conference halls</li>
</ul>
<h3>How It Works</h3>
<h3>Using Elementor</h3>
<ol>
<li>Open the Elementor editor.</li>
<li>Search for <strong>Photo Sphere Viewer</strong>, <strong>PSV Virtual Tour</strong>, or <strong>PSV 360° Video</strong> 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>
<p>Insert the <strong>Photo Sphere Viewer</strong> block, upload your panorama, and configure options from the sidebar panel.</p>
<h3>Using Shortcodes</h3>
<p>Use the built-in <strong>Shortcode Builder</strong> from the admin menu to visually create shortcodes, or write them manually:</p>
<p><strong>Basic panorama:</strong><br />
    [psv image=”https://example.com/panorama.jpg” width=”100″ height=”80″]</p>
<p><strong>Virtual tour:</strong><br />
    [psv_tour scenes='[{“name”:”Lobby”,”panorama”:”lobby.jpg”,”links”:”2″},{“name”:”Room”,”panorama”:”room.jpg”,”links”:”1″}]’]</p>
<p><strong>360° video:</strong><br />
    [psv_video src=”https://example.com/360-video.mp4″ muted=”yes”]</p>


Photo Sphere Viewer – 360° Panorama, Virtual Tour & 360 Video for WordPress

Display 360° panoramas, virtual tours & 360 videos on WordPress with Elementor, Gutenberg, or shortcodes. No coding needed.

BT SVG Viewer vs Photo Sphere Viewer – 360° Panorama, Virtual Tour & 360 Video for WordPress