Getting started
Make your first changes
Change the heading, add a section, undo things, and see it all in a preview before publishing.
- 3 minute read
- 3 interactive walkthroughs
- For anyone opening the editor for the first time
Open the editor#
From a website card, choose Edit. The editor opens on the home page of the site, with your real pages in the middle, the Add, Navigator and Design panel on the left, and the settings for whatever is selected on the right.
The page in the middle is not a picture. It is the same rendering that serves visitors, which is why what you see is what gets published.
Step 1 of 4
The site you are editing
The name and the status pill sit top left, so there is never doubt about what is in front of you.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
- 1Open the website from Websites, or straight into the editor from its card.
- 2Click any section to select it. The inspector on the right shows what can be changed.
Good to know: The first time you open the editor, a short welcome guide points out click, right-click and drag. You can bring it back from the Help menu later.
Change some text#
Click the heading you want to change. With the section selected, click the text itself and type over it, or use the Heading field on the Content tab. Either way you are editing the page in place, with no separate form to save and no way to lose the change by forgetting a button.
If something looks worse than before, Ctrl+Z undoes it. Undo covers text, section moves, design changes and deletions within the session.
Step 1 of 3
Click the text and type
Text is edited where it sits. What you see is what publishes, with no second copy to keep in step.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
- 1Click the main heading and type a sentence that says what the business does.
- 2Press Escape or click empty canvas to deselect.
- 3Add a section below with the Add panel, or quick add with the / key.
Good to know: Quick add understands what you type: try "opening hours" or "prices" in the Add a section search.
See it in a preview#
Preview opens a private link to the website in a new tab, showing the latest changes without publishing. Only people with the link can see it, which makes it useful for showing a client a work in progress.
When the draft looks right, Publish opens a dialog listing everything waiting: pages added, changed or removed, the design and settings, and any product changes. Leave ticked what should go live, or press Publish everything. Until then every visitor to the address sees the last published version, or a holding page if there has never been one.
A preview shows your latest changes without publishing. Only people with the link can see it.
Step 1 of 3
A private link
Preview opens the latest changes at a private address. Only people with the link can see it.
Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.
- The heading says what the business does
- A section below supports it
- Every page checked with Click through
- Preview looked at on a phone width
- Publish pressed when ready
Common questions
Do changes save on their own?
Yes. The editor shows Saving, Editing or Saved at the top. There is also a manual save, Ctrl+S.
Can I try things without anyone seeing?
Yes. Nothing reaches the live site until you publish, and Preview shows a private link in the meantime.
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.