Toolbar
After entering the Page Builder editing interface, a toolbar appears at the top of the page. The Action area is on the left, and the Responsive preview area is on the right.
Action Area
Located on the left side of the toolbar, providing the following function buttons:
| Icon | Name | Description |
|---|---|---|
| Add Content | Add content elements to the page | |
| Structure | Open the page structure panel to view the hierarchy of all elements | |
| Theme Options | Open the global theme settings (colors, fonts, etc.) | |
| Page Options | Open the standalone settings for the current page | |
| Import | Import a page template | |
| Undo | Undo | |
| Redo | Redo | |
| View History | View the page editing history | |
| Exit Editor | Exit editing mode and return to page preview |
Responsive Preview Area
Located on the right side of the toolbar, used to preview the page effect at different device sizes:
| Icon | View | Resolution |
|---|---|---|
| Mobile portrait | 375 × 772 | |
| Small tablet portrait | 600 × 960 | |
| Large tablet portrait | 768 × 1024 | |
| Tablet landscape | 1024 × 768 | |
| Laptop | 1440 × 810 | |
| Desktop (default) | — |
The Save button is on the far right of the toolbar; click it to save the current page after editing.