Editor overview

Preview: see it as a visitor

When you're signed in you are always in the editor, so there are no separate Edit and View modes. To see what visitors see, click Preview at the bottom of the panel: the page opens without any editing controls, at phone size too. You can also open the visitor view directly by adding ?preview=1 to the page address.

Edit text directly on the page

Click a heading or paragraph and start typing. Select a word or sentence to open a compact formatting bar with bold, italics, text size, colour and links. Button labels, card titles and list items can be edited directly in the same way.

The three views of the editing panel

Three tabs at the top of the panel switch between its views:

• Structure: the page's blocks in order, with small previews. Columns and Tabs blocks expand to show the blocks inside them, and you are told when a block is missing in one of the languages. Click a row to jump to that block; Add block at the bottom adds a new one to the page.
• Page: the page settings, with short summaries (description, card image, indexing, publication). The AI icon in its header rewrites, translates or shortens the whole page.
• Block: the selected block's settings. Click a block on the page and the panel switches here on its own.

The groups of the Block view

A block's settings sit in three groups, in the order you usually look for them:

• Content: what the block says: images, links, list items, layout. Choices such as the layout are shown as pictogram tiles with a short hint.
• Appearance: Size & spacing (width, the gap below the block, inner space), Colours (background, text and accent, each with Default, Dark, Page, Accent, Muted or Custom colour), image frames on blocks with pictures, and the background image.
• Advanced: visibility (all devices, mobile only, desktop only, hidden), languages, anchor ID and schedule.

Beside the block's name, the AI icon rewrites, shortens or translates the block, and the ⋯ menu holds duplicate, move, convert to another block and delete. Move the selected block with the arrows.

In list blocks (cards, slides, testimonials, pricing tiers) you edit one item at a time: click an item to step into it, use Previous and Next to move between items, and Back to the list to step out. If you select a block inside a Columns or Tabs block, use the Back link at the top of the panel to return to the containing block.

For more on AI tools, see Use AI in the editor.

The ⋯ menu

• New…: create a new page, news item or event; you pick the type in a dialog.
• Make a copy…: a copy with all its blocks when you want a similar page as a starting point. The copy dialog lets you choose the type too: a news item can become an event or a page, and the other way round. The title, lead, image and blocks come along; a news copy needs its category picked again and an event copy needs a date.
• Page settings: manage the page title, URL, parent page, SEO, sharing image and visibility. With the panel expanded, the Page tab is the same thing. See Page settings for details.
• QR code…: a printable QR code for the page.
• Replay the tour.
• Site settings ↗: opens Settings, where you manage the header, footer, brand, SEO and other site-wide options.

Until your site is live, a Go live button also sits at the bottom of the Structure view.

Command palette

Press Ctrl+K (⌘K on a Mac) or the search button in the panel header to open the command palette. Type what you want to do: run an action, jump to a block or add a new one.

Check the page at phone and tablet widths

Click the width shown at the bottom of the panel to choose Full width, 768 px (tablet), 375 px (phone) or a Custom width. The page genuinely reflows at that width, rather than simply being scaled down, so you can see how the layout behaves while you edit. The nearby zoom control only changes how much fits on your monitor; it does not change the page layout.

Editing on a phone

On a phone, a bar along the bottom replaces the panel and switches between the same three views (Structure, Page, Block), in the same order. The selected block's actions appear in a floating bar above it, and its Settings button opens the block's settings. The ⋯ menu sits at the top of the screen.

The editor tour

The first time you sign in, a short four-step tour introduces the editor: typing in place, the panel's views, AI and Preview. Replay it at any time with Replay the tour in the ⋯ menu.