Edit mode and the builder interface

Home / Knowledge Base / Website Builder / Edit mode and the builder interface

The Website Builder (labeled Site Builder in some menus) is where you design pages. This article explains the interface.

Edit mode

Website Builder — Edit mode

In the top right, toggle Edit / Preview. Edit mode lets you change the canvas. Preview mode lets you click through without accidental edits.

Device views

Switch between Desktop, Tablet, and Mobile in the top right to check responsive layout.

Left icon sidebar

Website Builder — Left icon sidebar

  • Pages — List, create, and filter pages (card or list view).
  • Elements — Drag blocks onto the canvas.
  • Templates — Pre-built sections.
  • Reusable Templates — Shared headers, footers, and partials.
  • Layouts — Header + footer shells for pages.
  • Customization — Global colors, fonts, buttons, CSS.
  • Content Blocks — Small reusable snippets.
  • Themes — Installed themes and marketplace.
  • Media Library — Upload and manage images and files.

Top bar

Website Builder — Top bar

Next to Pages, use the three-dots menu for Forms, Menus, Structures, Site Redirections, Broken Links, and Importer. Dynamic structure tabs appear when you create structures.

Top right actions

  • View website — Live or draft preview.
  • Publish — Deploy, versions, and auto-publish. See Generator and publish troubleshooting.
  • Version history — Editor content versions in the designer toolbar (not deploy versions).
  • Help — Setup wizard, Setup guide, Knowledge base.
  • Setup Guide — Checklist icon with completed/total tasks.

Tip: New users should follow the onboarding wizard, then use the Setup Guide checklist.

DEVELOPMENT VERSION