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

RomanCode

<p>MapSVG is a powerful WordPress mapping plugin that allows you to create interactive vector maps, floor plans, and image maps. Perfect for real estate websites, store locators, seating charts, and more.</p>
<ul>
<li><a href="https://mapsvg.com/demo" rel="nofollow ugc">WP-Admin Demo</a></li>
</ul>
<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/GXrGA9ecN-Y?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>
<h4>Key Features (free version)</h4>
<ul>
<li>SVG Vector Maps (100+ maps are included in the plugin)</li>
<li>Custom SVG files support (upload your own SVG files and turn them into interactive maps)</li>
<li>Google Maps</li>
<li>Custom overlays on Google Maps</li>
<li>Image Maps</li>
<li>Floor Plans</li>
<li>Store Locator (search by address)</li>
<li>Markers (add markers by entering an address)</li>
<li>Connect markers to clickable areas on the map (show all locations connected to a specific area in the popover window)</li>
<li>Map areas and markers working as links</li>
<li>Custom Tooltips, Popovers, Large scrollable modals</li>
<li>Database Integration</li>
<li>Custom Fields</li>
<li>Filters & Search</li>
<li>REST API Support</li>
</ul>
<h4>MapSVG vs other mapping plugin</h4>
<p>Below is the comparison of the free version of MapSVG to other popular free mapping plugins on WordPress.org.</p>
<h3>Unlimited maps</h3>
<ul>
<li><strong>MapSVG</strong>: Unlimited number of maps</li>
<li><strong>Others</strong>: 1 map</li>
</ul>
<h3>Unlimited locations</h3>
<ul>
<li><strong>MapSVG</strong>: Unlimited number of markers </li>
<li><strong>Others</strong>: Limited number of markers</li>
</ul>
<h3>Map regions to locations connection</h3>
<ul>
<li><strong>MapSVG</strong>: Connect markers to map clickable areas. Every area of the map can have one or many markers connected to it. Show the list of connected locations in the popover window.</li>
<li><strong>Others</strong>: No connection between markers and map clickable areas</li>
</ul>
<h3>Internal Database</h3>
<ul>
<li><strong>MapSVG</strong>: Custom database, with custom fields support</li>
<li><strong>Others</strong>: You can only use a small set of pre-defined fields, such as title, description and address.</li>
</ul>
<h3>Views</h3>
<ul>
<li><strong>MapSVG</strong>: Show custom fields, as formatted HTML, or show the fully rendered WP Post content – in the Tooltips / Popovers (unique feature of MapSVG)</li>
<li><strong>Others</strong>: You can only show the coordinates of the marker in a small tooltip</li>
</ul>
<h3>Labels</h3>
<ul>
<li><strong>MapSVG</strong>: Show marker labels (name or address of the location) and region labels (names of countries, states, etc.)</li>
<li><strong>Others</strong>: No labels</li>
</ul>
<h4>MapSVG Premium Features</h4>
<ul>
<li><strong>Directory</strong>: Display a list of interactive items alongside the map.</li>
<li><strong>Custom Overlays</strong>: Add custom overlays on Google Maps.</li>
<li><strong>Advanced Filters</strong>: Enable fulltext search, search by category, zip code, by date.</li>
<li><strong>Country-Specific Address Search</strong>: Restrict address searches by country.</li>
<li><strong>CSV Data Import</strong>: Load data seamlessly from CSV files.</li>
<li><strong>Image Gallery Module</strong>: Showcase images in a lightbox format.</li>
<li><strong>Parent/Child Maps</strong>: Open an additional map upon clicking a region.</li>
<li><strong>Marker Clustering</strong>: Group large amount of markers into clusters.</li>
<li><strong>Data Source: WordPressCPT</strong>: Use WordPress CPTs as a data source.</li>
<li><strong>Data Source: Custom API</strong>: Use JSON response from your own API as a data source.</li>
<li><strong>Code editor: CSS</strong>: Edit CSS directly in the map editor, customize the look and feel of the map.</li>
<li><strong>Code editor: Handlebars Templates</strong>: Get full control over the HTML of the popovers / tooltips / details view.</li>
<li><strong>Code editor: JavaScript</strong>: Use built-in JavaScript editor for event handling, middleware customization, modify data before it is displayed on the map.</li>
<li><strong>Custom Marker Images</strong>: Upload your own marker images.</li>
<li><strong>Chat Authorization</strong>: Store the chat history. Get access to the same chats online any time on mapsvg.com/dashboard. </li>
<li><strong>Priority Support</strong>: Faster response time in the chat.</li>
<li><strong>Purchase Code for Updates</strong>: Enable automatic updates from our servers with the purchase code for more frequent updates.</li>
<li><strong>One-Click wp-admin Access</strong>: Grant support agents quick access to your wp-admin for faster issue resolution.</li>
</ul>


MapSVG – Vector maps, Image maps, Google Maps


I’ve been following this plugin for years and love how it develops. Keep up the good work!


Probably the best free mapping plugin


This plugin is absolutely fantastic! It works seamlessly and delivers exactly as promised. Highly recommend this plugin!


Awesome plugin!


I really like MapSVG. It made adding interactive maps to my WordPress site easy. I could use different map types, add markers, and upload my own SVG files. The free version has many useful features and is simple to use. It helped make my site look more professional. I definitely recommend it and give it five stars.


Perfect Map Plugin for WordPress

Create interactive vector maps, floor plans, and image maps. Support for Google Maps integration, custom markers, tooltips, and popups.

FWD Easy Virtual Tour Builder vs MapSVG – Vector maps, Image maps, Google Maps