> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.upsell.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to use the price and discount block on Upsell.com | App Blocks | Shopify

1. Navigate to the **Price and Discount** block within the Upsell.com editor

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_8aoyh1.png)

2. By default, you can display the **highest** and **final lowest** prices for products in the bundle. You can adjust this display by selecting one of the following options:
 
* **final lowest price**: Shows only the lowest price after discounts
* **all available prices**: Displays both the original price and the discounted price, as well as any "compare at" price set in your Shopify inventory
* **product price only**: Displays just the current product price
* **highest price only**: Displays only the highest price from the set of products
* **no price display**: Choose to hide the product price altogether

**Creating a discount**

3. There are three options when it comes to applying discounts within Upsell.com:- 1) a % discount; 2) a fixed monetary amount per unit; and 3) a fixed monetary amount per order.

* % discount

To apply a discount, enter the percentage amount (e.g., 20%), and the price in the display preview will update automatically to reflect the new discounted price

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1s0w1dw.png)

* a fixed monetary amount per unit

This will apply a fixed monetary amount per unit. For example, if a $50 discount is applied, and the customer selects 15 units of the product, the customer will receive a $750 discount ($50 x 15)

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/34r234524243-reconvert-shopify_1l18vp.png)

* a fixed monetary amount per order

This will apply a fixed monetary amount per order. For example, if a $50 discount is applied, and the customer selects 15 units, the customer will **only** **receive** a $50 discount in total

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/34r234524243-reconvert-shopify_16hf1zm.png)

**Customizing price display**

4. You can further customize the size of the prices displayed:

* Make the size of the **highest price** small, default or large
* Make the size of the **final lowest price** small, default, or large

**Setting minimum order value for discounts**

5. You can set a **minimum order value** that a user must reach before they can benefit from the discount. For example, specify $200 as the minimum, meaning orders below $200 will not receive the 20% discount

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_8gyyq7.png)

**NEW:** You can now customize the **font color** of each price point in the **Price and Discount** block.

This new option gives you complete control over how your prices appear, allowing you to match your store’s branding and visually distinguish between different pricing tiers.
You can set separate font colors for:

* **Highest price** (e.g., original “compare at” price, if applicable)
* **Catalog price** (price from your Shopify product inventory)
* **Final (lowest) price** (discounted or final selling price after any Upsell.com discounts have been applied)

Use the color picker or enter a **hex code** directly for precise color matching

![](https://storage.crisp.chat/users/helpdesk/website/-/a/7/8/a/a78a283618511000/prices1_lonie0.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/7/8/a/a78a283618511000/prices2hex_3a7y01.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/a/7/8/a/a78a283618511000/prices3themeeditornew_tq7jh3.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/7/8/a/a78a283618511000/prices4livepageworking_1vfmyek.png)


**Saving your changes**

6. After adjusting the price settings and discounts, click **Save** at the top-right corner to apply your changes

**Additional resources**

To learn more about a specific block within a widget, navigate using the **sidebar** on the left-hand side of the page. Click **Learn More** in the action section on the right to access additional help desk articles and videos.
---

### Well, that’s a wrap!

If this article did not solve your issue, our support team is available for you 24/7, just click the live chat button at the bottom-right corner of this page.

| 📢 **Did you know we have a YouTube channel?** Don’t forget to [subscribe to the channel](https://www.youtube.com/channel/UCyhFu9538WtMSUcdFERO4JA) to keep in touch with us and our news and updates.
| 🙏 **If you find our app useful, help other merchants find it by [leaving us an honest review on the Shopify App Store](https://apps.shopify.com/reconvert-upsell-cross-sell#modal-show=ReviewListingModal)!** It means the world to us.
||| 📧 **Please let us know if you spot any typos, mistakes, or omissions via care@upsell.com**