Page Builder Studio — Overview & Action Header
How to get there: Experience Manager → Project → surface → Pages → Edit on a page row
Route: /org/ecom/customerpages/<page_id>/edit?from=experience
Permission: Edit existing Public Pages records (Storefront). Publishing needs …pages.publish; the Templates button needs Build Public Pages.
The Page Builder Studio is where a page is actually assembled: drag blocks onto a canvas, configure each one, preview, tune SEO, publish.
The editor reads the active project from the project context. Opening its URL directly in a fresh session shows "No Project Selected" and nothing else. Reach it through Experience Manager — that also gives you the Back to Experience Manager bar along the top, which returns you to the exact hub tab you came from.
1. The action header
| # | Control | What it does |
|---|---|---|
| 1 | Versions | Opens the version drawer — published and manually saved snapshots. |
| 2 | Templates | Applies a starter layout over the current page. Needs Build Public Pages. |
| 3 | Deep Translate | Translates every text string on the canvas into your target languages. Writes to the draft only. |
| 4 | Publish | Pushes the draft to the live storefront. Asks for confirmation first. |
| 5 | Save Draft | Saves without publishing. |
The left of the bar carries a back arrow, the page title (Edit · Shopping Cart) and a subtitle giving the page name, its page type and the project — Shopping Cart · page-type CART · Optima Orbit.
The status pill
Beside the buttons sits a pill with one of three states:
| Pill | Meaning |
|---|---|
| Draft | Never published. Nothing of this page is public yet. |
| Live | The published version matches the draft. |
| Needs Re-Publish | The draft has changes the public page doesn't — most often after a Deep Translate. Press Publish. |
Translating writes to the draft and flips the page to Needs Re-Publish. A small marker appears on the button when translations have drifted out of sync. Visitors see nothing until you press Publish.
2. The four operational modes
| # | Mode | Guide |
|---|---|---|
| 1 | Builder | Visual Builder mode — palette, canvas, inspector |
| 2 | Preview | Preview mode — the draft rendered as a visitor sees it |
| 3 | Featured Image & SEO | SEO mode — social image, metadata, AI generation, audit |
| 4 | Advanced JSON | Advanced JSON mode — the raw page envelope |
Unlike Experience Manager's tabs, these four are internal editor state — there is no ?tab= parameter for them. You cannot bookmark "this page in SEO mode", and the browser back button does not step through mode changes. Link to the page and say which mode to open.
Builder and Preview appear only if you hold the builder permission. A user without it lands in Advanced JSON.
3. The Versions drawer
Every publish, and every manual snapshot, is kept. The drawer lists them newest first so you can inspect what changed and roll back a bad publish.
Use it before a risky edit: publish first, so there is a known-good snapshot to return to.