Storefront Builder
Design your live shop with a visual editor — theme colours and fonts, SEO, and page content, with a live preview.
The storefront builder is where you design the shop your customers actually see. It's a visual editor: change the theme, SEO, and pages on the left, and watch a live preview update on the right.
In the app: Dashboard → E-commerce → Stores → your store → Theme & Pages
How the builder works
The editor is split in two. The left side holds three panels you switch between; the right side is a live preview of the storefront, with a responsive toggle to check the mobile layout. The toolbar carries Save (which publishes your changes) and Reset.
| Panel | What you control |
|---|---|
| Theme | Brand colours, fonts, and spacing |
| SEO | Store name, description, favicon, and meta tags |
| Pages | The content of each storefront page |
Preview, then publish
Edits show instantly in the preview but only go live when you Save. Experiment freely; nothing reaches customers until you publish.
Theme
Set the look of the shop: a primary and secondary colour, your fonts, and spacing. Match these to your brand so the storefront feels like the same brand customers see on WhatsApp and in ads.
SEO
Control how the store appears in search results and link previews: the store name, a description, a favicon, and meta tags. Write the description for a shopper scanning Google, not for a keyword crawler.
Pages
Edit the content of each storefront page — home, product, about, contact, and the cart and checkout pages. Feature your collections, set your hero and copy, and arrange what shoppers see first.
Best practices
How is this guide?