Make Composerie visible in your Shopify theme

Use the dashboard setup check to enable the Composerie app embed and add the personalization block to the product template.

Connecting the Shopify app does not automatically change your live theme. Complete the two storefront steps from the Composerie setup check.

DashboardThe Make Composerie visible on your store dialog, naming the connected store and offering two rows: Switch Composerie on with an Open theme editor button, and Add the personalize button with an Add block button
One dialog, two links. Each opens the right place in Shopify's theme editor.

1. Switch Composerie on

Select Open theme editor in the first row. Shopify opens the app-embed context for the current theme. Enable Composerie and save the theme.

The app embed is what loads Composerie into your theme at all. Keep it enabled even when a product uses Full page mode.

2. Add the personalization block

Select Add block in the second row. Shopify opens the product template and prepares the Composerie block in the main product section. Place it near the product form or main purchase action, then save.

3. Recheck the setup

Return to Composerie and select Recheck. The setup dialog verifies the active store and reports the current theme state.

Neither switch is useful on its own, and both start off.
DashboardComposerie Shopify integration showing the active connected storefront
Confirm the correct store is active before testing a published product.
Why are there two steps?

The app embed loads the storefront integration; the block gives the product template a visible place for personalization.

Which theme is changed?

The Shopify links target the store's current theme. Verify the theme name in Shopify before saving when you also maintain unpublished themes.

Why does Recheck still show a problem?

Confirm both changes were saved in Shopify, then wait briefly and run Recheck again.

Next

Choose a storefront mode and preview the customizer.

Related articles