Top bar

The editor's top bar brings together everything you need to drive your work session: navigate between pages, choose the preview format, add elements, undo or redo an action, copy a style and publish the page. It stays visible at all times and is never hidden by the other panels.

Dashboard

The Dashboard button closes the editor and takes you back to the Page list. Your changes have been saved automatically, you don't lose anything when you leave.

Page selector

Right next to the previous button, the selector shows the title of the current page. Click on it to open the list of all your site's pages and quickly switch from one to another without going back through the dashboard. Each row shows a green or gray dot (page visible or hidden), a house icon for the home page, a padlock for password-protected pages and a visual preview on the right. Hover over a page to see its preview, click to open it.

Desktop or mobile preview selector

The center selector controls the canvas display. Three modes are available: Desktop and mobile to display both renderings side by side and work on them in parallel, Desktop only to focus on the large screen, or Mobile only to specifically tune the phone rendering.

Each element has independent settings between desktop and mobile. Switch from one mode to the other to make sure your page stays legible and harmonious on both formats.

Element

The Element button opens the library of elements to insert into your page (text, image, video, button, form, carousel, HTML code, product, search bar, social icons…). See Add an element for the detailed procedure.

The button is only active if the page already contains at least one section.

Undo and redo

At any time, use Undo to step back on the last action and Redo to replay it. The usual keyboard shortcuts also work (Ctrl+Z and Ctrl+Shift+Z, or Cmd+Z and Cmd+Shift+Z on Mac). The history covers every change made since opening the page.

Copy style

The paint roller icon duplicates an element's appearance (colors, borders, shadows, fonts…) to apply it to another.

First select the element whose appearance you want to reuse, click Copy style, then click on the element to modify: its style is immediately replaced by the copied one. You can chain it onto several elements as long as the tool stays active. Click on the icon again to deactivate it.

It's the fastest tool for harmonizing the formatting of a page without re-entering each setting manually.

Save indicator

The pill on the right shows Saving while a save is in progress and Saved when every change is synchronized with the server. You don't need to trigger the save yourself: it happens automatically as you make your changes.

Publish the page

The button on the right opens the publish window. As long as no change has happened since the last publish, it shows Page up to date and the window confirms it: no action is required. Otherwise, it shows Update page (or Publish page for the first time online).

The window visually recaps the page: social preview (title, description, share image), final URL and badges that recall the page's state (visible or hidden, position in the site, password protection, last publish date). If the navigation bar has been edited since the last publish, the window tells you it will also be updated.

Confirm with Confirm to put the page online. Once published, the Visit page button appears to open the live version in a new tab and check the actual rendering.