Skip to main content

Getting Oriented in the Website Editor

Learn how the Website Editor is laid out, what each area controls, and how editing, previewing, and publishing work together.

Written by Mark
Updated over 2 weeks ago

The Website Editor is designed to be simple, visual, and fast. Most edits happen directly on the page, with clear controls for structure, design, and publishing.

This guide walks you through the main areas of the editor so you know exactly where everything lives before you begin.

How to Open the Website Editor

You can access the editor in two ways:


From the dashboard

  • Find your website tile

  • Click Edit Website

From the left sidebar

  • Click Website

  • Your site will open in the editor

Once inside, you will see your live site layout with editing controls.

The Main Areas of the Editor

The editor has four key areas:

  1. Sidebar navigation

  2. Top bar

  3. Page canvas

  4. Section controls

Sidebar Navigation

The sidebar appears on the left side of your screen.

It can be expanded or minimized, allowing you to focus fully on your site while still having quick access to the rest of the platform.

The sidebar helps you navigate to:

  • Home

  • Website

  • Customers

  • Discoverability

  • Invoices

  • Studio

  • AI Partner

  • Settings

  • Help

Think of the sidebar as your control center for the entire platform, not just your website.

The Top Bar

The top bar runs across the top of the editor and controls page-level and site-wide settings.

From here, you can:

Switch Pages

Use the Page dropdown to:

  • Move between pages

  • Add a new page

  • Manage navigation

Update Your Design

You can adjust global design settings using:

  • Theme

  • Colors

  • Fonts

These changes apply across your entire site unless customized per section.

Open Site Settings

The settings icon allows you to:

  • Manage website status (Published or Unpublished)

  • Control search engine visibility

  • Manage connected domains

Access Discoverability

The Discoverability panel shows:

  • Website views and visitor data

  • SEO setup status

  • Mobile responsiveness

  • Indexability

  • Heading structure

  • Image alt text status

This gives you insight into how your site performs online.

Preview Your Website

Click Preview to see your site exactly as visitors will see it.

You can toggle between:

  • Desktop

  • Tablet

  • Mobile

This helps ensure your layout looks great on every device.

Publish Changes

Click Publish to make your updates live.

More on publishing below.

The Page Canvas

The page canvas is the main editing area.

This is where you:

  • Click directly into text to edit

  • Replace images

  • Add, remove, or rearrange sections

  • See your changes instantly

What you see on the canvas reflects your actual site layout.

Section Controls

Sections are the building blocks of your pages.

When you click on a section, controls appear above or within it.

Depending on the section type, you may see options like:

  • Design

  • Edit features

  • Edit images

  • Edit testimonials

  • Move up

  • Move down

  • Delete

Each section has its own configuration options. These settings affect only that section, not the entire page.

This gives you flexibility while keeping the structure simple.

Editor Mode vs Preview Mode

There are two main ways to view your site:

Editor Mode

  • Editing controls are visible

  • Content is clickable and editable

  • Section tools are available

Preview Mode

  • Editing controls are hidden

  • You see the site exactly as visitors will

You can switch between modes at any time.

Understanding Saving and Publishing

Your changes are saved automatically as you work.

When you edit text, update images, or adjust sections, you will see a small notification in the top right confirming that your changes have been saved.

This means you do not need to manually save while editing.

However, saving and publishing are different:

  • Saving stores your changes inside the editor.

  • Publishing commits those saved changes and makes them live for visitors.

Even though your edits are saved automatically, they will not be visible to the public until you click Publish.

If you make a change and decide not to keep it, you can click the Undo button that appears in the top right corner of your screen to reverse your most recent edit.

To make your updates live:

  1. Click Publish in the top right.

  2. Your changes will immediately be visible to visitors.A Simple Mental Model

If you remember nothing else, remember this:

  • Pages hold sections

  • Sections hold content

  • Design can be global or per section

  • Nothing goes live until you publish

Up Next

Now that you understand how the editor is structured, the next step is learning how pages and sections work together to build your site.

If you have questions about the website editor or need help understanding your options, you can always connect with our team for further assistance. We are happy to help.

Did this answer your question?