Help center › Apps

The editor

You edit the website on the page itself: you type text where it appears, and set everything else in the editor panel on the left. Changes save on their own about 1 second after you stop typing; Ctrl+Z undoes, Ctrl+Shift+Z redoes.

You open the editor from Demona, with the application's Edit site button.

Editing on the page

There is no separate edit mode: while you are signed in as an editor, the page is editable. Click a heading or a paragraph and type: anything editable in place gets a dotted underline when you hover over it. Preview opens the page in a new tab the way a visitor sees it, and refreshes itself on every save; the arrow beside it opens it at phone or tablet size.

The editor panel

The panel on the left holds everything that is not the text itself. At its top you choose what it shows: Structure (the page's blocks), Page (the page's settings) or Block (the selected block's settings: links, images, list rows, colours, spacing). Selecting a block switches the panel to Block on its own. The panel can be collapsed (Collapse the editor panel).

At the bottom of the panel, click the width to choose what the page lays out at: Full width, 768 px (tablet), 375 px (phone) or Custom width. The page really re-flows as on that device; Zoom, in the same menu, only sets how much fits on your screen. Next to it, the cog opens the Site settings menu: the tabs that make up the page's look, the ones you opened recently, and All settings.

The More actions menu

The More actions (⋯) button at the top of the panel holds:

  • New… – a dialog where you pick Page, News or Event.
  • Make a copy… – copies the current page as a draft; in the dialog you can also turn the copy into another type.
  • QR code… – a QR code for flyers and posters that opens this page.
  • Replay the tour – starts the tour again.
  • Site settings ↗ – settings for the whole site (colours, fonts, header, footer, SEO and so on).

With the panel collapsed, Page settings is in this menu too. Undo (Ctrl+Z) and Redo (Ctrl+Shift+Z) are buttons at the top of the panel; Ctrl+K opens the command palette.

Saving

Changes save automatically about 1 second after you stop typing; Ctrl+S saves right away. The top of the panel shows the state: Saving…, Saved, Unsaved or Save failed – after a failed save, Retry tries again.

The tour

A four-step tour walks you through the editor the first time, with a few extra tips under More tips. Replay it any time: More actions → Replay the tour.