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
SEO & GEO
Customers
Invoices
Studio
Bookings
AI Partner
Blog
Website Leads
Referrals
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 existing pages.
Add a new page or blog post.
Manage page-specific settings by clicking the gear icon next to a page name. This opens a modal where you can:
Details: Set the page title, navigation label, URL slug, and designate it as your homepage.
SEO: Configure the Open Graph image, meta description, and control whether the page is included in your sitemap for search engines. For more details, see Manage Page SEO Settings, Slugs, and Redirects.
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
Click the gear icon in the top bar to access site-wide settings. This panel includes:
General: Control your website's status (Published or Unpublished) and overall search engine visibility.
Domains: Manage your custom domain, connect an external domain, or use a Durable subdomain. For more information, see Managing Domains for Your Website.
Integrations: Connect Google Analytics or add custom code for other tracking or banners.
Favicon: Upload a custom favicon or use a default one generated from your business logo. For more details, see Customize Your Website's Favicon.
Blog: Adjust blog content width and settings for author display, publish date, read time, categories, and social share buttons.
Header: Customize your website's header, including your logo, navigation links, buttons, social links, and whether to use a sticky header. For more details, see Editing Navigation and Footer.
Footer: Customize your website's footer content and design. For more details, see Editing Navigation and Footer.
Access SEO & GEO
Click the chart icon in the top bar to view your site's SEO and visitor data. This panel provides insights into:
Website views and visitor data over the last 30 days.
Your SEO setup status, including LLM readability, website indexability, mobile responsiveness, H1 tags, image alt text, and page titles.
Your overall Visibility Score and suggestions to improve it, such as publishing your website, connecting your Google Business Profile, and listing your business on directories.
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.
Access Bookings
Click the calendar icon in the top bar to manage your website's booking features. From here, you can:
Toggle the visibility of your booking widget.
Adjust booking settings, including your schedule, availability, and integrations.
Customize the text for your "Book now" button.
Manage your available services.
For more detailed information on setting up bookings, see Customer Experience: Booking and Paying for Services and Adding the Bookings Button to Your Website.
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 on the page canvas, controls appear above or within it.
These controls allow you to manage the content and design of that specific section.
Click Edit content to:
Manage buttons within the section, including their display and links.
Replace or update the background image.
Edit specific features or testimonials depending on the section type.
Click Design to:
Choose a different layout for the section.
Customize its appearance, such as the background image, whether it fills the viewport, vertical alignment of content, and button visibility.
Each section has its own configuration options, ensuring that changes affect only that section, not the entire page. This provides 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.