Micemade

<p><strong>Introducing WCSpots</strong> – our WooCommerce Product Hotspot Gutenberg Block – the ultimate solution for showcasing your products in a creative and interactive way!</p>
<p>With our plugin, you can easily create a custom image with hotspots that link to selected WooCommerce products. Simply select the products you want to showcase, upload an image, and add hotspots on top. Each hotspot is associated with a product, and when clicked, displays a product popover with all the necessary details – including price, description, and a “Add to Cart” button.</p>
<p>This plugin is perfect for any WooCommerce store owner looking to showcase their products in a unique and engaging way. Whether you want to highlight your best-sellers, promote new arrivals, or simply create an eye-catching product display, our plugin has got you covered.</p>
<blockquote>
<p><strong>v.1.2.0 UPDATE NOTICE:</strong> Upon update to v.1.2.0. no significant change or issue should occur on frontend of your WCSpots showcases. However, after update, on edit screen the “Block contains unexpected or invalid content.” notice will appear. Clicking the “Attempt Recovery” will fix this notice, and new WCSpots v.1.2.0 features will be available.</p>
</blockquote>
<h3>Key Features</h3>
<p>Here are some of the key features of WCSpots:</p>
<ul>
<li>Easy setup: Simply install the plugin, select your products, upload an image, and add hotspots.</li>
<li>Customizable hotspots: Choose from a range of styles and customize hotspot design to match your brand. Change hotspot position with simple drag and drop.</li>
<li>Build your own layout with intuitive controls and settings.</li>
<li>Mobile-friendly: Our plugin is fully responsive, ensuring your hotspots and product popovers look great on any device.</li>
<li>Fast loading: Our plugin is optimized for speed, ensuring your page loads quickly and efficiently.</li>
</ul>
<p>So why wait? Download our WCSpots Block today and start showcasing your products like never before!</p>
<h3>Feature details</h3>
<ul>
<li><strong>Drag and drop hotspots</strong> – easily change hotspot position.</li>
<li><strong>Pulsating hotspot effect</strong> – make hotspot pulsate, globally, or per hotspot.</li>
<li><strong>Change the hotspot sizes</strong> – separate control over inner and outer hotspot elements.</li>
<li><strong>Product highlight color</strong> – product higlighted with hotspot primary color, on hotspot hover.</li>
<li><strong>Product image size</strong> – image size controls for products and a popover.</li>
</ul>
<p>Demonstration of WCSpots block usage:</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/n0i9uqBsKp0?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>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/Micemade/woohotspots" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://twitter.com/theMicemade" rel="nofollow ugc">Follow on Twitter</a></li>
</ul>
<h3>Licence</h3>
<p>The plugin uses, other than WordPress and React modules and packages, third party modules, licenced under MIT or MPL-2.0, GPL compatible licences:<br />
* <a href="https://www.npmjs.com/package/classnames" rel="nofollow ugc">ClassNames</a><br />
* <a href="https://react-select.com/home" rel="nofollow ugc">React Select</a><br />
* <a href="https://www.npmjs.com/package/react-tiny-popover" rel="nofollow ugc">React Tiny Popover</a><br />
* <a href="https://www.npmjs.com/package/dompurify" rel="nofollow ugc">DOMPurify</a><br />
* <a href="https://www.npmjs.com/package/uuid" rel="nofollow ugc">uuid</a></p>
<h3>Feedback</h3>
<p>If you would like to have more features in this block, please suggest them in the Support section. This also applies to pointing out to bugs, or UI/UX improvements. Bugfixes or improvements will be added to free version of plugin, but some new features may only apply to commercial version. The commercial version will enable us to contiue working on free version and support it for a longer time period.</p>


WCSpots – image hotspots for WooCommerce

Create WooCommerce product showcases with image hotspots in the block editor.

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

WCSpots – image hotspots for WooCommerce vs FWD Easy Virtual Tour Builder