The Studio

The Studio is the My Page tab: your blocks on the left, your live page in the middle, and whatever you have selected on the right. Nothing here is a mockup. The page in the middle is the page a visitor gets, rendered at the same width, with the same theme, from the same data.

Three columns

The block list runs down the left. Your profile sits above it under the caption Profile, holding your name, bio, avatar, and social icons; it cannot be deleted or reordered. Everything else sits under Blocks, in the order visitors see it. Each row shows the block's name, its type, and a switch for whether it is on your page.

The stage sits in the middle. Two toggles above it, Phone width and Desktop width, switch how it is drawn, and the desktop view puts a browser bar with your address in it. Click any block on the stage to select it.

The inspector sits on the right. Select a block and it fills with that block's settings. Select nothing, or press the Design button beside the Profile caption, and it becomes the Design panel for the whole page. See design.

At the top right of the dashboard, the button with your handle on it opens your live page in a new tab. Beside it, a small pill reads Saving, then Saved, and tells you "Not saved" if a write fails. It appears on your first change of the session and not before.

Details and Design

Select your profile at the top of the list and the inspector shows two tabs: Details, for your name, bio, avatar, and socials, and Design, for the whole page. They are the only two tabs in the Studio, because the profile is the only selection with two different things to say.

Select an ordinary block and there are no tabs at all. The panel is that block, top to bottom.

Setting rows

Under a block's own fields is a list of one-line rows. The label sits on the left, its current value on the right, so the panel can be read without opening anything.

A link, for example, gets Show on my page, Only during a window, Ask visitors' age first, Icon, and Motion. Turning on a switch that needs more from you reveals its fields directly under the row, indented on a tinted strip, rather than opening a panel somewhere else. Nothing folds and nothing is hidden that the row does not already tell you.

The one exception is the Upgrades section on a link block, which does fold, because each of its three upgrades is a small screen of its own. See blocks and links.

The bar pinned above the settings carries the block's name, its type, and a chip saying where it stands: Live, Hidden, Scheduled, or Needs followed by the thing it is still missing.

The block menu

Right-click a block on a desktop, or press and hold it on a phone, and a menu opens on the spot:

• Edit selects it and puts the cursor in the inspector.
• Add above and Add below open the same picker the Add block button uses, and drop the new block next to this one instead of at the end.
• Duplicate makes a copy directly underneath. A draft cannot be duplicated, and the row says "Publish it first".
• Hide takes the block off your page and leaves it in your list. It reads Show when the block is already hidden.
• Delete removes it, with an Undo button in the message that follows.

The three dots in the inspector's title bar carry a shorter version of the same menu, plus Move to group.

Undo

Cmd+Z, or Ctrl+Z on Windows, walks back the last fifty changes: edits, deletes, reorders, and anything you changed in the Design panel. A message names what came back, "Undone: deleted "My shop"", so you can tell whether you went back far enough.

Deleting a block also puts an Undo button in the message that appears, for about six seconds. After that, Cmd+Z still has it.

Undo is ignored while you are typing in a field, so it stays your text editor's undo there.

Putting blocks in order

Drag a block by the grip on the left of its row. If you would rather use the keyboard, move focus to the grip and press the up and down arrows. The order saves when you drop it, and a failed write puts the previous order back.

Groups

A Group is a block other blocks sit inside. Add one, then open any other block and set In group to that group's name, or use Move to group in the block's menu. Children indent in the list and render inside the group on the page. Whether the group starts open or closed is its own setting.

A block inside a group takes the group's motion rather than setting its own.

On a phone

The block list is the whole screen. Tap a block and the inspector arrives as a sheet from the bottom, with the page still visible above it.

The sheet has three stages. It opens at the tallest, ready for you to type, and the page behind it dims. Drag the handle down once for the middle stage, where the page above stays tappable, and again for a peek that leaves almost all of the page in view. Touching any field pulls the sheet back up to the tallest stage so the keyboard has room. Done closes it.

The command palette

Press Cmd+K, or Ctrl+K, anywhere in the dashboard. Type to filter, arrows to move, Enter to run.

The palette adds any of the twenty-four block types by name, and it knows their synonyms: typing "newsletter" finds Email capture, "youtube" finds Embed. It also copies your page link, opens the invite sheet, and jumps between dashboard tabs.

Common questions

Is there a preview button? There is no separate preview. The stage is the real page, and the button with your handle on it at the top right opens the live page in a new tab. To see what a visitor meets, gates and all, open that in a private window.

Where did the Block tab go? Details and Design are the only tabs, and they only show for your profile. Select a block and the whole panel is that block, so there is nothing to switch between.

Why can I not duplicate this block? Drafts cannot be duplicated. Fill in whatever the chip says it needs, and Duplicate switches on.

I moved a block and it went into a group. Blocks dropped between a group's children join the group. Open the block and set In group back to None, or use Move to group.

Does Cmd+Z undo colours as well? Yes. Appearance changes join the same history, so one undo walks back whatever you did last, whether that was a title or a background.