How to use the price and discount block | Shopify

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

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

• 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)

• 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

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

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

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.

Updated on: 04/11/2025