Popup content

A popup (the Open popup interaction of a hotspot or a theme menu item) is written in a rich text editor. Besides text, it can hold images, videos, web pages, a 360° view of one of the tour’s scenes, and photo galleries. Everything here is available on all plans.

Toolbar:

• Point at a toolbar button, or move to it with the Tab key, to see its name and keyboard shortcut. The first name appears after a short moment; moving along the toolbar shows the next one at once.
• Shortcuts on a Mac: Bold ⌘B; Italic ⌘I; Underline ⌘U; Strikethrough ⇧⌘S; Heading 1, 2 and 3 ⌥⌘1, ⌥⌘2 and ⌥⌘3; Bulleted list ⇧⌘8; Numbered list ⇧⌘7; Quote ⇧⌘B; Align left, center and right ⇧⌘L, ⇧⌘E and ⇧⌘R; Undo ⌘Z; Redo ⇧⌘Z.
• On Windows and Linux, Ctrl takes the place of ⌘, Alt of ⌥ and Shift of ⇧: for example Ctrl+Shift+S for Strikethrough.
• The same toolbar, with the same names and shortcuts, appears in the other rich text editors of the tour editor.

360° view of a scene:

Visitors look around one of the tour’s scenes inside the popup, without leaving the scene they are in.

1. Click Insert a 360° view of a scene in the toolbar.
2. Pick a scene. Only photo scenes are listed: 360° videos and 3D scenes can’t be shown this way yet. With more than six photo scenes, a search field appears.
3. Starting view: drag the preview to choose where visitors start looking. Without that, the view starts where the scene starts in the tour; Use the scene’s starting view goes back to it.
4. Size: 16:9 (Landscape, the default), 4:3 (Standard), 1:1 (Square) or 9:16 (Portrait).
5. Show a “Go to this scene” button (off by default): pressing it closes the popup and takes the visitor into that scene, facing where they were looking in the small view.
6. Click Insert.

In the editor, the view shows its starting view and the scene’s name. Select it, then click the pencil button to change it or the trash button to remove it. If the scene is later deleted from the tour, the block says so and offers Choose a scene…; until then visitors don’t see the view.

What visitors see:

• The scene’s picture first; the view loads when it comes into sight in the popup.
• Drag to look around. The fullscreen button opens the view full screen, on browsers that allow it (iPhones don’t). The mouse wheel zooms in full screen; in the popup it scrolls the popup.
• If the view can’t load, it says so and offers Try again.

Photo gallery:

A gallery inside the popup sits among its text. It is not the Open a photo gallery interaction, which opens a gallery on its own.

1. Click Insert a photo gallery in the toolbar.
2. Click Add photos, or drop photos onto the dialog: JPG, PNG or WebP, up to 20 MB each. A photo that fails to upload offers Try again.
3. Add a caption to any photo (up to 300 characters), and change the order with the up and down arrows.
4. Layout: Slideshow shows one photo at a time with its caption below; Grid shows every photo at once, as tiles.
5. Size (slideshow) or Tile shape (grid): 16:9, 4:3 (the default), 1:1 or 9:16.
6. Click Insert. Closing the dialog with changes not inserted asks first.

In the editor, select the gallery, then click the pencil button to change it or the trash button to remove it. Visitors swipe through a slideshow or use its arrows, with a counter such as “2 / 5” showing where they are. Clicking any photo opens it full screen.

Notes:

• Reusable popups can hold 360° views and galleries too, and the reusable-content picker previews them.
• Duplicating a project: a 360° view in the copy shows the copy’s own scene. Gallery photos are copied like any other image in the popup.
• Translations: Translate with AI translates gallery captions with the rest of the popup. In Edit translations…, a gallery’s captions can’t be changed by hand yet. The labels visitors see on views and galleries, such as “Go to this scene” and “Next photo”, are among the viewer’s own labels there.
• VR: a 360° view can’t be shown inside a VR popup; the popup says so and offers Exit VR to view. A gallery shows its photos as a grid of tiles, without captions.