Add-On Upsells on the Shopify Product Page: What to Offer and How

An add-on upsell is a small optional extra offered beside the add-to-cart button, usually as a checkbox, that goes into the cart with the main product in one action. It works when the extra is an obvious companion to the product, its price is shown in full, the box starts unticked and there are no more than three options. This guide covers which extras suit the format, how to present them and how they differ from upsells shown in the cart.

What is an add-on upsell?

It is an extra the shopper can attach to the product they are already buying, without leaving the page or making a second trip to the cart. The main product stays the purchase; the add-on rides along.

That makes it narrower than other product-page offers. A bundle is a set with its own price. A frequently bought together block proposes other products as a group. An add-on is a yes-or-no question about one small thing, asked at the moment the shopper decides to buy. If you are unsure which of these you need, upsell vs cross-sell vs bundle sets out the differences.

Which extras work as add-ons?

The ones a customer would otherwise have to remember, search for or come back for.

• Refills and consumables. Filters for the jug, blades for the handle, pods for the machine. The customer will need them; the only question is when.
• Accessories that complete the product. A case, a cable, a mounting kit, the batteries that are not included.
• Care and protection extras. A cleaning kit, a protective cover or a spare part. If you sell protection plans or extended cover, treat them with more care: products of that kind can be regulated, so check the rules for your market before offering one as a checkbox.
• Service extras. Gift wrap, a handwritten note, assembly or engraving.

A good add-on passes a simple test: the shopper understands what it is and why they might want it from one line of text. Anything that needs a paragraph of explanation is a product, and belongs on its own page.

Why should add-ons stay opt-in?

Because an extra the shopper did not choose is a charge they did not expect. A pre-ticked box may add revenue on the day, and then it adds refund requests, support messages and customers who check every later order for surprises.

Start every checkbox unticked. The shopper ticks it, sees the total change and knows what they are paying for. Rules on pre-selected paid extras also vary by market, so check the ones that apply where you sell; an unticked box avoids the question.

How should the price be shown?

In full, next to the checkbox, in the same size and style as the rest of the buy area. The shopper should never need to open the cart to learn what an extra costs.

• State the price of each add-on on its line.
• Update the total on or near the add-to-cart button when a box is ticked.
• Name the quantity or size: 'pack of 3 filters', not 'filters'.

Say a store sells a water filter jug for $60, with a pack of three replacement filters at $18 as the add-on. With the box ticked, the button should make clear the shopper is adding two items for $78. Those example figures also show why refills suit the format: the add-on is a fraction of the main price, and the customer was going to need it anyway.

How many add-ons should a product have?

One to three. One is often the right answer.

Each checkbox is a small decision placed in front of the big one. A single relevant extra is considered and often accepted. A list of six turns the buy area into a form, and the easy response is to skip all of it. If a product has many possible extras, pick the one most customers need, then at most two more, and leave the rest for the cart or a post-purchase email.

Where should add-ons sit on the page?

Directly beside the add-to-cart button, in the same block as the variant and quantity selectors. The add-on is part of the buying decision, so it belongs where that decision is made.

• Keep the group compact: a short heading, the checkboxes, nothing else.
• Do not push the add-to-cart button below the first screen on a phone.
• If the add-on has variants, such as a case colour, let the shopper choose in place.
• Hide an add-on that is out of stock.

For the wider layout of offers in the buy area, see how to display bundle offers on a product page. Marka Bundles & Upsells includes add-on upsells as an offer type: one-tap complements attached to the product page, shown through an app block added from the Shopify theme editor.

How are add-ons different from in-cart upsells?

They differ in timing and in what they know. Use each for what it is good at, and do not show the same item in both places.

• On the product page, the offer is tied to one product at the moment of decision. It should be specific: the refill for this jug, the case for this phone.
• In the cart, the shopper has committed and the offer can respond to the whole basket: an item that lifts the order to the free shipping threshold, or something that suits the combination of products chosen.

A shopper who declined the filters on the product page does not need the same filters offered again thirty seconds later. Give the cart a different job. For that side of the job, Marka Cart Drawer adds offers and opt-in add-ons inside the cart itself.

A short checklist

1. Pick add-ons the customer will need with this specific product.
2. Limit each product to one to three options.
3. Start every checkbox unticked.
4. Show each price in full and update the total when ticked.
5. Place the group beside the add-to-cart button.
6. Hide add-ons that are out of stock.
7. Offer something different in the cart.

Add-ons are one of the offer types compared in our guide to Shopify bundles, and they suit thin-margin products especially well because the main item is not discounted. To add them to your product pages, see Marka Bundles & Upsells.