Skip to main content

How the Visual Editor Works

A practical, plain-language guide to the shortest route, the right screen, and what to know before continuing.

From guide to action

Open the visual editor

This opens the relevant work screen. You may be asked to sign in; no change is saved automatically.

The Visual Editor

Select the active website in the website switcher, then open My website → Edit website from the menu. Every change first appears in the local draft preview. Select Save draft to store it safely without changing the live website.

How the editor is arranged

  • The fixed tool rail separates Sections, Pages, Design, and the AI assistant.
  • One work panel is open at a time, so structure and editing controls stay easy to scan.
  • Sections shows the page structure and its reorder controls. Select a section to edit its fields.
  • Pages switches pages, adds pages, and manages legal pages.
  • Design separates website colors, typography, and section styles.
  • Preview appears beside the work panel on desktop. On mobile, open it with the Preview button.

Main actions

  • Save draft — stores the work safely without changing the live website
  • Publish changes — takes only the already-saved draft live after explicit approval
  • Add in Sections — opens the complete section library
  • ⋮ menu — duplicates, hides, shows, or removes a section
  • Up and down arrows — reorder sections
  • Device buttons — preview desktop, tablet, or mobile
  • AI assistant — request focused content, design, and structure changes

Live draft preview

Every field change appears in the draft preview before saving. After a section is added or duplicated, the editor brings that section into view so the result is clear.

Tip: Unsaved changes are marked in the toolbar. Review the preview, select Save draft, and publish separately only when the saved version is ready.

You can simply ask Up

Up answers using this guide, suggests the next step, and leads to the relevant screen.