Apartment building map
Start with a building render. Connect buildings, floors and units so buyers can explore the development and open apartment details.
Explore the apartment demoInteractive Real Estate
Create a WordPress image map with clickable SVG hotspots
Turn your floor plan, building photo or site plan into an interactive image. Draw clickable areas, add property details, and embed the finished map in WordPress with one shortcode.
Free plan: one project, up to 25 flats. Advanced features depend on your plan.
What is an interactive image map?
An image map connects regions of an image to different links or details. A visitor can click an apartment on a building render or a room on a floor plan. Interactive Real Estate uses an SVG overlay and a visual editor, so property teams can manage those regions inside WordPress.
It is designed for buildings, floors and units. If you only need a few links on a fixed-size diagram, native HTML may be enough. If you need geographic search, route directions or a satellite imagery service, choose a tool built for those tasks.
Image map examples for property websites
Hotel room map
Map rooms on each floor and show their details. Link a room to your booking page when you want visitors to continue to your reservation system.
Explore the hotel demo
Interactive site plan
Use your own masterplan or aerial image as a background. Draw a clickable region for each building or lot and manage the associated unit information.
Explore interactive site plansExample images and demo property data are for demonstration.
HTML image map, SVG map or WordPress plugin?
Choose according to who will maintain the map and the information it needs to show. HTML image maps remain supported; responsive layouts need extra coordinate handling.
| Task | HTML map / area | Custom SVG map | Interactive Real Estate |
|---|---|---|---|
| Create clickable regions | Write map and area tags | Write vector shapes and links | Draw polygons in WordPress |
| Keep areas aligned on smaller screens | Recalculate pixel coordinates | Use a shared viewBox | Responsive SVG overlay |
| Maintain prices and availability | Build your own data handling | Build your own data handling | Edit unit data in WordPress |
| Publish on a site without WordPress | Yes | Yes | Requires WordPress |
Create an interactive map from your image
1. Upload your image
Install Interactive Real Estate, create a project, and upload a JPG, PNG or WebP building render, floor plan or site plan you have permission to use.
2. Draw your clickable areas
Place polygon points around a floor, room, building or unit. The editor creates the SVG overlay without requiring you to write SVG code.
3. Add details and click actions
Assign unit details such as name, area and price. Choose the available click action: a detail modal or a destination link. Check pricing for advanced options.
4. Publish with a shortcode
Copy the generated shortcode, such as [irep_project id="123"], into a Gutenberg Shortcode block or Elementor Shortcode widget. Check the published page on desktop and mobile.
Check your map before publishing
- Test the published page at phone, tablet and desktop widths. Confirm the clickable areas stay over the right units.
- Use clear unit names and provide ordinary text links or a unit list alongside the image. Visitors should have another way to find the information.
- Show useful property descriptions on the page itself. An interactive viewer should complement the written content.
- Check destination links and current unit details. After updates, verify the public page and clear any page or CDN cache if it serves stale content.
WordPress image map questions
What is a WordPress image map?
An image map makes selected parts of a picture clickable. In WordPress, you can add one with HTML or a plugin. Interactive Real Estate overlays SVG polygons on your own images, connects them to property data, and publishes the result with a shortcode.
Is there a free WordPress image map maker?
Interactive Real Estate has a free version on WordPress.org. It supports one project and up to 25 flats, with blocks, floors and the polygon editor. Premium increases project and unit limits; Gold adds features such as filterable lists and inquiry forms. Check the pricing page for the full plan details.
Can I make an Elementor image map without Elementor Pro?
Yes. Create the map in Interactive Real Estate and paste its shortcode into Elementor's standard Shortcode widget. No dedicated Elementor extension or Pro subscription is needed for that widget.
Can I create an interactive map from an image?
Yes. Upload your own floor plan, site plan or building image and trace its clickable areas in the editor. The plugin does not automatically detect buildings or rooms; you draw and assign the regions yourself.
Is this a Google Maps or satellite imagery plugin?
No. Interactive Real Estate creates image-based property maps using images you supply. It does not download Google Maps images, find property boundaries, provide live street views or generate orthomosaic imagery.
Does the plugin work with React or SharePoint?
It requires WordPress and uses WordPress shortcodes. It is not a standalone React image-map component or SharePoint web part. For a site without WordPress, an HTML or SVG implementation may be a better fit.
Make your property images clickable
Start with the free WordPress plugin, try the editor, or compare plans for larger projects and advanced features.