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, and navigation back to your workspace. You'll also find the share button here.
2. Preview area (center)
The main area where you see your 3D project. Interact with it just like your audience will. Navigate pages, click pointers, and test all features here.
3. Sidebar (right)
The control panel with tabs for different settings. This is where you upload content, add interactivity, and customize appearance.
Sidebar tabs
The sidebar has several tabs, each controlling different aspects of your project:
Content tab
Manage your project's content:
- Upload PDFs and images
- View and reorder pages
- Delete unwanted pages
- See page thumbnails
Pointers tab (Flipbook only)
Add interactive hotspots to your pages:
- Create clickable areas
- Link to other pages or URLs
- Add tooltips and modals
- Customize icons and colors
Links tab
Configure the navigation dock:
- Add links to external websites
- Create modal popups
- Add visual dividers
- Reorder dock items
Menu tab (Flipbook only)
Control dock display settings:
- Show/hide controls dock
- Position (top or bottom)
- Enable download button
- Show/hide zoom buttons
- Customize dock styling
Appearance 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)
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
- Pinch to zoom (mobile)
- Mouse wheel (desktop)
- Set default zoom in settings
Interactions
- Click pointers for actions
- Hover for tooltips
- Click dock links
- Open modal content
Other
- Download PDF (if enabled)
- View page numbers
- Fullscreen mode
- Share from viewer
Auto-Save
i3Dify automatically saves your changes as you work. You'll see a "Saving..." indicator in the header when changes are being saved, and "Saved" when everything is up to date. There's no need to manually save your project.
Keyboard shortcuts
Use these keyboard shortcuts to navigate faster: