Visual Website Editor
Where: Websites → Edit Site
The editor opens full-screen and lets you change anything on your website by clicking on it — no coding.
📸 Screenshot placeholder: the editor with a page open.
The layout
- Toolbar (top) — switch between editing modes, save your work, preview, and exit.
- Canvas (center) — your actual page. Click any text, image, or button to select it.
- Properties panel (right) — appears when something is selected; change its text, colors, size, links, and more.
- Pages panel — open it from the toolbar to switch between your site's pages (Home, About, Courses…) or manage them.
Editing, step by step
- Open the editor from the Websites page.
- Pick the page you want to change from the Pages panel.
- Click the element you want to edit — the properties panel opens on the right.
- Change the text, swap the image, adjust colors — you see the result instantly.
- Use the add mode in the toolbar to insert new blocks and sections.
- Save — your changes are stored right away.
- Use Preview to double-check, then exit back to the dashboard.
Good to know
- Changes go live on your public site once saved — use Preview first if you're experimenting.
- The design and site modes in the toolbar control site-wide styling (colors, fonts) rather than a single element.
- Made a mess? Just exit without saving that change, or edit the element again — nothing is ever more than a click away.