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 keeps your storefront looking exactly the same. Composerie works in the background. There is no added page weight, so the product page loads just as it did before. Linked is best for designs that do not need any customer changes.
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 adds a button that leads customers to a dedicated customizer page. That page has plenty of room and no page-weight limit. It is best for products with lots of design options.
You pick one mode per product, so your catalog can mix modes freely.
How to choose
Start with one question: does the shopper personalize this product?
Choose Linked only when shoppers do not personalize the product. If the active design has personalization fields, the wizard grays Linked out and tells you why. Linked renders nothing for the customer to fill in, so it would leave those fields with no place to go. The note suggests Embedded or Full page instead.
Choose Embedded when there are a few options and you want the customer to stay on the product page. The added page weight is small (up to about 150 KB), and it works with most themes.
Choose Full page when the product has many options that need room. Full page has no page-weight limit and works with every theme, so it suits rich designs with many fields, swatches, or photo uploads.
Each mode card has a “Technical details” toggle. Open it to see that mode’s theme compatibility and page weight before you decide.
Where you set it
You set the storefront mode in the publishing wizard while publishing a product. The wizard asks how the product should look on the storefront, and you click the mode you want.
You can change the mode later by editing the publication. Reopen the wizard for that product and pick a different mode.
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.