The visual editor
Your storefront, built by dragging things into place
A section tree on one side, a live preview on the other. Edit, preview, publish, and roll back whenever you need to — no code required.
The loop
Edit, preview, publish, rollback
Four steps, repeated without fear of breaking something.
- 1
Edit
Drag a section in, reorder it, and fill in its generated settings form — colours, copy, images, links.
- 2
Preview
Check it on desktop, tablet and phone, and flip to RTL to see the Arabic mirror before anyone else does.
- 3
Publish
Go live. The change revalidates config for the affected pages — there is no rebuild to wait on.
- 4
Rollback
Every publish is a version. If something is wrong, roll back to the last good one in one click.
Without code
What you can change yourself
Everything most stores need on a routine week, without filing a developer ticket.
Sections
Add, remove and reorder homepage, category, product and content page sections.
Colours & typography
Set a colour scheme, pick a typeface, adjust corner radius and button style.
Menus
Build header and footer navigation with the menu builder.
Copy & images
Edit every section’s text and images through its generated settings form.
And for whoever wants to go further
Every section follows a documented schema — the same one the platform’s own two-dozen-plus sections are built on. A developer can register a new section type that shows up in Studio exactly like a built-in one, without forking the platform or giving up future updates.
- A documented, extensible section schema
- New sections appear in Studio like any built-in one
- No forking the platform, no losing future updates
FAQ
Questions about Studio
Does publishing rebuild the site?
Can I undo a bad publish?
Can a developer add a section that is not in the library?
Does Studio support Arabic and RTL?
Open Studio on a sandbox store
Try dragging, previewing and publishing yourself.
No card required · Live in a day · Support in Arabic and English