Three-storey house showroom
How to build a complete showroom for a three-storey house: video cover, 360 scenes, connection points, floor plans, template, mobile version and publishing.
▶ Watch on YouTubeComplete visual tutorial
Master Scenes and create your own template
Choose a path and watch every action on a replica of the real editor: first build the showroom, then design the experience your visitors will see.
Video tutorials
Tutorials section
Watch the whole process from start to finish. Then follow the visual walkthroughs for Scenes and Templates.
Create units and connect them to a 360 tour
Full tutorial in Spanish: connect the 360 views, draw an area on the floor plan, create a unit and link its virtual tour. Set the area color to update automatically for available, reserved or sold units.
▶ Watch on YouTube
Complete visual tutorial
Master Scenes from start to finish
Watch every action on a replica of the editor: upload resources to the Library, turn them into scenes, connect them, add transitions, prepare a floor plan, and publish.
Automatic playback
Step 1 / 26
Get to know the editor
Open “Scenes”. The tour order is on the left, the active scene is in the centre, and review, preview, and publishing controls are at the top.
Open the Library
Click “+ Scene” in the Tour header. The Library opens over the editor without making you lose your place.
Click “Upload files”
In the upper-right corner of the Library, open “Upload files” to add images, panoramas, or videos.
Choose or drop resources
Drop several files onto the upload area or click it to choose files from your device. You can mix images and clips in one batch.
Let the upload finish
Each file has its own progress bar. Wait until every item reaches 100% before closing the upload or creating scenes.
Filter by type
Use the Library filters to show only flat images, videos, or 360° panoramas. This quickly separates each part of the tour.
Select the views
Click every thumbnail you want to turn into a scene. The blue mark and counter confirm exactly which files are selected.
Create the scenes
Click “Create scenes”. Every selected resource becomes a card in the Tour column.
Open a scene
Click a card in the left column to show it in the viewer. The active card stays highlighted so you always know what you are editing.
Order the tour
Drag a card from its handle and drop it in the correct position. The cursor shows the complete movement path.
Open “Scene details”
Click “Scene details” on the active card. The side panel contains type, image, variants, title, destinations, and transition settings.
Mark the view as 360°
Under Type, choose “360°” for a panoramic image. The viewer treats it as a sphere the visitor can look around.
Add variants
Under Image and variants, click “+” and choose another Library version, such as a different finish for the same room.
Activate “Navigation point”
Close the details and click the round points button next to the viewer. The editor enters “Placing points…” mode.
Place the point in the panorama
Click the door, corridor, or stairway where the visit should continue. The point stays attached to that location in the panorama.
Choose the destination
In Point details, open Destination and select the scene the click should open, such as “360 3”.
Adjust icon and size
Choose the icon that best describes the movement and adjust its size. Make sure it is visible without covering important parts of the image.
Create the return point too
Enable “Create the return too”, or open the destination scene and add the reverse point. Visitors can then return along the same path.
Review the Map
Open Map to see the complete network. Connected circles make up the tour; dashed cards are scenes that are still loose.
Connect loose scenes
Open a loose scene, create a point to a connected scene, then return to Map. The card becomes part of the network.
Open “Video transition”
From the viewer tools, open “Video transition”. Define where the clip starts and where it ends.
Choose the clip and save
Choose a Library video, verify the “Starts at → Ends at” route, and click “Save transition”.
Preview the tour
Click “View showroom” and use every point as a visitor. Check destinations, return points, variants, and transitions.
Upload the floor plan
Open Plans, create a plan for the level, and choose the matching floor image from the Library.
Place scenes on the plan
Position each scene over its room on the plan. Visitors can then jump between levels and rooms from this view.
Publish the showroom
Open the publishing status and choose “Publish for everyone” or “Publish privately”. The project becomes available with that visibility.
Visual template tutorial
Create your own template
A demonstration of the real editor for building pages, placing widgets, adapting every screen, and publishing a reusable template.
Automatic playback
Step 1 / 30
Open Presentation
From the project panel, open Presentation. System templates and every template created for the showroom live here.
Click “Create template”
Open “Your templates” and click “Create template”. Give it a clear name; you can reuse and edit it later.
Learn the three areas
Pages are on the left, the canvas is in the center, and the inspector is on the right. The top bar holds devices, history, AI, and publishing.
Open the Cover
Select Cover in the page rail. This fixed view is the first screen visitors see.
Check desktop, tablet, and mobile
Use the three center buttons to change the editing width. Each view keeps the same widgets and lets you review their composition.
Open “Add widget”
Click “Add widget” to open the catalog. Widgets are grouped by use, but any widget can be placed on any page.
Filter Cover widgets
Choose Cover to see logo, title, text, Enter, menu, music, loading, full screen, and QR.
Add the logo
Click “Project logo”. The widget appears on the canvas and stays selected so you can move it or change its style.
Add a title
Add Title and enter the project name or a short phrase. The inspector controls text, style, and alignment.
Add “Enter 360°”
Place the button that takes visitors from the Cover into the Tour. Its purpose should be clear immediately.
Drag the widget
Grab the selected widget and move it around the canvas. Guides help keep the composition aligned.
Resize it
Drag one of the frame handles to adjust width and height. Make sure the content is not clipped.
Edit in the inspector
With the widget selected, use the right panel to change its content and component-specific options.
Choose a style
Open Style and try one of the available variants. Every widget keeps its purpose while its appearance changes.
Choose where it appears
Turn widget visibility on or off for desktop, tablet, and mobile when a composition needs a simpler version.
Create a new page
Click “+” beside Pages, enter a name, and create the page. It appears in the rail ready for widgets.
Design the Tour
Open the fixed Tour page. The canvas changes to the showroom and lets you build navigation around every scene.
Explore Tour widgets
In Add widget, choose Tour. You will find navigation, contact, project data, free content, and strips.
Add a scene selector
Place Scene selector so visitors can jump between views from a collapsible list.
Add the floor plan
Add Floor plan. The minimap shows the current location and opens the full floor-plan navigation.
Add a contact strip
Place Contact strip to combine a call to action, form, and WhatsApp in one clear band.
Edit one specific scene
Open Edit by scene when one view needs its own composition. The badge shows how many scenes have special adjustments.
Open Settings
Settings chooses whether the showroom starts at Cover or Tour and defines the shared visual identity.
Choose a palette
Try Graphite, Copper, Forest, Navy, Burgundy, or Gold. You can also set the primary and text colors.
Set the typography
Choose Modern, Elegant, Classic, Neutral, or Geometric. The selection is applied consistently across the template.
Configure the modals
Open Modals to choose the appearance of Contact, QR, Gallery, Progress, Values, Unit details, and Location.
Test without selecting
Hold Alt and click a widget to try its action—navigate or open a modal—without changing the selection.
Ask the AI for help
Open AI Assistant, describe the result you want, and review the proposal before applying it to the template.
Check autosave and history
Wait until the status says Saved. Use Undo and Redo to move through recent changes without losing work.
Publish the template
Click Publish, choose Private or Public, and confirm. The new version becomes available with that visibility.
This demonstration never changes a project. You can pause, go back, or choose any point on the timeline.