The editor
Work with sections
Select sections and parts, right-click for quick actions, and move things without breaking the page.
- 3 minute read
- 3 interactive walkthroughs
- For everyone editing a page
Select a section, or a part of one#
A page is built from sections, each one a block such as a hero, a row of prices or a contact form. Click a section to select it: a violet outline and corner handles appear, and the inspector shows its settings.
Alt+Click selects a part of a section rather than the whole thing, for example one card in a row of three. Parts can be styled and hidden individually, which is often quicker than adding a new section.
Step 1 of 2
Click to select
A violet outline and corner handles appear, and the inspector fills with that section's settings.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
- 1Click once to select a section.
- 2Alt+Click to select a part inside it.
- 3Press Escape to deselect.
Right-click for quick actions#
Right-clicking a selected section opens the actions menu where your pointer is: edit this text, duplicate, move or add, change its look, rewrite with AI, show on (phones, tablets or computers only), save to reuse, and delete.
On a part, the menu narrows to what makes sense there: style this part, hide this part, move this item earlier or later. Duplicate also has a keyboard shortcut, Ctrl+D, and Paste below puts a copied section back under the one you have selected.
Step 1 of 4
Edit this text
Straight into the words under your pointer, without hunting through the inspector.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
- 1Right-click a section and duplicate it.
- 2Move the copy down with Move or add.
- 3Delete it again with Del or the menu.
Good to know: Hiding a section on phones only is a common trick: a wide table can stay on computers while phones see a simpler version.
Move things safely#
The Navigator panel lists every section on the page in order, with drag handles. Dragging is the calm way to reorder, because you can see the list change as you go. Each section also has Move up and Move down in the inspector.
The fixed rows at the top of the Navigator, the announcement bar, the bar above the header, the header and the footer, belong to every page. Editing one of those changes it everywhere, which is the point: one header, one footer, no exceptions.
Pages
Sections on this page
Step 1 of 3
The page in order
Every section, top to bottom, with drag handles. Dragging here is the calm way to reorder.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
Before you continue: Deleting a section removes its content. Undo brings it back during the session, but a published page will not remember it after you publish again.
Common questions
How do I select something inside a section?
Alt+Click. Then the inspector and the right-click menu talk about the part rather than the whole section.
Can I reuse a section on another page?
Yes. Save it to reuse, or share it to the Pattern Book, then add it from the Add panel on any page.
Related guides
Something here out of date, or a step that did not match what you see? Tell us and we will correct the guide. Never send a password or an API token.