10. Upsells
Upsells help you sell more after the buyer has paid, so they never cost you the order already placed.
| Place | Who sees it |
|---|---|
| Post-purchase offers | One-click offers right after a card payment |
| Confirmation page | Blocks on the thank-you and order status pages. Reaches every order, cash on delivery included. |
10.1. Set up Upsells
- Pick this app for the post-purchase page. Shopify allows one app per store here. In Shopify, go to Settings → Checkout → Post-purchase page and choose SP Checkout Suite.
- Add the app block in the checkout editor. Confirmation blocks only show once the app block is on both the Thank you and Order status pages. Click Checkout editor, then Refresh back in the app.
- Turn on your first offer. Click Set up offer (or Manage offer).
10.2. Post-purchase offers
The editor has two tabs, Offers and Design, with a live preview. Use the preview buttons to go through the page like a buyer.
Offers tab
Add up to 20 offer cards. Switch each one On (buyers can see it) or Off (kept, not shown). Offers are tried from top to bottom, and an order gets the first offer it matches.
👉 An offer shown on every order catches the rest, so put it last.
For each offer, set:
- Show when: every order that reaches this page, or only orders that meet your conditions (products in the order, order amount, total quantity, how many orders this customer has placed, customer tag, country).
- Products to offer (up to 3): pick specific products, or use complementary products from the free Shopify Search & Discovery app. You can let the buyer choose between two products, and set a fallback product if nothing matches.
- Pricing: Percent off, Amount off or a fixed special price, with a discount label.
- Don’t charge shipping on this offer, with an optional note shown on the offer.
- What happens next: if the buyer accepts, the products are added to the order already paid for. If they decline, nothing is added, and you either stop there (the buyer goes to the order confirmation) or show another offer instead.
Products already in the order, out of stock, or not sold where the buyer lives are left out. If nothing is left, the offer is skipped.
Note: An offer can only be switched on once its required fields are filled in. The page tells you what’s missing.
Design tab
Edit:
- The heading and its size
- The button text and the decline link
- An optional countdown, up to 3,600 seconds (0 turns it off)
- What the offer shows: product images, original price struck through, discount label
When the countdown ends, the button reads Offer expired. The buyer isn’t redirected and nothing is charged.
Important: Cash on delivery, wallet, gift card and instalment orders never see the post-purchase page, because Shopify only shows it after a card payment. Use Confirmation page blocks to reach them.
Test your offer
On a development store, turn on the Bogus gateway under Settings → Payments → Test mode in Shopify. Place an order that meets your conditions and pay with card number 1.
10.3. Confirmation page
There are five blocks, always in this order. Switch on the ones you want and drag a block by its handle to reorder it. The preview uses sample data.
| Block | What it does |
|---|---|
| Product offer | Offers up to 3 products, specific or complementary, with a percent or amount discount. The button opens a new checkout with the product and discount already added; paying places a new order. The app creates the single-use code itself, valid for 24 hours. |
| Discount for next order | Shows a code from your own Discounts page. Manage discounts opens Shopify. The app never creates or changes that code. |
| Survey | Ask a question. Answer type: single choice, multiple choice or short answer. Answers are saved on the order and shown in Reports. |
| Message | A heading and text. Use {first_name} and {order_number} to insert the buyer's name and order number. |
| Links | Up to 3 buttons, each with a label and URL |
Every block has its own Show when setting.
Place the app block
Under Where it appears, the page confirms whether the app block is Placed on the Thank you and Order status pages. If not:
- Click Open checkout editor and pick the page.
- Click Add block → Apps → SP Checkout Suite.
- Save in the editor, then return to the app and click Check again.
Other apps’ blocks can sit on the same page.