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.

Freemius

Esaia

<p><a href="https://www.ireplugin.com/pricing" rel="nofollow ugc">Upgrade To Pro!</a> | <a href="https://www.ireplugin.com/demos" rel="nofollow ugc">Live Demo</a> | <a href="https://www.ireplugin.com/module" rel="nofollow ugc">Module Demo</a> | <a href="https://www.ireplugin.com/contact" rel="nofollow ugc">Support</a></p>
<h3>Interactive Floor Plan & Building Visualizer for WordPress</h3>
<p><a href="https://www.ireplugin.com/" rel="nofollow ugc">Interactive Real Estate</a> is a WordPress plugin built for <strong>real estate developers, construction companies, and property agencies</strong> that need to present new developments online. Turn your building renders and floor plan images into a fully interactive property search experience — buyers click on a unit, see its details, and request a callback, all without leaving the page.</p>
<p>No coding required. Works with any WordPress theme.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/1114859127" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>Why Construction Companies Choose This Plugin</h3>
<p>Static images and PDF floor plans lose leads. Buyers expect to explore a development the way they explore a map — click a floor, click a unit, see what’s available. Interactive Real Estate gives your WordPress site that experience in hours, not weeks.</p>
<ul>
<li><strong>Convert more leads</strong> — buyers engage longer when they can explore units interactively</li>
<li><strong>Show real-time availability</strong> — mark units as available, reserved, or sold with custom statuses</li>
<li><strong>Present pricing clearly</strong> — display price, area, room count, and custom fields per unit</li>
<li><strong>Works for any property type</strong> — apartment buildings, residential complexes, cottage communities, commercial developments, multi-block projects</li>
</ul>
<h3>Draw Clickable Areas on Any Building Image</h3>
<p><a href="https://www.ireplugin.com/module" rel="nofollow ugc">Upload your building render or floor plan</a>, then draw clickable SVG polygons directly on the image. Each area links to a unit (flat, apartment, office) with its own details page or modal popup. Zoom in while drawing for pixel-precise selections, then pan around with the spacebar.</p>
<h3>Interactive Floor Plan Navigation</h3>
<p>Buyers can click a building to select a floor, then click a floor to browse individual apartments. Each click reveals unit details: size, price, availability status, room count, and any custom fields you define. No page reloads — everything happens inline.</p>
<h3>Apartment & Property Listing Features</h3>
<ul>
<li>Filterable <strong>apartment list</strong> with price range, area, floor, room count, and status filters</li>
<li><strong>Table view</strong> with sortable columns for a spreadsheet-style browsing experience</li>
<li><strong>Custom statuses</strong> — available, sold, reserved, or any label you define</li>
<li><strong>Custom fields</strong> — add any data point relevant to your development (view, orientation, parking, etc.)</li>
<li><strong>Flat types</strong> — define a layout once and reuse it across dozens of identical units</li>
<li><strong>Shareable unit links</strong> — let buyers save and share a specific apartment</li>
</ul>
<h3>Lead Generation Built In</h3>
<p>Buyers can submit a callback request directly from the unit modal. You receive responses by email and can read them in the WordPress dashboard. No third-party form plugin needed.</p>
<h3>360° Building Viewer (Add-On)</h3>
<p>The <strong>360° Building Add-On</strong> lets you present a building as a spinning, rotatable image sequence — the same experience buyers see on car-configurator sites. Overlay clickable SVG polygons on the 360° view so buyers can click on any unit from any angle and see its details instantly.</p>
<p>Use the <code>[irep_360]</code> shortcode to embed it on any page. Ideal for showcasing exterior facades, rooftop views, or any development where showing the full building from all angles improves the buying experience.</p>
<ul>
<li>Drag or auto-spin through a full 360° image sequence</li>
<li>Clickable SVG areas on the rotating image</li>
<li>Unit details open in a modal — same as the standard floor plan viewer</li>
<li>Works alongside <code>[irep_project]</code> and <code>[irep_flats]</code> on the same page</li>
</ul>
<h3>Shortcodes — Place Anywhere on Your Site</h3>
<p>Use shortcodes to embed the building viewer, floor plan, or apartment list on any page, post, or landing page:</p>
<ul>
<li><code>[irep_project]</code> — interactive building and floor plan viewer</li>
<li><code>[irep_flats]</code> — filterable apartment list with table view</li>
<li><code>[irep_360]</code> — 360° spinning building viewer (add-on)</li>
</ul>
<p>Also available as <strong>Gutenberg blocks</strong> for block-editor users.</p>
<h3>Project Export / Import</h3>
<p>Duplicate or migrate full projects — buildings, floors, flats, types, and all settings — in a single export file.</p>
<p><strong>Why it helps:</strong><br />
– <strong>Save time</strong>: Copy projects without rebuilding them by hand<br />
– <strong>Keep backups</strong>: Store your project settings safely</p>
<h3>Key Features</h3>
<ul>
<li>Draw SVG polygon areas on building renders and floor plan images</li>
<li>Zoom and pan while editing for precise polygon placement</li>
<li>Real-time preview of changes in the admin</li>
<li>Organize projects by blocks, floors, and flats</li>
<li>Custom statuses: available, sold, reserved, and more</li>
<li>Callback request form with email notifications</li>
<li>Embed anywhere with shortcodes or Gutenberg blocks</li>
<li>Open a detail page or modal popup when a unit is clicked</li>
<li>Export and import full projects</li>
</ul>
<h3><a href="https://www.ireplugin.com/pricing" rel="nofollow ugc">⭐ Premium Features</a></h3>
<ul>
<li>Create <strong>unlimited</strong> projects (1 in the free version)</li>
<li>Create <strong>unlimited</strong> flats (25 in the free version)</li>
<li>Run a <strong>script</strong> when a path is clicked</li>
<li>Customize <strong>SVG path</strong> colors per status and unit</li>
<li>Project export and import</li>
<li>Custom currency symbol</li>
<li>24/7 <strong>premium</strong> support</li>
<li>Access to <strong>updates</strong></li>
</ul>
<h3><a href="https://www.ireplugin.com/pricing" rel="nofollow ugc">⭐ Gold Features</a></h3>
<ul>
<li>Everything in Premium</li>
<li><strong>Lead capture form</strong> — buyers fill out a callback request from the unit modal</li>
<li>View and manage form responses in the dashboard</li>
<li><strong>Shareable unit links</strong> — buyers can bookmark or share individual apartments</li>
<li><strong>Filterable apartment list</strong> shortcode with price, area, floor, and status filters</li>
<li><strong>Custom Flat Field Builder</strong> — add any data field to your units</li>
<li><strong>Custom Table Field Builder</strong> — configure which columns appear in the list view</li>
<li><strong>Custom statuses</strong> — sold, reserved, or any label your sales team uses</li>
</ul>
<h3>Who Uses Interactive Real Estate?</h3>
<ul>
<li><strong>Real estate developers</strong> launching new residential or commercial projects</li>
<li><strong>Construction companies</strong> showcasing apartments, townhouses, or cottage communities</li>
<li><strong>Property agencies</strong> presenting off-plan developments to buyers</li>
<li><strong>Architects and project marketers</strong> building sales microsites for new developments</li>
</ul>
<p>Replace your static floor plan PDF with an interactive experience that keeps buyers on your site and sends you qualified leads.</p>
<p><a href="https://www.ireplugin.com/pricing" rel="nofollow ugc">Upgrade to Interactive Real Estate Premium</a> to unlock unlimited projects, lead capture, and the full apartment list shortcode.</p>
<h3>Live Demos and Documentation</h3>
<ul>
<li><a href="https://www.ireplugin.com/demos" rel="nofollow ugc"><strong>Live Demo</strong></a>: See the plugin in action on a real development</li>
<li><a href="https://www.ireplugin.com/module" rel="nofollow ugc"><strong>Admin Module Demo</strong></a>: Try drawing areas on a building image</li>
<li><a href="https://vimeo.com/1114859127" rel="nofollow ugc"><strong>Video Tutorial</strong></a>: Full setup walkthrough</li>
<li><a href="https://www.ireplugin.com/doc/intro" rel="nofollow ugc"><strong>Documentation</strong></a>: Complete guide and FAQ</li>
</ul>
<h3>Video Tutorial</h3>
<p>If you want a simple step-by-step guide, watch the video tutorial here:</p>
<p><a href="https://vimeo.com/1114859127" rel="nofollow ugc">Watch the Video Tutorial</a></p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/1066104737" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h3>Source Code</h3>
<p>The unminified JavaScript and CSS source code is available here:<br />
<a href="https://github.com/esaia/interactive-real-estate" rel="nofollow ugc">link</a></p>
<h3>Build Instructions</h3>
<p>To rebuild the minified JavaScript files:</p>
<ol>
<li>Clone or download the repository.</li>
<li>Run <code>npm install</code> to install dependencies.</li>
<li>Run <code>npm run build</code> to generate the minified files.</li>
<li>The minified files will be located in <code>dist/assets/index.js</code>.</li>
</ol>
<h3>Plugin Support</h3>
<p>For support, visit <a href="https://www.ireplugin.com/contact" rel="nofollow ugc">https://www.ireplugin.com/contact</a>. You can also email <strong>interactiverealestateplugin@gmail.com</strong>.</p>
<h3>License</h3>
<p>Interactive Real Estate is licensed under GPL2. For more details, see the <a href="http://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GPL2 License</a>.</p>


Interactive Real Estate – Floor Plan & Building Visualizer

Floor plan & building visualizer for real estate developers. Show apartments, availability, and pricing on clickable maps. No coding needed.

WCSpots – image hotspots for WooCommerce vs Interactive Real Estate – Floor Plan & Building Visualizer