Demos

IntroductionInstallationHow to add clickable zones to building images with SVGShortcode PlacementProject Export/Import

How to add clickable zones to building images with SVG

Transform static building images into engaging, clickable experiences with our SVG-based interactive tool in your WordPress website.

Adding project

Navigate to the WordPress dashboard and click Interactive Real Estate > New Project > Type project title and upload photo to begin the process of creating your first interactive building image > Click add project.

create project

Creating the Hotspots

Simply click on the image and create polygons. Polygons are clickable areas on your image. To complete the shape you must click the first circle, red one.

I made mistake, I want edit my polygon

No worries, If you want to change your polygon placement you can do it. Just click the already created polygon shape you want to change and move the circles based of your needs. Don't forget to update project to save changes.

Choose svg path colors

Easily customize the colors of your SVG paths to match your design aesthetic. With just a few clicks, you can select any color and apply it to paths.

You can change colors of:

  • Path
  • Path hover
  • Reserved flat polygon color
  • Sold flat polygon color
  • Stroke color
  • Stroke width
  • Container border radius

create project

Multiple tooltip variants

We offer a wide variety of tooltip. Easily choose the one you want.

Tooltip 1

create project

Tooltip 2

create project

Tooltip 3

create project

How to change currency icon

You can choose any currency symbol $, €, £, ₾ etc. and change based on your needs.

create project

Project export / import feature

The Project Export/Import feature allows users to easily migrate complete projects.

Key Benefits:

  • Time-saving - Duplicate projects without manual recreation
  • Backup protection - Safeguard your project configurations

Zooming • panning • editing polygon.

Simply press ctrl + for zooming in and ctrl - for zooming out. While you are zoomed in press space and move the cursor for panning.

What is flat types

For apartments of the same type, (For example, apartments that have the same area M2, number of rooms, arrangement of rooms) you need to add an entry in the types and then select from this list, Because the same records should not be created many times.