How to Show a Discount on Shopify for Better Sales

Table of Contents

1. Introduction
2. Foundations Before You Discount
3. The Most Direct Method: The Compare-at Price
4. Using Automatic Discounts vs. Discount Codes
5. Clarifying the "Why" Behind Your Discount
6. Checking Margins and Operations
7. How Bundling Shows Discounts Better
8. Understanding Shopify Discount Mechanics
9. Visual Hierarchy and Mobile UX
10. Scenarios: Choosing the Right Approach
11. Measuring the Impact of Your Discounts
12. When to Bring in Professional Help
13. Conclusion
14. FAQ
15. FAQ

Introduction

Walking into a store and seeing a "Sale" sign creates an immediate psychological shift. For a shopper, it’s a signal of value; for a merchant, it’s a powerful lever to move inventory or increase the total value of a cart. However, in the world of eCommerce, simply lowering a price isn't enough. You have to ensure the customer actually sees and feels that saving at the right moment. Knowing how to show a discount on Shopify—whether through a simple strikethrough price or a sophisticated bundle offer—is a fundamental skill for any growing brand.

This guide is designed for Shopify founders and marketing teams who want to move beyond basic price cuts. Whether you are a new store owner setting up your first promotion, a growing DTC brand trying to optimize Average Order Value (AOV), or a merchant with a high-SKU catalog looking to clear seasonal stock, the way you present discounts matters.

At MBC Bundles, we believe that discounts and bundles should feel like a helpful service to the shopper, not a high-pressure tactic. Our approach follows a responsible, intentional journey: start with strong foundations, clarify your specific goals, check your margins, choose the right discount type, and constantly reassess based on real data.

Foundations Before You Discount

Before you click a single button in your Shopify admin, you must ensure your store’s foundation is solid. A discount is a magnifier; if your product page is confusing or your shipping costs are hidden until the final second, a discount might not be enough to save the sale.

Foundations mean having high-quality product imagery, clear descriptions, and transparent shipping and return policies. It also means ensuring your mobile experience is fast. If a shopper has to wait five seconds for a "20% off" banner to load, they may already be gone.

Once the basics are in place, you can move to the strategic part of showing discounts.

Key Takeaway: A discount cannot fix a fundamental lack of trust or a poor user experience. Fix your site speed and clarity before trying to "discount" your way out of low conversions.

The Most Direct Method: The Compare-at Price

The most common way to show a discount on Shopify is the "Compare-at Price." This creates the classic strikethrough effect where the original price is crossed out and the new, lower price is highlighted.

To set this up:

1. Navigate to your Shopify Admin and go to Products.
2. Select the product (or variant) you want to discount.
3. In the Pricing section, you will see two fields: "Price" and "Compare-at price."
4. Enter the original (higher) price in the Compare-at price field.
5. Enter the new, discounted price in the Price field.
6. Save your changes.

When you do this, Shopify automatically calculates the difference and, depending on your theme, displays a "Sale" badge and the price comparison. This is highly effective because it requires no effort from the customer at checkout—the value is visible immediately on the Product Detail Page (PDP) and the Collection page.

When to use Compare-at Prices:

• Seasonal Clearouts: When you want to permanently or semi-permanently lower the price of an item.
• Flash Sales: When you want the urgency of a "Sale" tag to be the first thing a shopper sees.
• Introductory Offers: When launching a new product at a special "early bird" price.

Using Automatic Discounts vs. Discount Codes

While compare-at prices change the price at the catalog level, Shopify also offers "Automatic Discounts" and "Discount Codes." Understanding the difference is vital for your customer's experience.

Automatic Discounts

Automatic discounts apply themselves at the cart or checkout once certain criteria are met (e.g., "Buy 2, Get 1 Free").

• The Benefit: There is no friction. The customer doesn't have to remember or copy-paste a code.
• The Challenge: They aren't always visible on the product page by default. To show these effectively, you often need to use a dedicated bundling app or a banner to announce the deal before the customer hits the checkout.

Discount Codes

These require the customer to manually enter a word or string of characters (like "SAVE20") at checkout.

• The Benefit: They feel exclusive. You can use them for email marketing, influencer partnerships, or "abandoned cart" recovery.
• The Challenge: High friction. If a customer forgets the code or if the input box is hard to find, they might leave the site to search for a coupon, leading to cart abandonment.

What to do next:

• Audit your current promotions: are you asking customers to do too much work?
• If you use discount codes, place them clearly in a top-bar banner so they stay visible while the customer shops.
• Test an automatic discount for a week and compare the "Add to Cart" rate against a period where you used a manual code.

Clarifying the "Why" Behind Your Discount

Before you implement a discount, ask: what is the goal? Discounting without a goal is how margins disappear. In that case, a well-priced bundle offer can be more effective than a simple percentage off.

1. To Raise Average Order Value (AOV): You want customers to spend more than they planned. In this case, a simple 10% off a single item is less effective than a "Spend $100, Save $20" offer.
2. To Improve Conversion: You have traffic, but people aren't buying. A small, clear "First Purchase" discount can reduce the "risk" for a new customer.
3. To Move Inventory: You have a warehouse full of last year’s stock. Deep discounts or "Buy One, Get One" (BOGO) offers are the best tools here.
4. To Reduce Choice Overload: If you have many similar items, bundling them into a "Starter Kit" at a discounted price helps the customer make a decision faster.

Key Takeaway: If you’re already running promotions, check your discount overlap and stacking rules before launching a new offer. Too many competing discounts can confuse customers and kill your profitability.

Checking Margins and Operations

Every discount you show is a bite out of your profit. Before you launch, you must do a "Margin & Operations Check."

• Profitability: After the discount, shipping costs, and transaction fees, are you still making money? Or are you using this as a "loss leader" to acquire a customer you hope will return?
• Inventory Constraints: If you run a "Buy 3, Save 20%" offer, do you have enough stock to fulfill those larger orders?
• Fulfillment Complexity: Does your warehouse team know how to handle bundles? If you sell a "Kit" that consists of three separate products, ensure your inventory system tracks them correctly so you don't oversell.
• Customer Support: Be prepared for questions like "Why didn't my code work?" or "Can I return just one item from the bundle?" Ensure your return policy explicitly covers discounted and bundled items.

How Bundling Shows Discounts Better

Bundling is one of the most effective ways to show a discount because it links the saving directly to an increase in order value. Instead of just lowering the price of a single item, you are rewarding the customer for buying more.

At MBC Bundles, we focus on flexible mechanics that make these discounts easy to understand.

Mix & Match Bundles

This allows customers to choose their own combination of products (e.g., "Choose any 3 shirts for $60"). The discount is shown as a "bundle price" which is lower than the sum of the individual items.

Buy X, Get Y (BOGO)

This is a classic "Free Gift" or "Half Off" second item offer. It’s a powerful visual discount because the word "FREE" has a massive psychological impact.

Quantity Breaks (Volume Discounts)

This shows the discount as a table on the product page: "Buy 1 for $20, Buy 2 for $18 each, Buy 3 for $15 each." This encourages shoppers to stock up and is excellent for consumable goods.

What Bundling Tools Can and Cannot Do

It is important to have realistic expectations:

• What they can do: They can improve the perceived value of your products, reduce the "click friction" of adding multiple items to a cart, and help move slow-moving inventory by pairing it with a bestseller.
• What they cannot do: They cannot fix a product that no one wants. They won't make up for low-quality traffic or a confusing brand message.

Understanding Shopify Discount Mechanics

To show a discount effectively, you need to understand how Shopify handles them "under the hood."

• Fixed Amount vs. Percentage: A "$10 off" discount often feels more "real" for high-ticket items, while "20% off" often sounds more impressive for lower-priced goods.
• Discount Stacking: By default, Shopify has specific rules about which discounts can be combined. For example, a customer usually cannot use a "10% off" welcome code on top of a "Buy 3, Get 1 Free" automatic bundle.
• Inventory and Variants: When you discount a specific variant (like the "Small" size of a shirt), make sure your display clearly reflects that the discount only applies to that variant to avoid customer frustration.
• Shopify Markets: If you sell internationally, remember that discounts might look different across currencies. Always check how your discount appears in different regions using Shopify Markets settings.

Caution: Always test your discounts end-to-end. Start from the product page, add to cart, and go all the way to the final checkout confirmation to ensure the discount is calculating exactly as you intended.

Visual Hierarchy and Mobile UX

On a small phone screen, you have very little space to explain a complex deal. Your discount must be "scannable."

• Color Contrast: Use a color for your "Sale" price that stands out from your primary text (e.g., a bright red or green), but stays within your brand palette.
• The "Thumb Zone": Ensure that any "Add Bundle to Cart" buttons are easily clickable with a thumb.
• The Cart Drawer: Don’t wait for the final checkout page to show the savings. Show the "You Saved $X.XX" message right in the cart drawer. This reinforces the decision to buy before they even enter their credit card info.
• Performance: Avoid heavy scripts. Use apps that are "Built for Shopify" and integrate cleanly with your theme's Liquid code to prevent "layout shift," where the page jumps around as the discount loads.

Scenarios: Choosing the Right Approach

Real-world commerce is messy. Here is how to decide which discount method to show based on your specific situation:

• Scenario A: High Traffic, Low "Add to Cart" Rate. If shoppers are looking but not committing, your price point might be a barrier. Instead of a site-wide sale, try a "Compare-at Price" on your top three items to create a visual "entry point" for new customers.
• Scenario B: Customers buy one item and leave. Your AOV is low. This is the perfect time to show a Frequently Bought Together bundle. Place it right below the main product image so the customer sees a discounted "complete set" option before they hit the buy button.
• Scenario C: You have high returns on a specific "Kit." If people are buying bundles but returning them, the "value" might be clear, but the "relevance" isn't. Reassess your grouping. Are you forcing a product they don't want into the bundle just to increase the price? Start simple: bundle only items that are naturally used together.
• Scenario D: You are worried about brand "devaluation." If you don't want to look like a "discount brand," avoid strikethrough prices. Instead, use a "Free Gift with Purchase" or a "Quantity Break" that rewards loyalty and volume rather than just being "cheap."

Measuring the Impact of Your Discounts

You shouldn't just set a discount and forget it. You need to track if it's actually helping your business.

• Average Order Value (AOV): Is the discount actually making people spend more? If you offer 20% off and your AOV drops by 20%, you haven't gained anything—you've just lost margin.
• Conversion Rate: Are more visitors becoming customers?
• Revenue Per Visitor (RPV): This is the ultimate metric. It combines conversion and AOV to show the true value of your traffic.
• Attach Rate: For bundles, track how often the "bundle" is chosen versus the individual item.

We recommend the "One Change at a Time" rule. If you change your prices, add a bundle, and change your shipping rates all in the same week, you won't know which one actually moved the needle.

When to Bring in Professional Help

Sometimes, showing a discount isn't as simple as toggling a switch. Here is when you should pause and seek expert advice, and review our case studies:

Theme and Performance Issues

If you install a discounting app and your site suddenly feels slow, or if the "Sale" badges are overlapping your product titles, do not ignore it.

• Action: Test the changes on a duplicate theme first. If the layout is broken, contact a Shopify developer or the app's support team. Never edit your live theme's code if you aren't confident in your Liquid or CSS skills.

Payments and Security

If you notice a sudden spike in orders using a specific discount code that seems "too good to be true," or if you see multiple failed payment attempts, you may be facing a "carding" attack or coupon abuse.

• Action: Immediately contact Shopify Support and your payment provider. Review your Shopify admin access and ensure your staff accounts have limited permissions.

Legal and Compliance

Laws regarding "original prices" and "discounting" vary by country and state (e.g., the "Omnibus Directive" in the EU). You cannot legally claim an item is "on sale" if it has never been sold at the "original" price.

• Action: Consult with a legal professional or compliance specialist to ensure your pricing transparency meets local consumer protection laws.

Conclusion

Showing a discount on Shopify is a blend of technical setup and psychological strategy. When done with intention, it guides your customers toward better value and helps your store grow sustainably. When done haphazardly, it can erode your margins and confuse your shoppers.

To recap the "Bundle With Intention" journey:

• Foundations First: Ensure your site is fast, trustworthy, and clear.
• Clarify the Goal: Know if you are chasing AOV, conversion, or inventory clearance.
• Margin Check: Verify that you are still profitable after all costs are considered.
• Choose Wisely: Use Compare-at prices for simple sales, and bundles for strategic growth.
• Measure and Reassess: Track your RPV and AOV, and don't be afraid to pivot if the data shows the discount isn't working.

"A great discount shouldn't feel like a bribe to buy; it should feel like a reward for choosing your brand."

As you look at your store today, identify one product that could benefit from a clearer discount display. Whether it's a simple price strikethrough or a more advanced Mix & Match offer, start simple, measure the results, and build from there. If you're ready to explore how intentional bundling can lift your AOV without complex coding, install MBC Bundles on Shopify.

FAQ

Why isn't my "Compare-at price" showing up on my store?

This is usually a theme-related issue. First, double-check that the "Compare-at price" is indeed higher than the "Price" in your Shopify admin. If it is, check your theme settings under Product Pages or Collection Pages to ensure the "Show sale badge" or "Show original price" options are enabled. If you are using a custom theme, the code for the strikethrough price might be missing or hidden by CSS.

Can I show a discount code automatically on the product page?

Shopify doesn't do this natively for manual "Discount Codes." To show a code before the checkout, you have two main options: manually add the code to your product description or announcement bar, or use an app that injects a "Save with code" message directly onto the page. For the best user experience, consider using "Automatic Discounts" instead, so the customer doesn't have to enter anything.

How do I prevent multiple discounts from "stacking" and hurting my margins?

In your Shopify Admin under Discounts, you can control "Combinations." For each discount you create, you must specify whether it can be combined with Product Discounts, Order Discounts, or Shipping Discounts. Be very careful here; if you allow a "20% off" product bundle to stack with a "10% off" welcome code, you might end up selling products at a loss. Always test your checkout with multiple codes to see the result.

Will adding a discount app slow down my Shopify store?

It depends on how the app is built. Modern apps that are "Built for Shopify" use App Blocks and lean scripts that have a minimal impact on performance. To protect your site speed, avoid apps that use heavy JavaScript "pop-ups." Always check your store's speed score before and after installing an app, and if you see a significant drop, consider reaching out to a developer to optimize the integration.

FAQ

Why isn't my "Compare-at price" showing up on my store?

This is usually a theme-related issue. First, double-check that the "Compare-at price" is indeed higher than the "Price" in your Shopify admin. If it is, check your theme settings under Product Pages or Collection Pages to ensure the "Show sale badge" or "Show original price" options are enabled. If you are using a custom theme, the code for the strikethrough price might be missing or hidden by CSS.

Can I show a discount code automatically on the product page?

Shopify doesn't do this natively for manual "Discount Codes." To show a code before the checkout, you have two main options: manually add the code to your product description or announcement bar, or use an app that injects a "Save with code" message directly onto the page. For the best user experience, consider using "Automatic Discounts" instead, so the customer doesn't have to enter anything.

How do I prevent multiple discounts from "stacking" and hurting my margins?

In your Shopify Admin under Discounts, you can control "Combinations." For each discount you create, you must specify whether it can be combined with Product Discounts, Order Discounts, or Shipping Discounts. Be very careful here; if you allow a "20% off" product bundle to stack with a "10% off" welcome code, you might end up selling products at a loss. Always test your checkout with multiple codes to see the result.

Will adding a discount app slow down my Shopify store?

It depends on how the app is built. Modern apps that are "Built for Shopify" use App Blocks and lean scripts that have a minimal impact on performance. To protect your site speed, avoid apps that use heavy JavaScript "pop-ups." Always check your store's speed score before and after installing an app, and if you see a significant drop, consider reaching out to a developer to optimize the integration.