How to Add Interactive Floor Plans to WordPress (Step-by-Step)

Use a WordPress image map to make a floor plan clickable: upload your image, draw SVG regions, and attach apartment details such as price, area and availability. This walkthrough covers the project and floor setup. For drawing and publishing the clickable regions, follow the interactive floor plan setup guide.

What You’ll Need

• The Interactive Real Estate plugin (Free or Premium)
• A WordPress website
• Your building render image (PNG, JPG, or webp)
• Your floor plan image (PNG, JPG, or webp)

Step 1: Installation

If you have everything ready next step is to install the Plugin. For detailed instruction how to install plugin follow link.

Step 2: Create a New Project

1. Go to Interactive Real Estate > New Project
2. Name Your Project: E.g., "Sunrise Apartment Complex"
3. Upload Your Project render: Drag-and-drop your image file
4. Click Create Project

Step 3: Create 2d/3d floor plan

Click floors tab in newly created project and add new floor plan. Here you need to just upload your floor plan image and fill all required field such as title, floor number, block, configuration.

That’s it! With these few simple steps, your website can now feature interactive floor plans. Whether you’re showcasing apartments, houses, or office spaces, this plugin makes it incredibly easy to create dynamic, informative, and visually appealing floor plans. Happy building!