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:
Sidebar navigation
Top bar
Page canvas
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: Change the overall visual theme of your site.
Styles: Click the paint brush icon to open the Styles panel. From here, you can customize your site's global color palette, fonts, and corner roundness for elements like buttons and content blocks. For detailed customization options, see Designing Your Site with Styles: Colors, Fonts, and Corners.
Surprise me: Click this button to instantly generate new combinations of colors, fonts, and corner styles for your entire site. The editor will present a new version of your site, and you can shuffle again for more options or click Apply to keep the new style. You can also switch between the generated version and your original design to compare.
These global design 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. When using the Surprise me feature, you can also switch between the generated version and your original design to compare how different styles look.
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.
To make your updates live:
Click Publish in the top right.
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.
You might also want to explore how to customize your site's appearance in more detail.
See also:
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.