Visual View (On-Page)
The visual view shows your page as it will appear to visitors. What you see:- All blocks stacked vertically
- How content looks in context
- Spacing, layout, and design
- Hover over blocks to see the toolbar
- Drag blocks to reorder them
- Click “Edit” to open the form dialog
- Delete blocks
- Add new blocks via drag-and-drop from sidebar
Form Editor (Dialog)
Click “Edit” in the block toolbar to open the editor dialog. Content Tab:- Shows all fields in a structured form
- Edit text, images, links, etc.
- Scroll through all fields
- See what’s filled in and what’s empty
- Edit HTML, CSS, and JavaScript
- See live preview
- Toggle with
Cmd/Ctrl + E
Content editors only see the Content tab. Developers can switch between Content and Code tabs.
When to Use Each
Use Visual View When:- Building page layouts
- Rearranging blocks
- Checking how content looks
- Adding or removing blocks
- Editing block content
- Filling in multiple fields
- Updating text, images, links
- Need to see all fields at once
Workflow
Typical editing flow:- Start in visual view - See the full page
- Hover over a block - Toolbar appears
- Click “Edit” - Form dialog opens
- Fill in fields - Edit content in Content tab
- Save - Changes appear on page
- Repeat - Edit more blocks as needed