> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/quo-volume-discount-tier-price/upsell-post-purchase.md).

# Upsell Post Purchase

The Post-Purchase Upsell feature allows you to show additional product offers to customers immediately after they complete their checkout. This helps increase your average order value by encouraging customers to add more products without going through the checkout process again.

For example:

* A customer purchases a **T-Shirt**
* After checkout, the app can show:
  * “Add another T-Shirt at 20% OFF.”
  * “Buy Matching Jeans for ₹999.”
  * “Add Cap for only ₹199.”

Since the customer has already completed the payment process, they can accept the offer instantly with a single click.

## How It Works

The Post-Purchase Upsell process works in 4 simple steps:

1. Enable the app in Shopify Checkout settings
2. Create the upsell offer flow
3. Customize the offer page design
4. Configure email settings for sending offers and notifications

## Step 1 – Enable Post-Purchase Offers

Before creating offers, the app must be enabled in Shopify Checkout settings.

### Enable the App

* Open the app dashboard
* Go to **Upsell Post-purchase** from the left sidebar
* Click the **Enable** button

<figure><img src="/files/O8UlNuF9LczYoEkvxHO1" alt=""><figcaption></figcaption></figure>

After clicking the button, Shopify will redirect you to:

**Shopify Admin → Settings → Checkout**

<figure><img src="/files/Ww7ApqZMZHScsDRpZVKv" alt=""><figcaption></figcaption></figure>

Scroll down to the **Post-purchase page** section.

<figure><img src="/files/B745KckeFKhxapw5ACXN" alt=""><figcaption></figcaption></figure>

Under:

**Use an app to add features at checkout after payment**

select:

**QUO Volume Discount Tier Price**

Click **Save**.

Once enabled, the app will be able to display post-purchase offers after checkout.

## Step 2 – Create Upsell Offer

Go to:

**Upsell Post-purchase → Create Upsell Offer**

The setup contains 3 main sections:

* Set Offer
* Configure Offer Flow
* Customize Style

<figure><img src="/files/QD9qeOzYZeGHWqYMEeWp" alt=""><figcaption></figcaption></figure>

## Set Offer

This section is used to create the logic and conditions for your upsell offers.

## 1. General

### Offer Name

The offer name is used internally to identify the upsell campaign inside the app admin.

Example:

* Offer #1
* Summer Offer
* Accessories Upsell
* Festival Sale Offer

This name is not shown to customers.

<figure><img src="/files/D5syQinv7EjUhi4XmEMk" alt=""><figcaption></figcaption></figure>

## 2. Condition

Conditions determine when the upsell offer should appear.

The app will only display the offer if all selected conditions are matched.

### Condition Example

#### Order Total Quantity

You can show offers based on the quantity of products purchased.

Example:

* Minimum Quantity = `1`

This means:

* The upsell offer will appear if the customer purchases at least 1 product.

### Apply For

Choose where the condition should apply.

#### Options:

* All Products
* Specific Products
* Collections
* Product Tags

### Example

You can:

* Show shoe accessory offers only when customers buy shoes
* Show phone accessory offers only when mobile products are purchased
* Show bundle offers for selected collections

<figure><img src="/files/WAAqBSpMCpblme2KYeDy" alt=""><figcaption></figcaption></figure>

## 3. Upsell Offer Flow

This section controls which offers are shown after checkout and what happens based on customer actions.

## Offer #1

This is the first offer shown to the customer after purchase.

Example:

* “Add Phone Cover at 20% OFF.”
* “Buy an extra T-shirt for ₹299.”
* “Get Matching Shoes at a Special Price”

Under the offer section, click the **Select Product** button to choose the product you want to offer.

You can:

* Select upsell products
* Configure discounts
* Set pricing
* Customize offer details

<figure><img src="/files/kHMbFttKgNqoKC5EMlKM" alt=""><figcaption></figcaption></figure>

## If Accepted → Offer #2

You can show another offer if the customer accepts the first one.

### Example

Customer accepts:

* “Add Phone Cover”

Then the app can show:

* “Add Screen Protector for ₹99”

This creates a multi-step upsell funnel.

<figure><img src="/files/AI9Rw3zNO81OexYDyT1Q" alt=""><figcaption></figcaption></figure>

## If Declined → Offer #3

You can also show a different offer if the customer declines the first offer.

### Example

Customer declines:

* “Add Shoes”

Then the app can show:

* “Get Socks at 15% OFF”

<figure><img src="/files/Z48ewHBf5ySc92dXhqA7" alt=""><figcaption></figcaption></figure>

This gives another opportunity to convert the customer.

## Example Upsell Flow

### Customer Purchase

Customer buys:

* Laptop

### Post-Purchase Offers

#### Offer #1

“Add Laptop Bag at 20% OFF.”

#### If Accepted

Show:

* Wireless Mouse for ₹499

#### If Declined

Show:

* Keyboard Cover for ₹199

This creates a complete upsell journey after checkout.

## Customize Style

The Customize Style section allows you to design the appearance of the post-purchase offer page shown to customers.

## Message Settings

### Title

This is the main heading displayed on the upsell page.

Example:\
\&#xNAN;**"Don't miss out on the limited-time offer.**"

You can customize the message according to your campaign.

#### Example Titles

* Limited Time Offer!
* Special Deal Just for You
* Complete Your Purchase
* Recommended Products for You

## Background Color

Customize the background color of the upsell offer section.

Examples:

* White
* Black
* Brand Colors

This helps match the offer design with your store branding.

## Text Color

Choose the text color used in the offer section.

Examples:

* Gray
* Black
* White

Make sure the text remains clearly visible for customers.

## Show Timer

Enable the countdown timer to create urgency.

Example:

* 15 Minutes

Customers will see a timer encouraging them to accept the offer before it expires.

This can help improve conversion rates.

## Show Quantity Input

Enable this option if you want customers to increase or decrease the quantity of the offered product.

### Example

Customer can:

* Add 2 phone covers instead of 1
* Increase accessory quantity directly from the upsell page

## Layout

Choose how the offers should appear on the page.

### Horizontal Layout

Products appear side-by-side.

Best for:

* Multiple product offers
* Wide product images

### Vertical Layout

Products appear one below another.

Best for:

* Mobile-friendly layouts
* Detailed product descriptions

## Product Selection

Under each offer section, you will find a **Select Product** button.

Use this button to:

* Choose the upsell product
* Configure discounts
* Set pricing
* Select product variants
* Define quantity settings

The selected products will be displayed to customers after checkout.

<figure><img src="/files/hfMInOm8xnwFfFI3dwWE" alt=""><figcaption></figcaption></figure>

## Final Result

Once:

* The app is enabled in Shopify Checkout
* Upsell offers are created
* Products are configured
* Offer styles are customized
* Email settings are configured

Customers will automatically see post-purchase upsell offers after completing checkout, helping increase conversions, sales, and average order value for your store.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://magecomp.gitbook.io/shopify/apps/quo-volume-discount-tier-price/upsell-post-purchase.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.