Page Structure Panel

Prev Next

The Page Structure panel on the right side of the canvas gives you a bird's-eye view of your entire layout as a collapsible tree: Sections → Columns → Components.

From the Page Structure panel you can:

  • Reorganize sections: drag the handle (⠿) next to any section or component to reorder it without touching the canvas directly
  • Open component settings: click the gear icon next to any component to jump straight to its settings panel
  • Duplicate: click the duplicate icon to instantly clone a section or component with all its configuration preserved
  • Delete: click the trash icon to remove a section or component
  • Add new sections: use the + Add new section button at the bottom of the tree
  • Collapse / Expand all: use the "Collapse All" toggle in the panel header to clean up the view when working with large layouts
💡The Page Structure tree is especially useful for complex layouts with many nested sections. Instead of scrolling through a long canvas to find a component, just click it in the tree and its settings open immediately.

Page Structure tree showing sections, columns, and components with action icons
Page Structure tree showing sections, columns, and components with action icons