Integration
Add interactive floor plans to any Elementor page
Interactive Real Estate works seamlessly with Elementor. Use the built-in Shortcode widget to drop your interactive floor plan, apartment map, or 360° viewer into any Elementor page layout — no custom code or developer required.
How to set it up
Up and running in minutes
Create and configure your project in the Interactive Real Estate dashboard
Copy your unique shortcode from the lower-left corner of the editor (e.g. [irep_project id="123"])
In Elementor, drag a Shortcode widget to your desired location
Paste the shortcode and click Update — your interactive map is live
Troubleshooting
When it doesn't render
The handful of things that actually go wrong with this builder, and what fixes each one.
The shortcode shows as plain text on the live page
- Why
- The shortcode was pasted into a widget that outputs raw text instead of running shortcodes — usually a Heading, or a Text Editor widget in a template that bypasses the_content filter.
- Fix
- Move it into Elementor's dedicated Shortcode widget. That widget calls do_shortcode directly, so it renders regardless of how the template handles content.
The map is invisible or collapses to zero height
- Why
- The section it sits in has a fixed height, or overflow set to hidden, so the map renders but is clipped by its parent.
- Fix
- Set the section height to Fit To Content and clear any min-height on the column. The map sizes itself to its container, so it needs the container to size itself to content.
The map is the wrong width inside a popup, tab, or accordion
- Why
- The container was hidden when the page first loaded, so there was no width to measure at initialisation.
- Fix
- The map re-measures when its container becomes visible. If a stale width persists, avoid display:none on the wrapper — use Elementor's own popup and tab controls, which toggle visibility in a way the map detects.
Edits to a project don't appear on the front end
- Why
- Elementor serves a cached CSS and HTML bundle per page, and most host-level page caches sit in front of that.
- Fix
- Run Elementor → Tools → Regenerate CSS & Data, then purge your hosting or plugin cache. Flat status changes appear immediately once the page cache is cleared.
Live preview
See how an interactive building works on your website
Buyers explore your development the way they actually want to — click any unit for its price, area, floor and availability. They find the flat that fits before they ever pick up the phone, and your sales team spends its time on people who are ready to buy.
Free plan on WordPress.org — no credit card required
Click · Filter · Reserve
One shortcodeFAQ
Frequently asked questions
Does Interactive Real Estate need a dedicated Elementor widget?
Will the map resize correctly inside Elementor columns?
Can I use Elementor's display conditions to show or hide the map?
Ready to add interactive floor plans to your elementor site?
Install the free plugin from WordPress.org, create your first project, and paste the shortcode — takes less than 10 minutes.