Integration

Embed interactive floor plans in any Divi layout

Interactive Real Estate integrates with Divi through the standard Divi Code module. Drop your shortcode into any section, row, or column — the interactive map renders inside your Divi layout with full responsiveness.

Interactive Real Estate plugin preview

How to set it up

Up and running in minutes

01

Build and save your project in Interactive Real Estate

02

Copy the shortcode from the editor (e.g. [irep_project id="123"])

03

In Divi Builder, add a Code module to your desired section

04

Paste the shortcode into the Code module and save — done

Troubleshooting

When it doesn't render

The handful of things that actually go wrong with this builder, and what fixes each one.

The shortcode appears as text instead of a map

Why
It was pasted into a Text module. Divi's Text module runs content through the editor's formatting, which can wrap or escape the brackets before WordPress sees them.
Fix
Use the Code module instead. It passes content through untouched, which is what a shortcode needs.

The map looks unstyled or half-rendered after an update

Why
Divi's Static CSS File Generation caches a combined stylesheet per page and does not always rebuild it when a plugin's assets change.
Fix
Go to Divi → Theme Options → Builder → Advanced and click Clear Static CSS File. This is the single most common fix for display problems on Divi sites.

The map is missing inside a Divi popup or toggle

Why
The module was placed in a container that Divi keeps collapsed until interaction, so the map had no measurable width at load.
Fix
The map re-measures when the container opens. If it still looks wrong, open the toggle by default once to confirm the shortcode itself renders, then re-collapse it.

The Visual Builder shows the raw shortcode

Why
Divi's Visual Builder does not execute third-party shortcodes inside the Code module while editing.
Fix
This is expected and not a fault. Save and view the page on the front end — the map renders there. Use the Divi wireframe view while building.

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

yourproject.com / apartments
The Interactive Real Estate editor, linking a drawn polygon to a specific flat on a building render

Click · Filter · Reserve

One shortcode

FAQ

Frequently asked questions

Which Divi module should I use for the shortcode?

Will the map work inside a Divi popup or tab?

Does it respond to Divi's mobile and tablet breakpoints?

Ready to add interactive floor plans to your divi site?

Install the free plugin from WordPress.org, create your first project, and paste the shortcode — takes less than 10 minutes.