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 storeUse an approved Composerie installation link, review Shopify's access screen, and confirm the store connection in Composerie.
- Turn on the two theme switches that show the customizerComposerie 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-pageCompare Linked, On-page, and Full-page storefront configurations, including the setup and compatibility checks each option requires.
- Place and adjust the customizer block on your product pageThe 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 editorSee 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 GemPagesComposerie 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 themesComposerie 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 cartComposerie 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 checkoutComposerie 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 pageIf 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.