Editing

Your page as a tree of layers you can drag and rearrange

Layers lists every element of the current page in order, nested the way it is built. Hover a row to highlight it in the preview, click to select it and drag to move it.

What you get

  • Reach anything fast

    Small or hidden elements, like an icon inside a card, are easy to reach in the list, and hovering any row highlights it right on the page.

  • Drag to reorder

    Drag a row up or down to move a section or an item among its neighbors. The page updates at once and the new order is saved.

  • Copy, duplicate, paste

    Open a row's menu for Copy, Duplicate, Paste inside and Delete, or use Ctrl or Cmd with C and V. Duplicating a card is the quickest way to add another.

How it works

  1. 1

    Step 1

    Open Layers

    Switch to Edit in the editor. On a computer Layers sits on the left, and on a phone it is a tab of the Edit panel.

  2. 2

    Step 2

    Select and move

    Click a row to select that element, then drag it to a new spot among the rows at the same level.

  3. 3

    Step 3

    Use the row menu

    Right click a row, or double click it, to copy, duplicate, paste inside or delete, and check the result in the preview.

Frequently asked questions

Drag its row in Layers above or below the neighbor where you want it, or drag the section itself in the preview. Elements move within the same parent, so a section stays among the other sections.

Related features

Ready to try it?

Describe your business and get a real website in a few minutes, for free.