--- title: "Open the website editor and find your way around" url: "https://mycommunitysync.com/open-the-website-editor" community: "CommunitySync" description: "How to reach the full-screen editor and what each part of the layout does." updated: "2026-07-18T18:45:00.616+00:00" --- # Open the website editor and find your way around *Website Builder* The website editor is where you build and shape your community's public site. Before you start moving blocks around, it helps to know how to get there and what each part of the screen is for. This guide walks you through opening the full-screen builder and gives you a quick tour of the layout so you always know where to click. ## Who can edit the website The website builder is edited by community **owners** and **admins** from inside the orange platform panel. Community managers and agents cannot edit it, and there is no member-facing website editor. (The platform's own marketing site is a separate, super-admin-only surface.) ## Open the editor The editor lives one step past the Website Overview page. The Overview is your home base for status, the public URL, favicon, redirects, domains, and backups — see [Create your community website](/create-your-community-website) for how the Overview is organized. 1. In the orange platform panel, open **Website**. This lands you on the Website Overview. 2. Click the **Website editor** card (also labeled **Manage in editor**) to launch the full-screen builder. 3. The builder opens at its own address and takes over the whole screen — the platform sidebar is hidden so you have room to work. ## Tour the layout The editor has three main areas: a dark top bar, a left icon rail, the live canvas in the middle, and an inspector that appears on the right when you select something. ![The website editor's three-pane layout](https://iaktsmonietvbikzietg.supabase.co/storage/v1/object/public/site-assets/kb/editor-01-add-panel.png "The editor's three main areas: the dark top bar, the left icon rail, the live canvas, and the inspector on the right.") ### The top bar The dark bar across the top holds your global controls: - **Overview** (or the back arrow) exits the editor and returns you to the Website Overview page. - The **site name and page name** show what you're editing right now. - A **Live** or **Draft** status pill tells you whether the current page is published. - **Device buttons** switch the canvas between desktop, tablet, and phone widths so you can check how each looks. - **Zoom** controls scale the canvas in or out. - **Preview** links open the real page in a new tab. - **Save**, **Publish**, and **Go live** commit your work — see [Take your website live](/take-your-website-live) for exactly what each one does. ### The left icon rail Down the left edge are seven tabs. Clicking one opens its panel: - **Add** — the block palette. Pick a section and drop it onto the page. See [Add and arrange blocks](/add-and-arrange-blocks). - **Navigator** — a flat list of every block on the page, handy for jumping around or reordering. - **Pages** — create, rename, and organize the pages of your site. See [Manage website pages](/manage-website-pages). - **Nav & footer** — edit the menu and footer that appear on every page. See [Set up site navigation](/set-up-site-navigation). - **Site settings** — your site's theme, colors, and style. See [Choose a theme](/choose-a-theme). - **Assets** — your uploaded images. See [Manage website images](/manage-website-images). - **SEO** — page titles, descriptions, and search settings. See [Website SEO basics](/website-seo-basics). ### The canvas The middle of the screen is a true, live preview of your page — what you see is byte-for-byte what visitors get on the published site. There's no separate "preview mode" to guess at; the canvas is the real thing. ### The inspector The panel on the right only appears when you **select a block** on the canvas. It holds that block's settings — its text, images, background, and style options. Click a block to open it; click an empty area to dismiss it. See [Edit block content](/edit-block-content). ## Exit the editor To leave, click **Overview** or the back arrow in the top bar. That returns you to the Website Overview page and brings the platform sidebar back. ## Troubleshooting ### I don't see the Website option in the platform panel Only community owners and admins can edit the website. If you're a manager or agent, you won't see the editor, and the option may be hidden for your role. Ask a community owner or admin to make the change or adjust your access. ### The editor filled my whole screen and the sidebar is gone That's expected. The editor hides the platform sidebar and takes over the full screen so you have maximum room to build. Click **Overview** or the back arrow in the top bar to return and bring the sidebar back. ### The inspector panel is empty or missing The right-hand inspector only shows up when a block is selected. Click any block on the canvas to open its settings; click an empty part of the page to close it. ### I'm not sure whether my page is published Check the **Live** / **Draft** status pill in the top bar — it reflects the page you're currently viewing. For how publishing and going live work, see [Take your website live](/take-your-website-live). ### Website Builder - [Add calls to action (CTA bands and buyer/seller guides)](https://mycommunitysync.com/calls-to-action.md) - [Add social proof: stats, testimonials, case studies, and logos](https://mycommunitysync.com/social-proof-blocks.md) - [Add a contact or lead form to your website](https://mycommunitysync.com/add-a-lead-form.md) - [Show your property listings on your website](https://mycommunitysync.com/listings-on-your-website.md) - [Add an agent directory (and team blocks)](https://mycommunitysync.com/agent-directory-on-your-website.md) - [Embed a map, video, or custom HTML](https://mycommunitysync.com/embed-block.md) - [Set up your site's navigation menu](https://mycommunitysync.com/set-up-site-navigation.md) - [Build your website footer](https://mycommunitysync.com/build-your-footer.md) - [Add, rename, and organize pages](https://mycommunitysync.com/manage-website-pages.md) - [Reuse a layout with page templates](https://mycommunitysync.com/page-templates.md) - [Manage your website images (Asset Library)](https://mycommunitysync.com/manage-website-images.md) - [Add alt text to images (accessibility & SEO)](https://mycommunitysync.com/image-alt-text.md) - [Add, move, and remove blocks on a page](https://mycommunitysync.com/add-and-arrange-blocks.md) - [Edit a block's content in the inspector](https://mycommunitysync.com/edit-block-content.md)