Add-ons let you offer paid extras alongside a personalized product. Think gift wrap, a hanger, or a quality upgrade. Create a merchant-fulfilled extra directly from the product page, then set its prices, photos, and visibility. Provider choices remain distinct from extras your own team supplies.
What add-ons are
An add-on is an optional extra a customer can choose while they personalize a product. Each add-on carries a surcharge, either a flat amount or a percentage of the price.
An add-on can take one of two shapes:
- A single yes/no toggle. For example, a “Gift wrap” checkbox the customer either picks or skips.
- A set of choices. For example, a “Hanger” add-on with the options None, Standing, and Wooden.
When a customer selects a paid add-on, its surcharge should appear in the Shopify cart and checkout. Check the selected option and final total before selling the product. Contact support if the charge does not match the configured price.
Each add-on applies either to all variants or to specific variants you choose.
Create a merchant add-on on the product page
The creation dialog adds a service or physical extra that your team fulfills.
Open Create add-on
On the product page, select New add-on in the Add-ons card header, or Create an add-on here in its empty state. The dialog opens on the product page.
Name the extra
Enter a clear Name and an optional description of what the customer receives.
Set the price
Choose Fixed amount or Percentage. A fixed amount is charged per item; a percentage is calculated from the selected variant price. Enter a non-negative value.
Review whether the extra is required
Select The customer must select this add-on only when every customer must include it. Leave it off for an optional extra.
Create the add-on
Select Create add-on and wait for the card to refresh. Creation saves immediately. Review the new extra in the customizer and check its cart price before publishing.
Set add-on prices and visibility on the product page
The Add-ons card on the product page is where you set prices, add photos, control visibility, and reorder. Each row shows the add-on’s photo, its name, what it applies to, and its cost, price, and margin. A Required pill marks an add-on the customer must choose.
A note on what saves when: visibility, order, and choice photos save instantly. Price edits stage on the page save bar, so you confirm them with the rest of your product changes.
Open an add-on to see its choices
Select anywhere on an add-on’s row to open it. Each choice gets a row of its own, with a photo slot, the provider cost for a provider add-on, an editable price, and the margin. The line under a choice’s name shows its state: Default, Photo shown to shoppers, or No photo yet.
Edit a price
Click a choice’s price, type the sale price, and press Enter. Leave the input empty to fall back to the provider cost. A price of zero shows as Free. On a provider add-on whose prices you changed, Reset all to cost clears every override at once. An add-on priced as a percentage has no choices to price; it keeps the percentage you set when you created it.
Add a photo to a choice
Select a choice’s photo slot to open the media library, then upload a photo or pick one you already have. A dashed slot marks a paid choice without a photo, and the card counts how many are still missing one. The photo saves instantly.
Hide or show an add-on in the customizer
Point at the row and select the eye at its end, or open the add-on and choose Hide add-on or Show add-on. A hidden add-on dims and shows a Hidden pill, and it does not appear in the customizer. This change saves instantly.
Reorder add-ons
In the list view, drag the handle on the left of a row to change the order. The order you set here is the order customers see in the customizer. Reordering saves instantly.
Save your price changes
Visibility, order, and photos are already saved. To commit price edits, use the page save bar at the bottom of the product page.
Edit an add-on
Open an add-on and select Edit add-on to change the rest of it in one dialog:
- Name: the name shoppers see. Leave it empty to use the original name.
- How the add-on appears in the customizer is set in the Design Studio: open Options, then the add-on, and choose a tile under Looks like: Checkbox, Switch, Radio, Buttons, Segmented, Dropdown, Color, Image or Tile. A checkbox or a switch needs exactly two choices, and an image swatch needs a photo on every choice.
- Choices: rename each choice, add or remove its photo, and pick the default with Set as default. For a provider add-on, the provider sets the choices and their cost; you can still rename them, add photos, and pick the default.
- Applies to: All variants, or only the variants you select. This row appears when the product has more than one variant.
- Customer must choose and Show in store: whether the add-on is required, and whether shoppers see it.
Select Save to apply the changes. They save right away, not through the page save bar. Prices stay on the card itself.
To remove an extra your team supplies, select Delete add-on in the same dialog and confirm. Delete is offered only for merchant add-ons; hide a provider add-on instead.
Common questions
How are paid add-ons added to the Shopify cart?
Composerie records the selected surcharge on the Shopify cart line and applies it during cart and checkout through the Composerie Shopify extension.
Why does my add-on not show in the storefront?
Check that it is not hidden: a hidden add-on shows a Hidden pill on its row. Then open Edit add-on and confirm that Show in store is on and that Applies to includes the variant you are looking at.
What happens if I leave a price empty?
An empty price input falls back to the provider cost for that choice. A price of zero shows as Free.
Why are my price changes not saved?
Price edits stage on the page save bar, so they only persist after you click save. Visibility, reordering, photos, and the Edit add-on dialog save on their own, instantly.
Can I delete an add-on that came from my print provider?
No. Delete is offered only for extras your team supplies. Hide a provider add-on instead, so it no longer appears in the customizer.
Next
Once your add-ons are priced, see how the whole product page fits together in the product page, or preview the buyer side in how a shopper personalizes a product.