<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.

WP Shopify Expert

<p>Advanced Panorama Viewer is a powerful WordPress plugin that allows you to easily embed and display 360-degree panoramic images on your website. With a dedicated Gutenberg block, this plugin seamlessly integrates with the WordPress block editor, making it easy to create engaging, interactive content for your visitors.</p>
<h4>Key Features</h4>
<ul>
<li>Gutenberg block for easy integration with the WordPress block editor</li>
<li>Support for 360-degree panoramic images</li>
<li>Customizable controls for user interaction</li>
<li>Ability to add custom hotspots for additional information</li>
<li>Option to set up default hotspots</li>
<li>Responsive design for optimal viewing on all devices</li>
<li>Lightweight and optimized for fast loading times</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Real Estate: Showcase property interiors and exteriors with immersive 360-degree views</li>
<li>Tourism: Display panoramic views of scenic locations or attractions</li>
<li>Education: Create interactive learning experiences for museums or historical sites</li>
<li>Events: Offer 360-degree views of venues for weddings, conferences, or exhibitions</li>
<li>Product Showcases: Display products in a 360-degree view for e-commerce sites</li>
</ul>
<h3>Shortcode Usage</h3>
<p>You can use the Advanced Panorama 360 Viewer shortcode to embed panoramas in your posts, pages, or anywhere shortcodes are supported. The basic syntax is:</p>
<p>[advance_panorama_viewer]</p>
<h4>Shortcode Attributes</h4>
<p>The shortcode supports the following attributes:</p>
<ol>
<li>
<p>id (optional): A unique identifier for the panorama viewer.<br />
Default: null</p>
</li>
<li>
<p>panorama (required): The URL of the panorama image.<br />
Default: null</p>
</li>
<li>
<p>title (optional): The title of the panorama.<br />
Default: null</p>
</li>
<li>
<p>author (optional): The author or creator of the panorama.<br />
Default: null</p>
</li>
<li>
<p>auto_load (optional): Whether to load the panorama automatically.<br />
Accepted values: “true” or “false”<br />
Default: “true”</p>
</li>
<li>
<p>draggable (optional): Whether the panorama can be dragged to pan around.<br />
Accepted values: “true” or “false”<br />
Default: “true”</p>
</li>
<li>
<p>align (optional): Alignment of the panorama viewer.<br />
Accepted values: “left”, “center”, “right”<br />
Default: “”</p>
</li>
<li>
<p>class_name (optional): Additional CSS class(es) for the panorama viewer container.<br />
Default: null</p>
</li>
<li>
<p>height (optional): The height of the panorama viewer.<br />
Default: “400px”</p>
</li>
<li>
<p>width (optional): The width of the panorama viewer.<br />
Default: “100%”</p>
</li>
</ol>
<h4>Examples</h4>
<p>Basic usage:<br />
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg”]</p>
<p>With additional attributes:<br />
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg” title=”Beautiful Sunset” author=”John Doe” height=”600px” auto_load=”false”]</p>
<p>Aligned to the right with custom class:<br />
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg” align=”right” class_name=”my-custom-panorama” width=”80%”]</p>
<h4>Notes</h4>
<ul>
<li>The ‘panorama’ attribute is required. Without it, the viewer will not display properly.</li>
<li>Use percentage or pixel values for ‘height’ and ‘width’ attributes (e.g., “100%”, “400px”).</li>
<li>When using the shortcode in a page builder or custom HTML block, you may need to wrap it in a shortcode block or use the appropriate syntax for your specific editor.</li>
</ul>
<h3>Additional Info</h3>
<p>For more information, please visit our <a href="https://wpshopifyexpert.com/advanced-panorama-360-viewer" rel="nofollow ugc">official website</a>.</p>
<h4>Credits</h4>
<p>This plugin uses the following open-source libraries:<br />
* <a href="https://threejs.org/" rel="nofollow ugc">Three.js</a> – For 3D rendering<br />
* <a href="https://pannellum.org/" rel="nofollow ugc">Pannellum</a> – For panorama viewing functionality</p>
<h4>Privacy Policy</h4>
<p>Advanced Panorama 360 Viewer does not collect or store any personal data. It functions solely to display 360-degree panoramic content on your WordPress site.</p>
<h3>Source Code Availability</h3>
<p>To comply with WordPress.org guidelines and ensure transparency, we provide access to the uncompressed source code of our JavaScript files. This is important for the review process and for users who wish to examine or modify the code.</p>
<h3>Accessing the Source Code</h3>
<p>The uncompressed JavaScript source files are available in the <code>src</code> folder of our plugin repository. You can find these files at:</p>
<p><a href="https://github.com/shehabulislam/advanced-panorama-360-viewer/tree/main/src" rel="nofollow ugc">https://github.com/shehabulislam/advanced-panorama-360-viewer/tree/main/src</a></p>
<p>Included in the src folder as well.</p>
<p>We utilized an open-source library for image viewing: https://github.com/mpetroff/pannellum.</p>
<h4>Support</h4>
<p>For support inquiries, please visit our <a href="https://wpshopifyexpert.com/support" rel="nofollow ugc">support forum</a> or contact us at wordpress@wpshopifyexpert.com.</p>
<h4>Contribute</h4>
<p>If you’d like to contribute to the development of this plugin, visit our <a href="https://github.com/shehabulislam/advanced-panorama-360-viewer" rel="nofollow ugc">GitHub repository</a>.</p>


Advanced Panorama 360 Viewer

Display immersive 360-degree panoramas on your WordPress site with our feature-rich 360 image viewer Gutenberg block.

FWD Easy Virtual Tour Builder vs Advanced Panorama 360 Viewer