Browse Build Your Site

Build Your Site

Edit page content in the live editor

Use the visual editor canvas, block properties, autosave, device widths, and controlled preview without confusing a draft with public content.

3 min readUpdated 8 Aug 2026

The visual editor lets you change a draft while seeing the page layout. Autosave protects the draft; it does not make the work public until Publish.

Before you begin

  • Open the intended page through Content > Pages > Edit.
  • Confirm its current Draft, Live, or Unpublished Changes state.
  • Prepare approved copy and privacy-safe media.
  • Know what visitors currently see before changing the draft.

Orient yourself in the editor

ControlPurpose
BlocksBrowse available content types
TreeInspect slots, order, and nesting
EditorUse full block properties
NinjaUse simplified fields where supported
Page SettingsOpen General, SEO, and History

Select the correct block

  1. Select visible content in the canvas.
  2. Confirm the right panel shows the intended block title and type.
  3. Use Content for ordinary fields, Style for supported presentation, and History for block versions.

Edit Template changes the block template and is not a routine copy-editing control.

Edit labelled content fields

A Heading block exposes the heading content and an H1–H6 level. A Text block exposes Editor content for HTML-formatted text. Preserve one meaningful H1 and a logical heading outline.

BlockNinja page editor showing a Heading and Text block in the Main slot, with All changes saved and Publish available.
BlockNinja page editor showing a Heading and Text block in the Main slot, with All changes saved and Publish available.

Trust the saved indicator, not assumptions

The canvas updates while you edit. Wait for Saved · just now or All changes saved before navigating away. Closing the page is not an undo action because block edits autosave into the draft.

Check every device canvas

  1. Open the Desktop device selector.
  2. Check Desktop, Tablet, and Mobile.
  3. Review wrapping, spacing, media, buttons, forms, tables, and horizontal overflow.

Canvas sizes are fast checks. They do not replace an anonymous public replay.

Use Editor and Ninja deliberately

  • Use Editor for the complete property surface.
  • Use Ninja when its simplified fields cover the approved task.
  • Return to Editor when structure, advanced content, or styling must be inspected.
  • Do not assume a simplified field is safe to change without checking its public context.

Preview the draft safely

The canvas is the immediate draft preview. For a separate controlled result, return to Pages and use the row's Preview Draft action. It opens a temporary share route. The editor header's Preview can open the ordinary public path and show Page Not Found before first publication.

Publish only after the boundary check

  1. Confirm saved state, links, headings, media, and device layouts.
  2. Select Publish only with release approval.
  3. Open the ordinary path while signed out at desktop and narrow widths.
Published Weekend workshop guide at desktop width, with one main heading and introductory text above the site footer.
Published Weekend workshop guide at desktop width, with one main heading and introductory text above the site footer.
Published Weekend workshop guide at narrow width, with its heading and text wrapped without horizontal overflow.
Published Weekend workshop guide at narrow width, with its heading and text wrapped without horizontal overflow.

Recover safely

  • Correct a selected field and wait for autosave.
  • Use Up or Down to restore block order.
  • Use Page Settings > History > Discard Draft Changes only when every unpublished edit can be lost.
  • Restore an approved published version for wider recovery, then preview and Publish separately.

Next steps

  • Review the full preview, publish, unpublish, and discard lifecycle.
  • Verify page settings before changing a public URL or layout.
  • Use the page-not-visible guide when the public result differs from the draft.

Related guides