Switch on Composerie in your Shopify theme

Use the setup dialog to enable the app embed, add the product block, verify the store, and test the customer preview.

After connecting Shopify, open the dashboard checklist item Make Composerie visible on your store. It brings the two Shopify theme actions together.

The dialog holds both actions: Open theme editor for the app embed, and Add block for the personalize button. Make Composerie visible in your Shopify theme walks through it in detail and shows the dialog.

1. Enable the app embed

Select Open theme editor for Switch Composerie on. Shopify opens the app-embed context. Enable Composerie and save the theme.

Return to Integrations > Shopify and verify the active shop domain and healthy connection. This prevents you from testing a different store than the one you just edited.

2. Add the product block

Return to the setup dialog and select Add block for Add the personalize button. Shopify opens the product template. Add the Composerie block inside the main product form and save.

The app embed loads the integration; the block gives Embedded personalization a visible place in the product template. Full page publications still need the app embed, even though their main editor opens outside the compact product block.

3. Recheck and preview

Back in Composerie, select Recheck. When both saved theme changes are detected, open Customizer and look at the preview: it renders with your storefront’s own theme settings, so it is the closest thing to the page a shopper will land on.

DashboardThe live preview in Customizer settings: a personalized product on the left, and on the right a Material choice of Pine, Walnut or Oak, a Name field with a character counter, three font tiles, a text colour row, a Message box, a Size dropdown and a Frame finish colour row
The preview uses your own Customizer settings, so it shows what a shopper will actually see.
Recheck is looking for both of these. One on its own changes nothing a shopper can see.
Do I need both theme changes?

Yes for Embedded product-page personalization. The app embed loads the integration and the block provides its product-page placement.

Why does Recheck still show a problem?

Confirm the changes were saved on the active theme for the same connected shop domain, then try Recheck again.

What should I do after both checks pass?

Open the Customizer settings, test desktop and mobile, then publish one test product.

Next

Create your first personalizable product.

Related articles