Overview
Once you have created a shop, you can open it in the Builder.
Watch the walkthrough
Prefer to follow along in a video? Watch the Builder walkthrough right here, then read the guide below.
Opening the Builder
On the All Shops page, find your shop card and hover over it. Two options appear on top of the shop preview:
- Dashboard. Manage your store's data (orders, products, customers, settings).
- Builder. Open the visual editor to design and edit your storefront.
The Builder workspace
Click Builder to open the editor. Your storefront loads in the center canvas, and a toolbar at the top lets you switch device sizes (desktop, tablet, mobile), set a custom resolution, zoom, and undo/redo changes.
The left menu
The panel on the left side of the Builder gives you access to everything you need to design your store:
- Pages. View and manage all the pages of your store, and switch between them.
- Layers. See the structure of the current page as a tree of elements, and select or reorder them.
- Layouts. Choose and apply ready-made page layouts.
- Blocks. Add pre-built content blocks, dynamic, static, and elements, onto the page.
- Settings. Configure page-level and store-level settings for the Builder.
- Version history. Review previous versions of your store and restore an earlier one if needed.
- AI Buddy. Make changes to your store just by describing them, generate pages, update content, and link things up from a prompt.
Explore the Builder
Jump straight into any part of the Builder:
title: Pages icon: i-lucide-files to: /store-management/builder/pages
View, add, and manage all the pages of your store.
title: Layers icon: i-lucide-layers to: /store-management/builder/layers
See the page as a tree of elements, and select or reorder them.
title: Layouts icon: i-lucide-layout-template to: /store-management/builder/layouts
Choose and apply ready-made page layouts.
title: Blocks icon: i-lucide-blocks to: /store-management/builder/blocks
Add dynamic, static, and element blocks to your pages.
title: Element Properties icon: i-lucide-sliders-horizontal to: /store-management/builder/element-properties
Edit any element's text, design, layout, and more.
title: Version History icon: i-lucide-history to: /store-management/builder/version-history
Review previous versions and restore an earlier one.
title: Builder Settings icon: i-lucide-settings to: /store-management/builder/builder-settings/themes
Configure themes, general info, SEO, cache, CSS, and AI.
title: AI Buddy icon: i-lucide-bot to: /store-management/builder/ai-buddy
Make changes to your store just by describing them in a prompt.
title: Preview & Publish icon: i-lucide-rocket to: /store-management/builder/preview-and-publish
Preview your changes, then save and publish them live.
Watch the detailed tutorial
Want a deeper walkthrough? This tutorial covers editing your store and meeting Buddy in more detail.