Feature · Sell
Click a marker on the store to change that section
Brikl’s Store Editor redesigns a live storefront by clicking the thing you want to change. The real store renders in front of you, every editable section carries a marker, and the marker opens the panel that controls it. No theme files, no separate preview, no developer.
The whole idea
Point at it. Change it. Save.
Most storefront tools ask you to hold two pictures in your head: the settings screen you are editing, and the store those settings will produce. This one collapses them. The store is the screen.
The store renders live
Not a mock-up. The actual storefront at its actual address, with its real products and its real prices.
Markers sit on the sections
Header, navigation, lead space, cart, footer. Click one and its panel opens beside the store, already scoped to that section.
Changes hold until you save
The bar shows unsaved work, revert undoes it, and panels say plainly that changes publish with the next deploy.
Every section, and what its panel holds
Seven markers cover the storefront from the top of the header to the copyright line — including the parts of a store that usually get skipped because nobody knows where they are configured.
Header
The store's name, its bar, and what sits in it.
The store name is treated as type, not as a setting: font, size, weight, case, letter spacing, color, outline and text shadow. The bar behind it takes its own color — transparent included — and a shadow. Search, help and cart are switches. Below them sit the logo and the storewide style: the font the whole store inherits, and the page background.
Navigation
The menu bar and how it behaves.
Bar color, alignment, density and uppercase tabs on the appearance side. On the behavior side: whether there's a home tab, whether categories open as dropdowns, whether the bar sticks below the header as you scroll, and whether menus open on hover or on click.
Lead space
The first thing a shopper sees.
One slide or several. Each carries an image, a tag, an eyebrow, a headline, a description, and two buttons — each button pointed at a product, a category or an external link, with its own label. The panel names which slide you are editing, so a carousel never becomes a guessing game.
Catalog hub
The landing page in multi-store mode.
Its eyebrow, heading and intro text, then how the catalog cards lay out — column count, whether the logo tile is tinted or neutral, and whether cards carry a meta line. This is the page a shopper meets when one store fronts several catalogs.
Catalog configuration
Which catalogs appear on the hub.
A list with a switch per catalog, showing whether each one is live yet and its reference. Ordering is drag-and-drop, and the panel says how many of the available catalogs are currently on the hub.
Cart drawer
The panel that slides out at the decisive moment.
Its theme, whether the page dims behind it, its title, the currency label, the checkout button's wording and what an empty cart says. Plus the incentives: a note above checkout, and whether a shipping estimate row is shown.
Footer
The half of the store nobody budgets time for.
Brand blurb and footer color; contact name, email, phone, address and opening hours; the trust bar, payment badges and newsletter signup as switches with their own copy; and the legal row — terms, privacy, refund policy and the copyright line, each pointed wherever it should go.
How deep it goes
The store name is typography, not a text box
Font, size, weight, case, italic, underline, letter spacing, color, outline and text shadow — all of it on the store name alone. Leave the font blank and it inherits the storewide one; set it and this element overrides.
That pattern runs through the editor. A storewide font and background sit underneath everything, and any section can depart from them where a brand needs it to. Which is how a client’s store ends up looking like the client rather than like a template with their logo dropped in.
Color pickers offer the brand palette, a transparent option where transparency makes sense, and a custom picker for the case where it doesn’t.
Why editing in place matters
The point isn’t that it looks nicer. It is that the loop between wanting a change and seeing it is one click long.
The preview is the store
Not an approximation of it. The canvas renders the real storefront at its real address, so what you are looking at is what a shopper gets.
Markers, not a file tree
Each editable section carries a marker on the store itself. You click the thing you want to change rather than working out which file or setting governs it.
Nothing goes out until you save
The bar tells you there are unsaved changes, and a revert puts the store back. Changes publish with the next deploy — so experimenting is free.
Three widths, one store
Switch between desktop, tablet and phone from the bar underneath. You are checking the same storefront at another size, not previewing a separate mobile theme.
Single store · Multi store
One storefront, or several behind one front door
A toggle at the top of the editor switches which one you are designing. It is the same editor and the same panels either way.
Single store
The storefront a shopper lands on: header, navigation, a lead space, products, a cart drawer and a footer. One brand, one range, one address.
Multi store
Shoppers land on a catalog hub and choose. Each catalog is then its own storefront with its own products, pricing and decoration rules — and everything you configure for a single store applies inside each of them. You design the hub in the same editor: its heading, its intro, and how the catalog cards lay out.
Multi Store →What it connects to
The editor changes how a store looks. These decide what it sells and where it lives.
Stores
The record behind the storefront — catalogs, domain, sign-in, owner — and the list every store you run appears in.
Stores→2Turbo Store
Builds a stocked, branded, priced store in about ten seconds. Everything it produces opens in this editor, fully editable.
Turbo Store→3Catalogs
What the storefront sells. Link a catalog to a store and the products, categories and prices come with it.
Catalogs→Frequently asked questions
What is the Brikl Store Editor?
Do I need a developer or a designer?
Which parts of the store can I edit?
Is what I see actually what shoppers get?
Do my changes go live immediately?
Can I check the store on mobile?
What is the difference between single store and multi store?
Can I set where the hero buttons go?
Can I change the wording of the cart and checkout?
Design a storefront by clicking on it
No credit card, no subscription. 3.5% when you make a sale.