Tour Editor

11 articles DEKO360 By DEKO360

Scenes, hotspots, and marker icons.

Tour Editor Overview

The tour editor is where you build a tour: organize rooms, upload panoramas, link scenes with hotspots, polish the experience and publish. This guide shows how the editor is laid out and the usual order of work. Start here, then follow the links for each step. Opening the editor Open any tour from your Dashboard, or create a new one with Create New Tour. New tours open straight in the editor. If you haven't made a tour yet, start with Creating Your First 360° VR Tour. How the editor is laid out - Top bar — the tour title, a status badge (Draft, or who can view it once it's live), your view count, and shortcuts: Script for guided tours, Floor plan, Preview or View, Copy embed, and Export on Creator and Agency plans. - Main viewer — the selected scene as a 360° panorama. Drag to look around, scroll or pinch to zoom. - Scene strip (bottom) — one thumbnail per scene, with a status indicator while it uploads and processes. Drag panoramas onto the + tile to add scenes. - Right-hand panel — collapsible sections: - Scene Inspector — settings for the selected scene: title, space, hotspots, blur regions, compass and start view, and Reprocess. - Spaces & Floors — your rooms and, for multi-floor properties, your floors. - Tour Properties — settings for the whole tour: title, hotspot icon, branding, tracking, access and more. Click empty space (no scene selected) to reach it. - Undo and Redo — step back or forward through your recent changes. Changes save automatically; the editor shows Saving… then Saved. The usual workflow 1. Create the tour Name it (usually the property address) and say whether it's indoor or outdoor, an apartment or a house, and whether it has multiple floors. 2. Add spaces (rooms) A space is a room or area such as Kitchen, Bedroom or Garden. In Spaces & Floors, click Add space, give it a name, pick a Category and say whether it's indoor or outdoor. For multi-floor properties, use Add floor (above or below) and assign each space to a floor. Spaces are what the floor plan and 3D view are built from, so it's worth doing early. They're optional for a simple tour. See Organizing Scenes into Spaces & Floors. 3. Upload your panoramas Select a space, then drag panoramas onto the upload strip, or click it to choose files. Each file becomes a scene in that space. DEKO360 processes every panorama in the background; a scene is ready once its status says Ready. See Reprocessing & Fixing Scenes if one fails. 4. Link scenes with hotspots Select a scene, click Add hotspot, click the doorway or opening in the panorama, then choose the Destination scene. Add a hotspot back from the destination too. Details are in Working with Scenes & Hotspots. You can restyle markers with Customizing Hotspot Icons and Hotspot Orientation & Attention Animation. 5. Set the compass and start view In each scene, turn the view to face west and click Set west to current view in the Scene Inspector. The floor plan and the Walk transition both need this. See Setting the Compass Direction & Start View. On the first scene you can also turn to the direction visitors should face when the tour opens and click Set start view. 6. Choose a scene transition Under Tour Properties, pick Fade or Walk. Walk moves the camera between scenes and needs at least two linked scenes, each with a finished depth map and a compass direction. Check Walk setup lists what's missing. Any scene that isn't ready falls back to Fade. See Scene Transitions: Fade vs Walk. 7. Protect privacy Use Blur area to permanently blur faces, license plates and house numbers. See Blurring Faces & Sensitive details. 8. Add a guided tour (optional) Click Script to build an autoplay walkthrough. See Autoplay Tour (Guided Script). 9. Add a floor plan and 3D view (optional) Click Floor plan to outline your rooms and unlock the 3D dollhouse view. See Floor Plan & 3D Dollhouse View. 10. Finish and publish Review title, previews and other tour-wide settings in Tour Properties, check the tour with Preview, then publish it. See Publishing Your Tour and Embedding Your Tour. Related guides - Creating Your First 360° VR Tour - Plans Overview

Organizing Scenes into Spaces & Floors

A space is a room or area of your property — Kitchen, Bedroom, Garden — and a floor is a storey that groups spaces. Organizing scenes into spaces keeps a tour tidy in the editor, labels scenes for you, and is what the floor plan and 3D view are built from: each space becomes one room on the plan. Spaces are optional for a simple tour. You can upload scenes without one and group them later. Adding a space 1. In the right-hand panel, open Spaces & Floors (it's just Spaces if your tour has a single floor). 2. Click Add space. You can also use the Add space pill above the scene strip. If the tour is empty, the editor offers Create your first space instead. 3. Enter a Name, such as Kitchen. 4. Choose a Category: Kitchen, Bedroom, Bathroom, Living room, Hall, Dining room, Garden, Balcony, Terrace, Garage or Other. 5. Choose Indoor or Outdoor. Outdoor spaces such as gardens, balconies and terraces are drawn as open ground, with no walls or ceiling, in the 3D view. New spaces start with your tour's indoor/outdoor setting. 6. On a multi-floor tour, pick the Floor the space is on. 7. Click Add space. Putting scenes into a space - When uploading: select a space first, then drag your panoramas onto the upload strip. They land in that space. - For an existing scene: select the scene, then choose a space from the Space dropdown in the Scene Inspector. On multi-floor tours the options show the floor too, such as "1st Floor · Bedroom", so two spaces with the same name stay distinguishable. - Not sure yet? Leave a scene as Unassigned. It appears under the Ungrouped pill in the scene strip. Use the space pills above the scene strip to show just one space's scenes, and drag the pills to change the order of your spaces. In the Scene Inspector, Auto-generate next to the scene title builds a title from the scene's space and position. Assign the scene to a space first. Editing and deleting a space - Open Spaces & Floors and choose Edit space to change its name, category, indoor/outdoor setting or floor. - Choose Delete space to remove it. Its scenes are kept but become ungrouped, and its floor-plan outline is deleted. This can't be undone. Floors The floor controls appear when you answered Yes, multi-floor to "Multiple floors?" while creating the tour. 1. In Spaces & Floors, click Above or Below next to Add floor. DEKO360 suggests a name such as Ground Floor, 1st Floor or Basement, and you can rename it at any time. 2. Assign each space to a floor when you create or edit it. 3. Use Move floor up and Move floor down to set the order. The order decides how floors are stacked in the 3D view. 4. Use the Floor pills above the scene strip to show one floor's spaces at a time, or All floors to see everything. Delete floor removes the floor only. Its spaces are kept but are no longer on any floor, and scenes and outlines aren't deleted. This can't be undone. Tips - Create your spaces before uploading, so each batch of panoramas lands in the right room. - Give spaces on different floors distinct names where you can, such as "Master bedroom" and "Guest bedroom". - To keep a scene in the tour but off the floor plan and 3D model, turn on Exclude from floor plan and 3D view in its Scene Inspector. Related guides - Tour Editor Overview - Floor Plan & 3D Dollhouse View - Working with Scenes & Hotspots

Working with Scenes & Hotspots

Managing scenes Every panorama you upload becomes a scene in your tour. Scenes appear as a strip of thumbnails along the bottom of the editor. - Select a scene by clicking its thumbnail — it loads into the main viewer above. - Rename a scene by selecting it, then editing the Scene title field in the right-hand panel. - Reorder scenes by dragging a thumbnail to a new spot in the strip. This doesn't affect hotspot navigation (hotspots define how visitors move between scenes) — it just changes the order you and your team see while editing. - Delete a scene using the trash icon that appears on hover over its thumbnail. This also removes any hotspots that pointed to it — double-check nothing important still links there first. - Add more scenes any time by dragging new panoramas onto the "+" tile at the end of the strip. Each scene shows a small status indicator while it's uploading and processing (queued → processing → ready). If processing fails, a Reprocess option appears so you can retry — see Troubleshooting Uploads & Processing. Placing hotspots Hotspots are the clickable markers that let a visitor walk from one scene to another. 1. Select the scene you want to add a hotspot to. 2. Click Add Hotspot in the toolbar above the viewer. 3. Click anywhere on the 360° panorama to drop a marker at that spot — typically a doorway, staircase, or opening. 4. In the hotspot list on the right, choose the Destination scene from the dropdown. A hotspot with no destination selected is marked Unlinked — visitors can see the marker but clicking it won't take them anywhere, so make sure every hotspot you place gets a destination. Removing a hotspot Open the hotspot list in the right-hand panel and click the trash icon next to the hotspot you want to remove. Building a walkable tour Think of hotspots as doors: if a visitor can walk from the Living Room into the Kitchen, place a hotspot in the Living Room scene pointing to the Kitchen — and one in the Kitchen scene pointing back to the Living Room. Tours feel best when every connection works both ways. Related guides - Customizing Hotspot Icons - Reprocessing & Fixing Scenes

Customizing Hotspot Icons

By default, hotspots appear as a simple pulsing dot. You can swap this for a different icon to better match what the hotspot leads to — available on every plan. Choosing an icon for the whole tour 1. Open your tour in the editor. 2. Click on empty space (make sure no scene is selected) so the right-hand panel shows Tour Properties instead of the scene inspector. 3. Under Hotspot Icon, pick from the available icons: Dot, Pin, Arrow, Door, Info, Star, Flag, and Compass. This sets the default icon used by every hotspot in the tour that hasn't been given its own icon. Overriding the icon for a single hotspot You're not limited to one icon per tour — any hotspot can use a different icon from the tour-wide default: 1. Select the hotspot from the hotspot list in the right-hand panel. 2. Under Hotspot Icon (shown in that hotspot's own settings), pick a different icon just for that hotspot. This is useful for mixing icons purposefully — for example, Door for room-to-room transitions and Info for a hotspot that just reveals more detail about the current room. Choosing the right icon - Door works well for room-to-room transitions. - Arrow or Compass suit directional movement, like walking down a hallway. - Info is a good fit if a hotspot leads to more detail rather than a new room. - Pin or Star can highlight a hotspot pointing to a featured space (a pool, a view, a rooftop). Changes apply immediately — you'll see the new icon on the live editor stage, and it updates on your published tour as soon as you save.

Hotspot Orientation & Attention Animation

Beyond choosing an icon, each hotspot has two more settings you can fine-tune individually, found in the same panel where you set its destination. Orientation: Floor vs. Wall 1. Select the hotspot from the hotspot list in the right-hand panel. 2. Under Orientation, choose Floor or Wall. Wall hotspots stand upright and face the camera — a good fit for doorways and signage-style markers. Floor hotspots lie flat, like a decal on the ground — better for markers you'd expect to walk over, like a staircase or a path. Attention Animation Under Attention Animation, toggle it On to add a soft glow that gently fades in and out on that hotspot only — useful for drawing a visitor's eye to a marker they might otherwise miss. Related guides - Customizing Hotspot Icons - Working with Scenes & Hotspots

Setting the Compass Direction & Start View

Two small settings make your tour feel right: the compass direction tells DEKO360 which way each panorama faces, and the start view decides where visitors look when the tour opens. Compass direction (set west) DEKO360 can't know which way a panorama was shot. You tell it by turning the view to face west and saving that direction for the scene. It's used in two places: - The floor plan. The plan is laid out relative to north, so each scene needs its west direction before it can be placed correctly. See Floor Plan & 3D Dollhouse View. - The Walk transition. It uses the compass to land facing the right way when moving between linked scenes. See Scene Transitions: Fade vs Walk. Setting it 1. Select a scene. 2. In the main viewer, drag until you're looking west. The compass on the viewer shows your current direction. If you're not sure which way is west, check a map or a phone compass for the room you were standing in. 3. In the Scene Inspector on the right, click Set west to current view. You'll see "West direction saved for this scene". 4. Repeat for every scene you want on the floor plan or in Walk transitions. To remove it, click Clear compass. Setting the compass can be undone with Undo. How do I know what's missing? - Hovering the Floor plan button in the top bar shows how many scenes still need a direction. If you open the floor plan before they're all set, a checklist shows progress (for example "3 of 5 scenes set") with a Go to the editor button. - The Check Walk setup list under Tour Properties flags scenes with "Compass not set". Scenes you've excluded from the floor plan don't need a compass for the plan. Start view The start view is the direction visitors face when the tour first opens. 1. Select the first scene of your tour. 2. Drag the view to point where you want visitors to look first, such as the main window or the entrance. 3. Click Set start view. You'll see "Start view saved". Only the tour's first scene uses a start view. Tips - Set the compass while you're placing hotspots, so you only open each scene once. - Pick the same reference for every scene: stand in the room, work out which wall faces west, then turn to it. - If a floor plan looks rotated or mirrored, recheck the west direction on the scenes in the affected room. Related guides - Tour Editor Overview - Organizing Scenes into Spaces & Floors - Working with Scenes & Hotspots

Scene Transitions: Fade vs Walk

A scene transition controls how visitors move from one scene to the next when they click a hotspot. DEKO360 offers two: Fade and Walk. The two transitions - Fade — the current scene fades into the next. It works for every tour with no setup and is the default. - Walk — the camera glides toward the hotspot, as if the visitor were walking through the doorway, before arriving in the next scene. It uses each scene's depth map to create the movement. Choosing a transition 1. Open your tour in the editor. 2. Click empty space (no scene selected) so the right-hand panel shows Tour Properties. 3. Under Scene transition, choose Fade or Walk. The setting applies to the whole tour. What Walk needs Walk only works between scenes that are fully set up. Anything that isn't falls back to Fade, so a tour is never broken by a missing step. For each hop between two scenes: 1. Both scenes are linked with hotspots. Add at least two scenes and link them. See Working with Scenes & Hotspots. 2. Each scene has a finished depth map. Depth maps are generated when a panorama is processed. If one is missing, use Process depth maps, or Reprocess in the Scene Inspector. 3. Each scene has its compass direction set. Turn the view to face west and click Set west to current view. See Setting the Compass Direction & Start View. Check Walk setup When Walk is selected, click Check Walk setup (or the Walk setup is incomplete badge) to see what's missing. It lists the scenes that: - have no finished depth map (with a Process depth maps button, and "Depth map is processing…" while it runs), - have no compass set, or - have no hotspot linking to another scene. Each item has a Go to scene link that jumps straight to it. When everything is ready you'll see "All scenes are ready for the Walk transition." Tips for a smooth walk - Place each hotspot on the floor, toward where the other scene's camera was standing. - Set the compass on both linked scenes so the walk lands facing the right way. - Add hotspots in both directions between rooms so visitors can walk back too. - Start with Fade while you build, then switch to Walk once your scenes are processed and compass directions are set. Related guides - Tour Editor Overview - Reprocessing & Fixing Scenes - Customizing Hotspot Icons

Blurring Faces & Sensitive details

Sometimes a panorama catches something you'd rather not publish — a passerby's face, a car's license plate, a house number. DEKO360 lets you permanently blur any rectangular area of a scene before it goes live. Adding a blur region 1. Select the scene in the editor. 2. Click Blur area in the toolbar above the viewer. 3. Drag a box over whatever you want to hide. 4. Repeat for as many areas as you need. Each one is listed under Blur Regions in the right-hand panel. The blur is baked into the published panorama — visitors can't toggle it off or see the original underneath. Removing a blur region Open Blur Regions in the right-hand panel and click the trash icon next to the region you want to remove. If that was the last blur region on the scene, it reverts fully to the original upload. Tips - Blur regions are positioned on the panorama itself, so they stay in place as visitors pan and zoom. - There's no drag-to-resize on an existing region — delete it and redraw it instead. Related guides - Working with Scenes & Hotspots

Autoplay Tour (Guided Script)

A tour script is a guided path through your scenes. Visitors press Play and the tour walks itself: it turns to face the doorway, looks all the way around the room, then moves on to the next scene. Building a script 1. Open your tour in the editor and click Script in the toolbar. 2. You'll need scenes already linked with hotspots first — the script is built from those connections. 3. Click Generate script for a suggested order that visits every scene, then drag cards to rearrange or remove any you don't want — nothing is saved until you make a change. 4. Alternatively, build it manually: under Add another connection, pick a hotspot to jump through, one step at a time. Each step shows a Start or End badge where relevant, and you can drag any step to reorder it. Clearing a script Click Clear script to remove every step and start over. This doesn't affect your scenes or hotspots — only the guided order. What visitors see On the published tour, visitors get an Autoplay Tour button. Clicking it starts the guided walkthrough; Stop Autoplay hands control back to them at any point. Related guides - Working with Scenes & Hotspots - Publishing Your Tour

Floor Plan & 3D Dollhouse View

A floor plan turns your tour into a walkable 3D model of the property, painted with your own 360° photos. Visitors see a 3D button in the viewer, orbit the whole home, then tap a room to drop straight into that scene. Drawing the plan takes a few minutes, and it's available on every plan. What you need first Before you draw, make sure: 1. Your scenes are in spaces. Each space becomes one room on the plan. In the editor, use Spaces & Floors → Add space, then assign each scene to a space in the Scene Inspector. If you open the floor plan with no spaces, you'll be asked to create some first. For homes with several storeys, add your floors too and assign each space to one. 2. Each scene has its west direction set. The plan is laid out relative to north. In every scene, turn the view to face west and click Set west to current view in the Scene Inspector. If any scenes are missing this, opening Floor plan shows a checklist (for example "3 of 5 scenes set") with a Go to the editor button. Drawing the floor plan 1. In the editor's top bar, click Floor plan. 2. Select a room in the Rooms list and click Draw. 3. Click each corner of the room on the plan. To finish, click the first corner again, double-click, or press Enter. Press Esc to cancel. 4. Repeat for every room. Each scene appears as a dot on the plan. Drag a dot to where that scene was shot, inside its room. Scenes that aren't in a room yet are listed under Scenes without a room. 5. Click Save. An outline that crosses itself or is too small turns red and can't be saved until you fix it. The editor shows "Fix the red rooms before saving them." Adjusting rooms - Move a room by dragging it. Redraw replaces its outline. - Reshape a room by dragging its corners. Drag a point on a wall to add a corner and bend it. - Rotate a room with the rotate handle (hold Shift for 15° steps), or use the 90° and 15° buttons. - Undo and Redo step through your changes. Nothing is saved until you click Save; you'll see Unsaved changes until you do. - Clear outline removes every room outline and puts each scene dot back at its default position, after you confirm. You can still undo it, and nothing is saved until you press Save. Multi-floor properties Use the Floor switcher to work on one floor at a time. Under Layers you can show the outline of another floor behind the one you're editing, which helps you line rooms up, or hide the floor you're editing to see what's underneath. In 3D, the floors are stacked as one building. Outdoor spaces Spaces marked as outdoor, such as a garden, balcony or terrace, are drawn as open ground with no walls or ceiling, so the layout reads naturally. Floor photo Turn on Floor photo to project each scene's 360° photo top-down onto the plan. It's a quick way to check that your rooms and scene dots line up with what's really on the floor. It's an editing aid and isn't saved. Leaving a scene out of 3D If a scene should stay in the tour but not appear on the plan or in the 3D model, open it and turn on Exclude from floor plan and 3D view. What visitors see Once the tour is published and the plan is saved, visitors get a 3D button in the viewer. They drag to orbit and pinch to zoom, then tap a room's marker to fly into that scene. Going back returns them to the 3D view, still facing the way they were looking. Photos are prepared in the background while visitors are in the tour, so 3D opens fully painted. Troubleshooting - The Floor plan button asks for a compass direction. Set west on every scene you want in the plan (see "What you need first"). - A room can't be saved. Its outline is red: it crosses itself or is too small. Redraw it or drag the corners until it turns normal. - A scene is missing from the plan. Check it's assigned to a space and isn't set to Exclude from floor plan and 3D view. Related guides - Tour Editor Overview - Working with Scenes & Hotspots - Publishing Your Tour

Tour Properties

Tour Properties holds the settings that apply to the whole tour, not one scene: its title, how it looks in search and social previews, how visitors move around, and who can see it. Opening Tour Properties Open your tour in the editor and click empty space — make sure no scene is selected. The right-hand panel changes from the Scene Inspector to Tour Properties. Title and previews - Tour title — shown at the top of the tour, in your dashboard and in link previews. A tour needs a title. - Meta description — shown in search results and social previews. If you leave it empty, DEKO360 uses a default description. - Featured image — the preview picture used when your tour is shared on Facebook, WhatsApp, X, Instagram and other platforms. Click Upload image, or choose Use a scene thumbnail (scenes need to be processed first). Recommended size is 1200×630px, JPEG, PNG or WebP, up to 8MB. Use Replace or Remove to change it later. How the tour looks and behaves - Hotspot icon — the default marker for every hotspot. See Customizing Hotspot Icons. - Tour Bar — where the room and scene switcher docks in the published tour: Top or Bottom. - Scene transition — Fade or Walk. See Scene Transitions: Fade vs Walk. - Tour Info Overlay — shows the tour title and the current space name in the bottom-left corner of the public viewer. Toggle Title & Space name on or off. - Share Icon — lets mobile visitors share the tour with their phone's built-in share menu. Toggle it on or off. Who can view the tour The Who can view this? panel controls whether the tour is a draft or live, and who can open it. See Publishing Your Tour and Password-Protecting a Tour. Branding On the Creator and Agency plans you can hide the "Powered by DEKO360" badge, add your own logo, pick a custom accent color for hotspot markers, and upload your own nadir patch logo. Hiding the badge also hides the default DEKO360 patch under the camera. The Nadir patch size slider in this section is available on every plan. See White-Label Branding and Custom Accent Color. Analytics & Tracking Creator and Agency plans can add their own Google Analytics, Google Tag Manager and Meta Pixel IDs so visits to the tour show up in their own reporting. See Analytics & Tracking. MLS Compliance A separate MLS Compliance section in the right-hand panel helps a tour meet typical MLS and IDX listing-display requirements. Rules vary by MLS board, so treat it as a starting point. On Creator and Agency plans you can: - Add Listing/brokerage attribution, such as "Listing courtesy of Jane Doe, ABC Realty". It's shown on the public tour, and a green check appears once it's filled in. - Turn on Exclude from Google search to keep the tour out of search engines. This is useful once a listing sells or is withdrawn but the link stays live. Related guides - Tour Editor Overview - Plans Overview