Style & Embed
In this module, you can preview your project, edit hosting options and customize the style.
Hosting
Styling
How to embed
Planpoint can be embedded into any kind of website, from custom HTML/CSS/JS to platforms like Webflow, SquareSpace, Wix or WordPress. A Planpoint embed code is simply a few lines of HTML and JavaScript.
Paste the code where you want your Planpoint Viewer to appear. The Planpoint Viewer will obey the width of the parent element in which it’s placed in. The height is established by the content inside the viewer. For example, if the building image’s proportions are more vertical than horizontal, 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.
Step-by-step
Step 1
To access the Style & Embed module, locate the project you wish to access in your Planpoint dashboard and click on the Style & Embed button.
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.
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.
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 (English, French, Spanish, Chinese and German). Each language will have it’s own script to copy-paste.
-
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.