Studio

Edit your storefront on the page itself: blocks, text, images, header and footer, then publish when it looks right.

Editing your storefront — for the person who owns the site, not the person who built it.

Studio opens your own site, with an editing toolbar around it. What you see while editing is what a visitor sees, on the real page, at the real width. There is no separate preview to keep in sync.

Opening it

In Coready, go to Studio and press Open Studio next to your storefront. Your site opens in editing mode.

Once you have opened it, an Open Studio button also appears in the bottom-right corner of your own site while you are signed in. Visitors never see it — the editor is not part of the page they download.

If that button does not appear, start from Coready. Browsers deliberately do not share a login between two different addresses, so your site cannot always tell that you are signed in.

What you are looking at


Left panel	Structure (what is on this page), Blocks (things you can add), Pages (everything you can edit)
Middle	Your actual site
Right panel	The settings of whatever you have selected
Top bar	Language, device width, undo/redo, save state, Discard, Publish, and the ⋯ menu

Both side panels collapse with the chevron at their top. The page in the middle keeps its width when they do — collapsing gives you a clear view of the page, it does not resize it. That matters: a page that resized every time you opened a panel would reflow, and you would be judging a layout that no visitor will ever see.

Device widths are real: Desktop 1440px, Tablet 768px, Mobile 375px. A breakpoint that looks right here is right.

Editing text

On the page. Hover any text that can be edited and it gains a dashed outline. Click and type. Enter finishes, Esc undoes what you just typed in that box.

With the pencil. Every block shows a small pencil in its top corner on hover. Clicking it puts the cursor in the block's first text field. It is also the one click that is guaranteed not to follow a link — useful on a block whose heading is also a button.

In the panel. Click a block and the right panel shows everything about it. Some things can only be edited there: a value that isn't plain text, or a phrase the block renders twice.

Best practice. Write the text on the page, set the options in the panel. Editing in place shows you the line length and the wrap, which is most of what makes a headline good or bad.

Images

Hover an image and it gains a frame with Click to replace. Clicking opens your file chooser directly — pick a file and it uploads and swaps in place.

Images can also be set in the panel, either by uploading or by pasting a URL.

Everything you upload is filed in Coready under Settings → Files, exactly like an image added from the dashboard. Nothing lands somewhere only Studio can see.

Blocks: the parts of a page

A page is a stack of sections, each holding one or more columns, each holding blocks.

Add from the Blocks tab. It lands below whatever you have selected, or at the end.
Move with the ↑ ↓ buttons in Structure, or by dragging within the list.
Duplicate, hide (◌ keeps it in the page but off the site) and delete are on the same row.
Rename a block — the ✎ button, or double-click its name. This changes nothing a visitor sees; it is so that four card grids are not four rows all called "Card grid".

Sections give you the columns. Add one with the layout you want — full width, two equal, wide + narrow — and drop blocks into either side.

Best practice. Name any block you will have to find again. On a long page, "Winter banner" beats scrolling for the third of five banners.

Site-wide components

At the top and bottom of Structure, in dashed boxes, sit the Announcement bar, Header and Footer. They are not part of this page — one of each serves your whole site.

Two different switches, and the difference matters:

● / ◌ — which one the site uses. You can keep several headers configured and switch between them; turning one on turns the others off.
👁 (eye) — leave that component off this page only. A landing page with no navigation, a contact page with no announcement. Every other page is untouched.

You can add more of each from the Blocks tab under Site-wide, or from the buttons in those boxes. Announcement bars stack — several can show at once. Headers and footers do not: one shows.

Best practice. Before deleting a header you are unsure about, switch it off (◌) instead. Deleting removes it from every page; switching off is reversible and costs nothing.

Pages

The Pages tab lists every page on your site — your home page, catalog, contact page, blog, product template, and anything you have made yourself. Create, rename, change the address, or delete from there.

Every page works the same way. There is no such thing as a page you cannot touch: your catalog and contact pages are made of blocks like any other, so you can reorder them, add to them, or take them apart. A new storefront starts with a catalog, contact and blog page already made for you — delete one you do not want and it stays deleted.

Two pages cannot be deleted, because your site would have nowhere to send people:

the home page, which is always at /
the product template (below)

You can still rename either, and compose both however you like.

Starting points. Your catalog and contact pages each begin as a single block that draws the page your theme already had. Delete that block and build the page from smaller pieces — a category list and a product listing, say — whenever you want more control.

The product template

Every product page shares one layout. Edit the product template and you are editing all of them at once — the gallery, the name, the price, the buy button, the options. Each product then fills that layout with its own data.

This is why the product blocks have no name or price field: those come from whichever product is being viewed.

Product details

Open a product page in Studio and the right panel gains a Product tab. That edits the product itself — name, description, price, stock, minimum order, its images, its options, and its quantity discounts.

Product changes are live as soon as you save. They are not part of Publish. Publish is for the layout; a price is a fact about your shop, and it takes effect immediately, everywhere the product appears.

Fields marked "edited here"

If your products come from a connected inventory or ERP system, a sync normally overwrites the name, description, price and stock. Anything you change in Studio is marked edited here and the sync stops touching that field, so your correction is not silently undone.

Press release beside a field to hand it back to the connected system. Its value will be replaced by that system's on the next sync.

Best practice. Correct a product where its data actually lives when you can — a name that is wrong on the site is usually wrong in the ERP too. Use Studio for the shop-facing wording that has no place in the ERP.

Options and discounts

Options are attached, not created here: pick one your company already has and put it on this product, or take it off. Naming options and defining their values stays in Coready, because those are shared by every product that uses them.

Discounts — quantity breaks like from 50 pcs → 8.40 — appear only if your company has the Discounts module enabled. If you don't use it, the section simply isn't there.

Prices in the table, on the page itself

You do not have to open the Product tab to change a price. On the product page, the options table is editable where it stands: click a price, type the new one, press Enter.

That works for both columns the table can show:

the plain Price column — what that option costs;
the quantity-break columns (50+, 100+) — the discount price at that quantity. These only exist when the Discounts module is on.

Type into an empty — cell to add a break that wasn't there before.

Prices behave like every other product edit: Enter saves, Esc or clicking away cancels, and the change is live at once — there is no Publish step and no undo. Type the price the way it is shown, including the decimals: 1 234,50.

Two cells will not let you type into them, and say why when you hover:

a percentage option (one priced as +15% of the product price). Typing 120 there would have to become a percentage, which then keeps changing whenever the product's own price changes — not what you meant. Change it in the Product tab.
a price below what a discount ladder can express, on shops configured so a break is stored as a surcharge. The message tells you the lowest price that cell can hold.

Best practice. The table is for correcting a number you can see is wrong. For setting up a new ladder from scratch — several breaks at once — the Product tab shows them as a list and is quicker.

Site settings

The Site tab in the right panel holds the things that belong to the whole site rather than to one page. Three sections, and they do not all save the same way — each says which on its label.

Contact details · draft

How customers reach you: phones, emails, addresses, opening hours, and links to Google Maps, Instagram, Facebook, TikTok, Telegram and WhatsApp.

Each is a list — press Add for another entry, the arrows to reorder, ✕ to remove. The order is the order they appear on your site.

These are site-wide: they show on your contact page and in your footer, on every page. Like everything else here they are a draft until you publish, so you can correct a phone number and see it in the preview before anyone else does.

Search engines · draft

Defaults every page inherits when it does not set its own:

Site name — used wherever a page title mentions the site. Defaults to your storefront's name.
Title template — how a page's title combines with the site name, e.g. {page} — {site}. Without one, a page title stands alone.
Default meta title / description — used by any page that sets none.
Social image — shown when someone shares a link to your site.

A page's own SEO, in the Page tab, overrides all of this field by field.

Languages · live

Your primary language is served at the plain address (/catalog); every other language you serve gets a prefix (/ru/catalog).

This section is live — there is no publish step. Languages are addresses, not content: adding one puts it on your site immediately, and removing one makes its addresses stop working. The two changes that break existing links ask first:

changing the primary language re-addresses every page on the site;
removing a language makes its pages return "not found". Anything you translated into it is kept, and comes back if you re-enable it.

Moved. Contact details, SEO defaults and languages used to live in Coready under Storefronts → your storefront → settings. They are edited here now, so that changing a phone number or a title works the same way as changing anything else — with a preview, rather than a separate form with none. Your existing values were carried over; nothing changed for visitors until you publish. Coready's storefront settings no longer show them for a storefront you edit in Studio, so there is only ever one place to change each. A storefront that runs as its own separate site — one Studio cannot open — keeps editing them in Coready's storefront settings.

Your blog

/blog is a page you compose, like any other. Add the Blog block and it lists your articles; the block's own Which blog field decides which blog it shows, so you can put a different one on a different page if you keep more than one.

Leave that field empty and it shows your storefront's usual blog. The block also carries the choices that used to be settings: whether to show the category sidebar, and how many articles to list.

If you never touch /blog, it keeps rendering exactly as it always did.

Language

If your storefront serves more than one language, the top bar has a language switcher. Switching it changes what you are editing, not what visitors see.

The primary language holds the real content.
Other languages hold only what you have actually translated. Anything untranslated falls back to the primary language, so a half-translated page is always complete — just partly in the original.
The counter in the toolbar shows how much of this page is translated.
Structural things — which blocks, in what order — are shared by every language. You translate words, not layouts.

Search engines

The Page tab holds this page's title, description, social image and a "hide from search engines" switch. Empty fields fall back to your storefront's defaults.

Counters (60 / 160) are guidance, not limits — search engines shorten long text rather than reject it.

On the product template, the title is each product's own name; a title typed there would otherwise put the same one on every product in your catalogue.

Saving, publishing, undoing

Layout and text save automatically as a draft. Nothing a visitor sees changes until you press Publish.
Product details are live on save, as above.
Discard throws away every unpublished change to the page you are on.
Undo / Redo cover the edits you have made in this session.

What Publish covers

Publish puts your whole site live — the page you are on, any other page you changed, your theme, your interface text and your site-wide components. The number on the button is how many of those are waiting.

Press the small arrow beside it to see the list before you commit to it:

Going live — Home page · Theme · Site-wide components

This matters because a change to your colours or your header is not part of any one page. If you have a half-finished change on another page you are not ready to show anyone, use ⋯ → Version history on that page to put it back first, or finish it — everything pending goes live together.

Keyboard


`Ctrl/Cmd + Z`	Undo
`Ctrl/Cmd + Shift + Z`	Redo
`Ctrl/Cmd + S`	Save now (it also saves on its own)
`Esc`	Deselect the current block

These work over the page itself, not only in the panels. Inside a text field they do what they always do — Ctrl/Cmd + Z undoes your typing, not your last block.

⋯ → Version history restores an earlier version of a page.
⋯ → Back up the whole site exports every page, your theme and your text into one file, and can restore from it later.

Best practice. Take a backup before a large redesign. It is one click, and it is the difference between "undo that" and "rebuild that".

If someone else is editing the same page, the toolbar says so. If they publish while you are working, you will be told rather than silently overwritten — reload to pick up their version.

Quick answers

Nothing I do shows on the page. Check whether you are on the right page: the panels follow the canvas, so clicking a link in your site moves both.

The buy button is greyed out. The product requires an option that the layout does not show. Add the Product options block to the product template.

I hid the header and now it is gone everywhere. The eye hides it on one page; the ● / ◌ switch is site-wide. Check which one you used.

A block says it only appears on a product page. Product blocks read the product being viewed, so they show a placeholder anywhere else. Move it to the product template, or delete it.

My change came back after a sync. That field was not marked edited here — most likely it was changed in Coready rather than in Studio. Edit it here once and it will be protected.