Skip to main content

Advanced JSON Mode

Mode tab: Advanced JSON. Available to everyone who can edit the page — and it is the only mode a user without the builder permission gets.

This mode shows the page's raw envelope: the single JSON document that defines everything the visual builder draws.

Figure 1 — Advanced Layout Settings (JSON). The chrome bar, display name and slug cards stay above it, as in every mode.

Under the editor: "Edit the raw envelope JSON. Builder and Preview tabs reflect changes here." — the two views are the same document, so an edit made here shows up on the canvas when you switch back.


The envelope​

{
"schema_version": 3,
"page_type": "CART",
"containers": [
{
"id": "cart-header",
"type": "header",
"position": "top",
"order": 0,
"config": {
"sticky": true,
"show_cart": false,
"show_logo": true,
"show_menu": true,
"show_search": true,
"signin_slug": "account/login",
"account_slug": "account"
}
}
]
}
KeyMeaning
schema_versionThe envelope format version. Migrations upgrade older pages on load.
page_typeThe page's registered type — decides which blocks the palette offers.
containers[]Every container, each with an id, a type, a position (the canvas zone), an order within that zone, and a config.
containers[].configThe container's own settings — the same fields the inspector shows, under their real names.
floating[]Corner-pinned widgets, when the page has any.

position values map directly onto the zones you see on the canvas: top, left, center, right, bottom.


When to use it​

Good reasonWhy
Copy a block between pagesLift a container object out of one envelope and paste it into another.
Bulk-edit repetitive configChange the same field across twenty blocks in one pass.
Read what a control actually writesSet something in the inspector, come here and see which key changed.
You lack the builder permissionThis is your editor.
Diagnose a page that renders oddlyThe envelope is the truth; the canvas is a drawing of it.
There is no schema validation and no undo

This is a plain text area, not a validating editor. Malformed JSON, an unknown page_type, a position that is not a real zone, or a container missing its id will all break the page's rendering — and the mode will not stop you saving them.

Before editing here: press Save Draft, or Publish, so the Versions drawer holds a snapshot you can restore. Then edit, switch to Builder to confirm the canvas still draws what you expect, and only then save.

No export or import buttons

There is no Export or Import action in this mode. To move a layout between pages, select the JSON in the text area and copy it yourself. To back one up, save a version — that is what the Versions drawer is for.