Using the Page Builder
Now that you’ve opened a page in the Page Builder, let’s go over the main parts of the interface so you feel comfortable navigating and editing.
1.
🧱 Elements Panel (Left Sidebar)
This is where you’ll find all the building blocks for your page — text, images, buttons, sections, and more. Click any element to insert it into your page.
🔍 At the top of the panel, you’ll find a search bar. Use it to quickly find the element you need without scrolling through the entire list.
2.
📐 Structure Panel (Right Sidebar)
This shows the layout of your page in a tree view. You can use it to:
- Quickly locate elements
- Reorder them by dragging
- Select items that might be hard to click on in the live preview
3.
📱 Responsive View Options (Top Center)
Use the device icons (desktop, tablet, mobile) to preview and adjust your design for different screen sizes.
4.
👁️ Live Preview (Center Canvas)
This is where you see your actual page layout and content. Any changes you make are visible here in real time.