Using the Page Editor

This guide page is the entry point for working with the Page Editor. For the overview of structure and terms, see Page Editor.

  1. Open the Page Editor.
  2. Select a section as the layout starting point.
  3. If needed, add slots or groups through Structure.
  4. Drag components from Components into slots or insert them into the selected area.
  5. Click an element and edit its properties on the right.
  6. Save the draft.
  7. Open preview in a second tab and check it in parallel.
  8. Save changes.
  9. Publish.
  10. Enable live status or check live status in Studio.

Editor Areas

AreaWhat You Find There
Sidebar AreasHow the left sidebar is structured and how structure, components, and sections work together.
StructureSlots and groups for extending active sections.
ComponentsContent elements that you place in slots.
SectionsReady-made layout starting points for new page areas.
PropertiesRight-side settings for the selected element.
ToolbarHeader selection, save, publish, and preview.
TipsCentering, limiting side widths, and clean slot structures.

Core Rule

Structure first, then content, then polish.

That means: create sections first, extend them with fitting slots or groups, place components, and only then adjust properties such as colors, text, spacing, or behavior.

Tips

Detailed layout tips are available under Page Editor Tips.

  • Build the rough structure before fine-tuning colors, spacing, and copy.
  • Use sections for large page areas, not for every small element.
  • Use slots when content should sit side by side or be controlled separately.
  • Use groups when multiple slots should behave as one shared block.
  • Keep preview open in a second tab. It is useful while working, but saving is still required.
  • If you use a Support Box, check Stripe and Payments in Account.