Shopify Integration
Install the app, place the customizer on your theme, and keep variants and checkout in sync.
- Install the Composerie app on your Shopify store Install Composerie from the App Store, approve the access it asks for, and connect your store so your products and orders sync.
- Turn on the two theme switches that show the customizer Composerie needs two theme switches: the app embed that runs Composerie site-wide, and the customizer block that puts the personalize button on product pages.
- Storefront modes explained: Linked, On-page, and Full-page Composerie offers three ways to show personalization on a product: Linked (no widget), On-page customizer, and Full-page customizer. Here is what each one does and when to pick it.
- Place and adjust the customizer block on your product page The Composerie Customizer block is the visible part on your product page. Learn where it sits, how it picks its mode, and how the Storefront fit settings fix narrow themes.
- Preview the customizer in the Shopify theme editor See how the customizer behaves inside the theme editor: the placeholder for unlinked products, the selection outline, and why the live storefront looks different.
- Use Composerie with page builders like PageFly and GemPages Composerie detects popular page builders and works best when you add its app block inside the builder. Here is what is supported and how to place it.
- Check theme compatibility and supported themes Composerie reads your theme and gives a compatibility score. It recognizes 20-plus Shopify themes and falls back to generic selectors for the rest.
- How Composerie attaches a design to the cart Composerie watches your store's add-to-cart requests and attaches the design details, so the right personalization travels with the order. No theme code changes needed.
- Keep variants in sync and carry the design to checkout Composerie keeps your Shopify variant selection accurate even when it shows its own variant UI, and makes sure the right design reaches checkout and the order.
- Fix the customizer not showing on your product page If the personalize button or customizer is missing, work through the usual causes: the app embed, the block, the product's mode, a linked design, and theme layout.