When you publish a product, Composerie asks how it should look on your storefront. There are three storefront modes: Linked, Embedded, and Full page. This guide explains what each mode does and how to pick the right one. It is for anyone publishing their first product or deciding where the customizer should appear.
You choose the mode per product, so different products in your catalog can use different modes.
The three modes at a glance
Each mode places the customizer in a different spot on your store. Here is what each one does.
Linked publishes without Composerie’s personalization interface. Use it only when the design has no customer-editable fields.
Embedded puts the customizer right on your product page, with no redirect. The shopper personalizes the product without leaving the page. It is best for products with a few options where customers want to order fast.
Full page opens a dedicated customizer page with more room for the design and form. It still needs a working storefront entry point and a verified publication.
You pick one mode per product, so your catalog can mix modes freely.
The Publish screen offers only the modes the design allows, so what you see there is already filtered. Choose Linked, Embedded, or Full page shows the switch itself, with and without Linked, and previews what each mode puts on the product page.
How to choose
Start with one question: does the shopper personalize this product?
Choose Linked only for a design without personalization fields. The current Publish screen removes Linked from the choices when those fields exist. Choose Embedded or Full page for shopper input.
Choose Embedded for a compact product-page flow, then test the block placement, variant selection, and cart behavior in the actual theme.
Choose Full page when the form needs more space. Test the button, page route, required fields, and return-to-cart flow for the intended store.
Mode selection is not proof of theme compatibility or load performance. Check the published desktop and mobile flow before launch.
Embedded has three looks of its own
Choosing Embedded is only the first decision. The Appearance section of the product’s store settings then decides how much of your product page Composerie takes over. It applies to Embedded publications only, and says so when the publication uses another mode.
Pick a preset to start. There are three:
| Preset | What it does | Best for |
|---|---|---|
| Minimal | Adds fields below your existing variant picker | Simple touches like a name or a photo |
| Options + preview | A custom variant picker with a live preview | Visual customization with colour or style swatches |
| Full takeover | Replaces the upper product page completely | Premium products that benefit from merchant-authored trust text |
Start with Minimal on an established theme. It leaves your product page alone, which means nothing about your layout, your reviews block or your buy button can break.
Override a preset piece by piece
Under Advanced you can switch the individual takeovers, and the preset changes to Custom as soon as you do:
- Replace variant UI uses Composerie’s variant picker instead of the theme’s.
- Live preview shows a preview that updates as customers personalize.
- Replace title and price hands the title, price and review stars to Composerie.
- CRO elements shows neutral trust text you write yourself.
- Composerie add to cart uses a styled Composerie add-to-cart button.
Each of these replaces something your theme was doing. Turn one on, then look at the live product page on a phone as well as a desktop before you leave it on.
Where you set it
For an initial publication, choose the mode in the product’s Publish screen and review the selected stores and readiness checks.
Existing publications use their store/publication settings and update flow. Follow publish a product to distinguish first publication from updating an existing one.
This guide covers the modes at a high level. For the full step-by-step, see publish a product to your storefront. To get the customizer running on your theme first, see switch on the customizer in your theme.
Next
See the whole flow end to end in your first personalizable product.