Skip to content Skip to main navigation Skip to footer

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.

Widgets menu

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

  1. Drag and drop the image widget from the widgets menu
(1) Select Add. Upload the image/graphic you intend to use.
(2) Click it on the list.
(3) Select.
General tab – Image banner
(4) You can change the image here.
Style tab – Image banner
(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.
Location tab – Image banner
(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) With your mouse drag the Pop-out banner into the tour to add it.
General tab – 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).
General tab – Pop-out banner
(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).
General tab – Pop-out banner
(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

General tab – 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.
Style tab – Text box
(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
Location tab – Text box
(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)

Was This Article Helpful?

0 Comments

There are no comments yet

Leave a comment

Your email address will not be published. Required fields are marked *