Skip to main content

Understanding the interface

Get familiar with the i3Dify project editor and all its features.

Project editor overview

The project editor is where you build and customize your 3D experiences. It's divided into three main areas:

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.

Editor tabs

The editor has five tabs. Content and Settings open a second row of sub-tabs, and a few sub-tabs only appear for the project types that use them.

AI

Ask for a change in your own words and the AI assistant makes it in this project: a new color, more pages, a different camera. It spends AI tokens from your plan.

More about the AI assistant

Content

What the project shows, in four sub-tabs:

  • Files: upload, reorder and remove your pages, photos or screens
  • Hotspots: clickable spots on your pages, on flipbooks, albums, business cards, galleries, and desktop and mobile mockups
  • Menu: the navigation dock and its buttons, plus links of your own on the lanyard, both mockups, the instant camera, the mug and the can
  • Sounds: background music for the project
Hotspots, dock, background and sounds in detail

Settings

How the project looks and moves, in three sub-tabs:

  • General: the title and description, and the options of the project type
  • Scene: the background (a wall color and texture on the gallery) and realism effects such as film grain and vignette
  • Camera: the camera angles, the zoom and auto-rotate
Backgrounds in detail

Share

Who can open the project and how it reaches them:

  • Set the visibility (Private, Unlisted or Public) and save the project
  • Copy the public link
  • Download a QR code
  • Copy the embed code
  • Protect the project with a password
  • Connect a custom domain (Pro, Business and Enterprise)
Sharing in detail

Studio

Direct a camera through the project, then share the result as a page people scroll through or download it as a video.

More about Studio

Viewer controls

When viewing a flipbook, you and your audience have several ways to interact:

Navigation

  • Click page edges to flip
  • Use arrow buttons in dock
  • Keyboard arrows (desktop)
  • Swipe gestures (mobile)

Zoom

  • Zoom buttons in dock
  • Drag the backdrop to turn the scene
  • Mouse wheel (desktop)
  • Set default zoom in settings

Interactions

  • Click hotspots for actions
  • Hover for tooltips
  • Click dock links
  • Open modal content

Other

  • Download PDF (if enabled)
  • View page numbers
  • Fullscreen mode
  • Bookmark pages (if enabled)

Keyboard shortcuts

Use these keyboard shortcuts to navigate faster:

← / →Previous / Next page
Home / EndFirst / Last page
EscClose modals

Next steps