Guide: Building
Finding your way around the editor
The page in the middle of the editor is your real website, drawn by the same code that serves it to visitors. Around it are three panels and a few shortcuts worth knowing.
- 7 sections
The three panels
- Add: blocks and patterns to put on the page. Click one to add it, or drag it to the place you want. If AI is switched on there is an AI tab here too.
- Navigator: every page and its sections. Open a page, drag sections into a new order, add a page, or press the settings button beside a page for its address, menu name and search settings.
- Design: colours, fonts, header and footer for the whole site.
Change a section
Click any section on the page to select it, and its settings open beside the page. Double-click a heading or paragraph to type over it. With a section selected, Ctrl+D duplicates it and Delete removes it (you can undo either).
Drag sections into place
When you drag a block from Add, or a section in the page, a placeholder shows exactly where it will land. Move towards the top or bottom of the page and it scrolls for you, so long pages are no trouble.
Quick add
Press / anywhere in the editor to open quick add. Start typing the kind of section you want, such as "prices" or "map", and pick it from the list. Patterns from the Pattern Book appear after the blocks.
Click through your site
Click through lets you use the site as a visitor would, without publishing. Press the Click through button at the top, or press P. Links work and take you between your pages; editing is paused. Press Esc or the button again to go back to editing.
Tip: Click through each page before you publish. It is the quickest way to find a button that goes nowhere.
Check desktop, tablet and phone
Switch the page between desktop, tablet and phone widths from the top bar. Every block is built to work on a phone, but it is worth a look at headings and pictures on a small screen.
Undo, redo and saving
- Ctrl+Z undoes, and Ctrl+Shift+Z (or Ctrl+Y) redoes. On a Mac, use Cmd instead of Ctrl.
- Changes save on their own a moment after you stop. Ctrl+S saves straight away.
- Press ? to see every keyboard shortcut.
Tip: Saving is not publishing. Visitors only see your changes after you press Publish.
Features in this guide
Try it yourself
Follow along in your own workspace
Start a free trial, no card needed. Build and preview as much as you like, then buy a licence for a website when it is ready to go live.