Skip to content

Docs

›

Build

How the Site Builder is organized

The site workspace, the editor's panels, and how drafts and published pages work in the Site Builder.

Updated November 10, 2026

Who can use this: Needs permission to manage sites.

Find your way around the Site Builder: where each setting lives, what the editor's panels do, and when your changes reach visitors.

The site workspace

Open Builder in the sidebar and click a site. The workspace is where you manage a site without opening the canvas.

  • Overview: the site's address, status and recent page views.

  • Pages: every page in the site. System pages such as checkout and 404 are listed separately.

  • Components: your layouts and global components.

  • Analytics: visitors and behavior on the published site.

To open the settings, click Site Settings at the bottom of the workspace. The groups are:

  • General: site name, site status and deleting the site.

  • Domains: connect your own domain. See Connect a domain.

  • Routing: send a path or domain to a Code Builder app.

  • Design: theme, layout defaults and brand link.

  • SEO: site SEO, a table of every page, and redirects. See SEO.

  • Analytics: tracking and consent.

  • Commerce: turn selling on for this site.

  • Languages: add languages. See Languages.

  • Advanced: publishing rules and custom code.

The editor

Click Edit site or open a page to reach the canvas. The editor has three areas.

Left rail

  • Pages: switch pages, add a page, or open a page's settings.

  • Insert: add blocks from Elements or ready-made sections from Library.

  • Layers: the block tree of the page. Rename, reorder and nest blocks here.

  • Assets: images and videos from your library.

  • Components: global components you can place on a page.

  • Variables: reusable colors, sizes and other values for the site.

  • Marketplace: browse the marketplace and install items.

  • History: saved versions of the page.

Right panel

Select a block and its settings appear on three tabs:

  • Content: the block's text, links and options.

  • Style: its appearance for the current breakpoint and state. See Layout, breakpoints and styles.

  • Interactions: animations for the block and the page. See Interactions.

Top bar

Use the top bar to switch between Desktop, Tablet and Mobile, set the canvas width, open Find anything to search the editor, open Agent to build with AI, preview the page and Publish.

How drafts and publishing work

Every page has a draft you edit and a published version visitors see.

  • The editor saves your draft automatically. The status next to the toolbar shows All changes saved when it is done.

  • Your draft stays private until you publish that page.

  • The dot on the Publish button means changes are waiting to go live.

Undo and redo work with Cmd/Ctrl+Z and Cmd/Ctrl+Shift+Z. See Publish, versions and redirects for going live and restoring earlier versions.

When a page changes somewhere else

If a page was saved in another tab, on another device or by a tool, the save status shows that it was edited elsewhere. Choose Reload latest to get the newest version, or Keep my changes to save yours over it.

Questions about building on PraismaHub? We're happy to help.

Contact us