Understanding the interface

1. Header bar

Located at the top. Shows your project name, save status, an undo button, and navigation back to your workspace. Sharing lives in the Share tab.

2. Preview area (center)

The main area where you see your 3D project. Navigate pages and drag hotspots into place here. Hotspot actions and tooltips only run in the published view.

3. Sidebar (right)

The control panel with tabs for different settings. This is where you upload content, add interactivity, and customize appearance.

Content tab

Manage your project's content:

• Upload PDFs and images
• View and reorder pages
• Delete unwanted pages
• See page thumbnails

Hotspots tab (all types except Lanyard)

Add interactive hotspots to your pages:

• Create clickable areas
• Link to other pages or URLs
• Add tooltips and modals
• Customize icons and colors

Dock links (inside the Menu tab)

Add items to the navigation dock. Available on Lanyard and the two mockup types:

• Add links to external websites
• Create modal popups
• Add visual dividers
• Reorder dock items

Menu tab

Control dock display settings:

• Show/hide controls dock
• Position (top or bottom)
• Enable download button
• Show/hide zoom buttons
• Customize dock styling

Settings tab

Customize the visual style:

• Background type (solid, gradient, image)
• Background colors
• Cover/ribbon colors
• Default zoom level

Share tab

Control access and distribution:

• Set visibility (Private/Unlisted/Public)
• Copy share link
• Download QR code
• Get embed code
• Connect custom domain (Pro)