Adding the Try It On button to your product pages

Place the button with Shopify’s theme editor, enable it for the products you want, and customise its label and colour.

Open Settings → Open theme editor. The link drops you straight into Shopify’s theme editor with the Try-On Button block ready to place. Drag it where you want it, click Save, and it’s live.

  • The button only renders on product pages — it doesn’t make sense elsewhere.
  • You can place it on multiple templates if you have product variants.
  • Label and accent color are editable per placement.
  • The button stays hidden on products you haven’t enabled; in the theme editor it is always visible so you can preview placement.

Choosing where it appears

In Settings, choose All products, specific products, or whole collections. Start with your bestsellers: engagement compounds where shoppers are already interested.

Variants

The try-on follows the variant the shopper has selected and uses that variant’s product image and details when they are available.