<p>FWD Easy Virtual Tour Builder helps you create responsive virtual tours from equirectangular panoramas (JPG/PNG/KTX2). Add interactive markers with tooltips and rich HTML/CSS info windows, switch smoothly between scenes, save camera positions, and use floor-map navigation for a complete cross-device experience.</p>
<h3>Video tutorial</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_OQun-eA1wY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Demo</h3>
<p><a href="https://fwdapps.net/p/evtb/" rel="nofollow ugc">Demo page</a></p>
<h3>Highlights</h3>
<p><strong>Immersive 360 Virtual Tours</strong> – Create responsive tours with smooth scene transitions, configurable camera start views, interactive markers, and floor-map navigation.</p>
<p><strong>Hotspots/Markers</strong> – Add interactive markers anywhere in the virtual tour. Markers can display tooltips and info windows, open links, switch scenes, and tween the camera to specific positions. <a href="https://fwdapps.net/p/evtb/markers.html" rel="nofollow ugc">See markers examples</a>.</p>
<p><strong>Easy To Configure And Install</strong> – Includes documentation, video tutorials, demo pages, updates and support from the developer – <strong><a href="mailto:tibi@fwdapps.net" rel="nofollow ugc">Tibi @ FWD</a></strong>.</p>
<h3>Main Features</h3>
<ul>
<li><strong>Responsive Layout</strong> – Fully responsive and adaptable to any device.  </li>
<li><strong>Desktop & Mobile Optimized</strong> – iPhone, Android, and desktop browsers supported.  </li>
<li><strong>Panorama Assets (JPG/PNG/KTX2)</strong> – Build tours from high-quality equirectangular panoramas optimized for desktop and mobile.</li>
<li><strong>Multi-Scene Virtual Tours</strong> – Create tours with smooth scene switching for a guided walkthrough experience.</li>
<li><strong>Camera Presets & Start View</strong> – Save and use camera positions, set an initial view, and guide visitors to key points of interest.</li>
<li><strong>Floor-Map Navigator Window</strong> – Add a floor-plan style navigator with customizable markers, icon animation, and expand/collapse support.</li>
<li><strong>Table Of Content Navigation</strong> – Let users jump instantly to any scene using a customizable table of content panel.</li>
<li><strong>Markers/Hotspots</strong> – Add interactive markers to show tooltips and info windows, open links, switch scenes, and guide attention.</li>
<li><strong>Camera Positions Menu</strong> – Let visitors select saved viewpoints from a customizable camera positions menu.</li>
<li><strong>Lightbox Support</strong> – FWD Easy Virtual Tour Builder can be opened in a lightbox when the page is ready or triggered by an external action, such as clicking a button. The lightbox layout is fully responsive, and the instance size can be customized as needed, <a href="https://fwdapps.net/p/evtb/lightbox.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Customizable Size</strong> – Set any width, height, and aspect ratio.  </li>
<li><strong>Vector Skin</strong> – Responsive or <em>after parent</em> mode.  </li>
<li><strong>Preloader</strong> – Vector based preloader that stays sharp on mobile and desktop.</li>
<li><strong>Customizable Color Theme</strong> – The color theme of all viewer elements can be easily customized to suit your preferences.</li>
<li><strong>Lazy Scrolling/Loading</strong> – Option to initialize FWD Easy Virtual Tour Builder on scroll when the instance is visible in the page. If the instance is in a section that is not visible, it will initialize only when the user scrolls to that section.</li>
<li><strong>Customizable Preloader</strong> – Shows loading progress and can display a poster, with configurable size and position.</li>
<li><strong>Buttons Controller</strong> – Customizable controller featuring play, zoom in, zoom out, info, help, and fullscreen buttons. The controller automatically hides itself after a designated period of user inactivity.</li>
<li><strong>Hide Controller Delay</strong> – Configure how quickly the controller hides after inactivity for a cleaner, more immersive view.</li>
<li><strong>Scene Transition Control</strong> – Control how tours start and how transitions feel between scenes for a polished presentation.</li>
<li><strong>Info Window With HTML/CSS Content</strong> – Display rich content such as text, images, media, and links directly inside the tour.</li>
<li><strong>Share Panel</strong> – Enable social sharing (Facebook, Twitter, LinkedIn, Pinterest, Reddit, and more) with customizable styling.</li>
<li><strong>Help Screen</strong> – Add a customizable on-screen help guide for mouse, touch, and keyboard navigation.</li>
<li><strong>Orbital Controls</strong> – Customizable 3D orbital controls that allow zooming and camera movement.</li>
<li><strong>Orbital Controls Ranges</strong> – The camera rotation can be selectively constrained both horizontally and vertically, alongside customizable minimum and/or maximum zoom settings, adjusting parameters such as zoom factor, damping factor, zoom speed, pan speed, and more, <a href="https://fwdapps.net/p/evtb/rotation-ranges.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Auto-Rotation</strong> – The 3D virtual tour can be configured for automatic rotation, with the option to customize the rotation speed and direction to suit individual preferences, <a href="https://fwdapps.net/p/evtb/autorotate.html" rel="nofollow ugc">example here</a>.</li>
<li><strong>Keyboard Navigation</strong> – Navigate the virtual tour with keyboard shortcuts, including W A S D controls with adjustable pan speed.</li>
</ul>
<h3>Configuration</h3>
<p>After activation, open the plugin settings in the WordPress admin area and create a new viewer preset. Then use this shortcode in any post/page: [fwdevtb id=”my-virtual-tour”].</p>
<h3>Use Cases</h3>
<ul>
<li>Publishing 360 virtual tours for real estate listings and property walkthroughs.</li>
<li>Creating guided venue tours (hotels, restaurants, museums, campuses, showrooms).</li>
<li>Building interactive scene-to-scene experiences with markers, tooltips, and info windows.</li>
<li>Adding floor-map navigation for large spaces with multiple rooms or zones.</li>
<li>Embedding responsive virtual tours in WordPress posts, pages, and landing pages.</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/evtb/" rel="nofollow ugc">Homepage & Docs</a></li>
<li><a href="https://fwdapps.net/p/evtb/demos.html" rel="nofollow ugc">Demo</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a></li>
</ul>
<h3>Shortcode</h3>
<p>Basic example:</p>
<p>[fwdevtb id=”1″]</p>
<h3>Development</h3>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<ul>
<li><a href="https://fwdapps.net/d/js/evtb.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>
<h3>Markers markup</h3>
<p>Use the editor <code>Code/Text</code> tab to add custom HTML inside marker tooltip or marker info window fields.</p>


FWD Easy Virtual Tour Builder

Build immersive 360 virtual tours with multi-scene navigation, hotspots, camera presets, floor-map navigation, and realistic rendering.

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.

FWD Easy Virtual Tour Builder vs Photo Sphere Viewer – 360° Panorama, Virtual Tour & 360 Video for WordPress