​
Options & previewing

1

Step 1

To access the Preview and Embed module, locate the project you wish to access in your Planpoint dashboard and click on the Style & Embed button.

2

Step 2

To preview your work in progress, simply choose the desired language output, assign the namespace, project name, plan viewer theme and click on Open a new tab.

Assign a permanent namespace and project name before embedding the code. If these are modified, the code will cease to function, necessitating the need for re-embedding.
3

Step 3

A new window will open up with the live preview of your current project. Test your plan viewer and make changes accordingly. You will need to reload the preview in order for changes to take effect.

4

Step 4

Once you’re satisfied with your plan viewer, simply select the desired language output and theme, and click on Click to copy.

  • You can export as many instances of your plan viewer as you wish, in 5 languages (French, English, Spanish, Chinese and German). Each language will have a different code to copy.
  • You should paste the code wherever you want your plan viewer to appear in your website. The plan viewer will fill the parent element in which it’s inserted. The code will work on every major website platform, from Wordpress to Wix and custom HTML.

​
How to embed into your site

Planpoint can be embedded into any kind of website, from custom HTML/CSS to platforms like Webflow, SquareSpace, Wix or WordPress. The Planpoint embed code is simply a few lines of HTML and JavaScript.

Paste the embed code where you want your Planpoint Viewer to appear. The Planpoint Viewer will follow the width of the parent element in which it’s placed in. The height is determined by the content inside Planpoint. If the building image is very long vertically, the Planpoint Viewer will occupy more height on your page. You can stylize the parent element however you see fit, for example by adding padding or giving it a fixed width.

If you encounter difficulties embedding the code, please do not hesitate to reach out to us. Our team is ready to assist you.
FloorsChange information