Multimedia widgets
Widgets are texts, pictures and videos that you can add to your virtual tour to enrich the presentation. They can communicate new information which are not included in 360 photograph you use.

Pop-out banner
It is a clickable icon you add to your tour, which when clicked expands and show the information inside. It can but doesn’t have to contain a title, a picture or a video, plain text, a link button or sound. You can use only one of those items or a combination of many. For example when you want it to only contain a picture jest leave the rest of the spaces empty.


Image banner
It is an image that sticks to wherever you put it. Sort of like a painting which hangs on the wall. You can choose how big it is supposed to be, where it should be placed in the scene and you can select rotation so it fits perfectly in your scene. It can be used to make the tour more attractive, cover what you do not want to show (for example the tripod) and to cover private information (like for example personal photographs in the apartment).


Text box
It is a plain text which is displayed in the scene. You can use it to describe the rooms, windows direction, or in the opening scene as the title. It is useful to convey information when your clients are visiting them by themselves and not in Coviewing mode.

How to use widgets?
Image banner

- Drag and drop the image widget from the widgets menu

(2) Click it on the list.
(3) Select.

(4) You can change the image here.

(1) Set the height and width of your image
(2) Click the chain to switch off “constrain proportions” if you need to – it will allow you to change height and width independently. You can click it to switch the constrainment back on, we recommend having it on as it helps to maintain the right proportions.
(3) Select this if you want your Image banner to have an additional background.
(4) Here you can choose the color of the background.
(5) Here you can choose opacity for the background – 0 means completely transparent, 100 means completely opaque.
(6) Add margins for your background if you need to.

(1) Rotate around horizontal axis – An automatic setting is selected by default. Two icons represent vertical and horizontal leveling. The first one makes image stick to “wall” and the second to the “floor/ceilling”.
(2) You can switch rotation style to manual from the dropdown menu.
(3) Rotate around vertical axis
(4) Rotate clockwise and counterclockwise
(5) Reset rotation – sets all the rotation values back to 0°
Pop-out banner


(1) Select the icon and the color of the icon. You can choose the empty icon (the one in the middle of the selection box) to create a subtle Pop-out banner which will be only visible when hovering a mouse near it or having a camera set so it is in the middle on moblie devices. An empty icon will not cover what is behind it, and can be used over Image banners to create a clickable Image banners.
(2) Add a title (optional).
(3) By clicking here you can change the picture (optional).
(4) Add Pop-out banner text (optional).

(5) Here you can change the font, color and alignment of the text (optional).
(6) Mark the checkbox to add a button to your Pop-out banner (optional). Then insert an URL adress – it can lead to your website, a document or a video. Pretty much anything goes. Lastly you can change the default “Read more” button text to anything you need.
(7) Here you can add audio to the banner and delete it (alternatively you can press Del key).

(1) Change the size of the banner by dragging the slider with your mouse or by inserting a value – the more the bigger your banner will be.
(2) Select this if you want your Image banner to have an additional background (optional). You can choose the color of the background and opacity for the background – 0 means completely transparent, 100 means completely opaque.
(3) Select margins for your background if you need to.
(4) Choose the animation that will be used when the icon of your Pop-out banner is clicked and it opens. It is deafaultly set to Scale.
Text box

(1) With your mouse drag the Text box into the tour to add it.
(2) Type or paste in the text.
(3) Choose the font, color and alignment.

(1) Set the width of your Text box
(2) Select this if you want your Text box to have an additional background. Here you can also choose the color and opacity of the background.
(3) Select margins for your background if you want to

(1) Rotate around horizontal axis – An automatic setting is selected by default. Two icons represent vertical and horizontal leveling. The first one makes image stick to “wall” and the second to the “floor/ceilling”.
(2) You can switch rotation style to manual from the dropdown menu.
(3) Rotate around vertical axis
(4) Rotate clockwise and counterclockwise
(5) Reset rotation – sets all the rotation values back to 0°
Keyboard shortcuts
When working with widgets you can use keyboard shortcuts:
Ctrl + C – Copy a widget
Ctrl + X – Cut the widget
Ctrl + V – Paste the widget
Delete – Delete selected widget (is has to be selected in your scene)
ESC – Minimise the widget (works for Pop-out banners)
0 Comments