Shopify How to Show Discounted Price to Boost Sales

Table of Contents

1. Introduction
2. Foundations of Pricing Presentation
3. The Standard Method: Using Compare-At Prices
4. Troubleshooting the "Missing Sale Badge" Issue
5. Sale Prices vs. Discount Codes: What’s the Difference?
6. Moving Beyond Simple Price Drops: Bundling with Intention
7. The Responsible Journey: A Step-by-Step Strategy
8. Performance and Measurement: Tracking Success
9. Understanding the Mechanics: How Shopify Handles Discounts
10. When to Bring in Help
11. Conclusion
12. FAQ

Introduction

Every Shopify merchant knows the feeling of seeing a shopper land on a product page, hover over the price, and then navigate away without adding anything to their cart. Often, the missing ingredient isn't the quality of the product; it is the clarity of the value. When a customer sees a price, they are subconsciously looking for a reason to justify the purchase. If you are running a sale but the original price is hidden, you are forcing the customer to do mental math—or worse, you are failing to show them the deal they are getting.

Visual cues like strikethrough prices, "Sale" badges, and percentage-off callouts are more than just design choices; they are psychological triggers that signal savings and urgency. Understanding how to show discounted prices on Shopify is fundamental to any growth strategy. This guide is designed for growing DTC brands, high-SKU catalog owners, and new Shopify founders who want to master the art of pricing presentation.

At MBC Bundles on Shopify, we believe that discounting should never be a race to the bottom. Instead, it should be a strategic move within a larger commerce system. In this article, we will walk through the technical steps of displaying discounted prices, the strategic nuances of different discount types, and our "Bundle with Intention" framework. We will help you move from basic price changes to sophisticated bundling strategies that protect your margins while delighting your customers.

Our approach follows a responsible journey: start with strong foundations, clarify your specific goals, check your operational margins, implement the most effective bundle type, and constantly reassess based on real data.

Foundations of Pricing Presentation

Before we dive into the "how-to" of button-clicking in the Shopify admin, we must address the environment where those prices live. A discount is only effective if the shopper trusts the store and can navigate it easily.

The Importance of a Clean UX

If your product page is cluttered with flashing countdown timers, pop-ups, and three different types of "guarantee" badges, adding a discounted price might just contribute to the noise. For a discounted price to stand out, the rest of the page needs to be clean. This means high-quality imagery, clear typography, and plenty of white space.

Site Performance and Mobile Speed

Pricing logic—especially when using third-party apps for complex discounts—can sometimes add weight to your theme. Ensure your site is optimized for speed. Most shoppers now browse on mobile devices, where screen real estate is limited. If your discounted price is buried "below the fold" or if the strikethrough price overlaps with the shipping policy text, the conversion lift you were hoping for will likely vanish.

Transparent Shipping and Returns

A discounted price loses its luster if the customer reaches the final checkout screen only to find an unexpectedly high shipping fee. Before you focus on showing discounts on the product page, ensure your shipping and returns policies are clearly visible. Transparent communication builds the trust necessary for a shopper to value your discount.

Key Takeaway: Discounts do not exist in a vacuum. A fast, clean, and transparent store provides the necessary foundation for any pricing strategy to actually work.

The Standard Method: Using Compare-At Prices

The most common way to show a discounted price on Shopify is through the native "Compare-at price" feature. This is built directly into the Shopify core and is the primary way themes trigger "Sale" badges and strikethrough text on both product and collection pages.

How Compare-at Prices Function

In Shopify, every product or variant has two primary pricing fields: "Price" and "Compare-at price."

• Price: This is what the customer actually pays at checkout.
• Compare-at price: This is the original, higher price you want to show crossed out.

When the "Compare-at price" is higher than the "Price," Shopify tells your theme to display a sale. This is technically known as a "Sale Price" rather than a "Discount."

Step-by-Step Implementation (Desktop)

1. From your Shopify admin, go to Products.
2. Click the specific product you wish to edit.
3. If the product has variants (like sizes or colors), scroll to the Variants section and click into the specific variant. If not, look at the Pricing section on the main page.
4. In the Compare-at price field, enter the original (higher) price.
5. In the Price field, enter the new, lower sale price.
6. Click Save.

Step-by-Step Implementation (Mobile)

1. Open the Shopify app and tap the Products icon.
2. Select the product you want to modify.
3. To edit a single-product price, tap the pricing area. To edit a variant, scroll to Variants, select the one you need, and tap its pricing area.
4. Enter the original price in the Compare-at price field.
5. Enter the lower price in the Price field.
6. Tap Save.

What to Do Next:

• Audit your top 10 best-selling products to ensure they have consistent Compare-at pricing.
• Check your theme settings (Online Store > Themes > Customize) to see if you can change the color or style of your "Sale" badge.
• Test the display on a mobile device to ensure the two prices don't look crowded.

Troubleshooting the "Missing Sale Badge" Issue

A common frustration for merchants is when a sale price shows up perfectly on a product page but disappears on the collection page. This almost always stems from variant inconsistency.

When a theme renders a collection page, it looks at the product as a whole. If you have a t-shirt available in Small, Medium, and Large, and only the Small is on sale, the collection page might get "confused." If some variants have a Compare-at price and others don't—or if some have a Compare-at price of $0.00—the theme may choose not to show the sale badge to avoid misleading the customer.

The $0.00 Pitfall

One of the most important technical nuances is that a Compare-at price of $0.00 is not the same as an empty field. If you enter $0.00, Shopify sees that as a numerical value. If your regular price is $20.00, and your Compare-at price is $0.00, the "original" price is technically lower than the "current" price, so no sale will be triggered. Always clear the field entirely if you don't want a comparison price to show.

How to Fix Variant Conflicts

To ensure your sale badges show up everywhere, all variants of a product should ideally follow the same pricing logic. If you are discounting the entire product line, ensure every single variant has a Compare-at price higher than its current price. Use the Bulk Editor in Shopify to quickly scan and fix these values across your entire catalog.

Sale Prices vs. Discount Codes: What’s the Difference?

It is vital to distinguish between a "Sale Price" (using Compare-at pricing) and a "Discount" (automatic or code-based).

Sale Prices (Compare-at)

• Visibility: Shown on Product Pages, Collection Pages, and the Cart.
• How it looks: Usually a strikethrough price with a badge.
• Checkout: Only the final price is shown; the "original" price usually disappears at the final payment step.
• Complexity: Simple to set up, but requires manual work for every SKU.

Discounts (Automatic or Codes)

• Visibility: Usually only calculated and shown clearly at the Checkout or in the Cart.
• How it looks: A line item at the bottom showing "Discount: -$5.00."
• Checkout: Very clear savings, but the customer has to get to the cart to see them.
• The Strikethrough Problem: By default, Shopify does not always show strikethrough prices on the Product Detail Page (PDP) for automatic discounts. This is why many merchants use third-party apps—to bridge the gap and show those savings earlier in the shopping journey.

Caution: If you set a Compare-at price (manual sale) AND offer an automatic discount code, they can sometimes "stack," leading to much lower margins than you intended. Always test your checkout flow before launching a major promotion.

Moving Beyond Simple Price Drops: Bundling with Intention

While lowering a single price is easy, it often cuts into your bottom line without encouraging the customer to buy more. This is where bundling comes in. At MBC Bundles, we encourage merchants to "Bundle with Intention"—choosing a strategy that solves a specific business problem while providing clear value to the shopper.

Why Bundles Outperform Single Discounts

When you simply lower the price of one item, your Average Order Value (AOV) usually goes down. If you bundle three items together at a discount, your AOV goes up, even though you are giving a "deal." Bundling allows you to show a discounted price while protecting your contribution margin by increasing the number of units sold per transaction.

Common Intentional Bundle Types

• Mix & Match: Let customers build their own "set." This reduces choice overload and makes the discount feel earned.
• Quantity Breaks (Volume Discounts): Show a discounted price that gets lower as the customer adds more units of the same item. (e.g., "Buy 2 for $40, Buy 3 for $55").
• Buy X Get Y (BOGO): A classic way to move specific inventory. The "discounted price" is often $0 for the second item.
• Bundle Builders: A guided experience where the discount is the reward for completing a curated selection.

What Bundling Tools Can and Cannot Do

What they can do:

• Improve perceived value by showing "Save $10 when you buy these together."
• Reduce friction by allowing one-click "Add to Bundle."
• Move slow-moving inventory by pairing it with best-sellers.
• Support gifting by creating pre-packaged sets.

What they cannot do:

• Fix a product that nobody wants (Product-Market Fit).
• Compensate for poor quality traffic (low-intent visitors won't buy bundles either).
• Guarantee revenue lifts (results depend on your offer and execution).
• Fix unclear store policies (customers still need to trust you).

The Responsible Journey: A Step-by-Step Strategy

Before you start slashing prices or installing apps, follow this framework to ensure your discounts lead to sustainable growth.

1. Foundations First

Audit your store. Is the "Add to Cart" button easy to find? Is the mobile experience fast? Do you have clear social proof (reviews)? If the foundation is shaky, a discount is just a band-aid on a bigger problem.

2. Clarify the "Why"

Why are you showing a discounted price?

• Goal: Raise AOV? Use Quantity Breaks or "Frequently Bought Together" bundles.
• Goal: Move old inventory? Use a BOGO offer or a deep Compare-at price sale.
• Goal: Improve conversion? Use a simple "First-time buyer" discount or a modest strikethrough on a lead product.

3. Margin & Operations Check

This is the most critical step. You must know your numbers.

• Gross Margin: Can you afford a 20% discount after accounting for COGS (Cost of Goods Sold)?
• Shipping Costs: If a bundle is heavier, will it push you into a higher shipping bracket?
• Fulfillment Complexity: Can your warehouse handle "Mix & Match" bundles, or do they prefer pre-packaged kits?
• Discount Stacking: Ensure your app settings prevent customers from using a "20% off" code on top of an already discounted bundle unless you specifically allow it.

4. Implement the Minimum Effective Set

Don't launch five different types of discounts at once. Start with the simplest version of your goal. If you want to increase AOV, start with one "Buy More, Save More" offer on your best-selling product. Monitor it for a week before expanding to the rest of the catalog.

5. Reassess and Refine

Look at your data. Did the discounted price lead to more sales, or just less profit? Use the metrics we discuss in the next section to make informed decisions.

Performance and Measurement: Tracking Success

"Showing a discounted price" is a tactic; "Increasing profitability" is the goal. To know if your pricing strategy is working, you need to track more than just total sales.

Metrics to Monitor

• Average Order Value (AOV): If you are bundling, this should go up. If you are only doing single-item sales, this might go down.
• Conversion Rate: Does the strikethrough price actually make more people buy?
• Add-to-Cart Rate: This tells you if the discount is enticing enough to start the journey.
• Checkout Completion: If people add to the cart but don't finish, your shipping costs or discount clarity might be the issue.
• Revenue Per Visitor (RPV): The ultimate health metric. It combines conversion and AOV to show how much every visitor is worth to your business.

One Change at a Time

When you change your pricing, try not to change your ad copy or your website theme at the same time. This allows you to attribute any change in performance directly to the new discounted price display.

Segmentation Matters

A discount might work wonders for returning customers who already know your quality, but it might look "cheap" to new visitors. If possible, look at how different segments react to your pricing. Mobile users, in particular, may respond differently to "Sale" badges than desktop users.

Understanding the Mechanics: How Shopify Handles Discounts

To avoid technical headaches, you should understand how the "pipes" work behind the scenes in your Shopify store.

Discount Stacking and Conflicts

Shopify has specific rules about how discounts interact. Generally, "Automatic Discounts" do not stack with "Discount Codes" unless you have specifically configured them to do so in the Shopify Admin under the "Combinations" settings. Third-party bundling apps often create "Draft Orders" or use "Script Editor" (for Plus merchants) to apply discounts. At MBC Bundles, we focus on ensuring our logic plays nicely with Shopify’s native checkout, but it is always best practice to test an order from start to finish before a big launch.

Inventory and Variants

When you show a discounted price for a bundle, remember that the inventory still needs to be tracked for each individual item. If one item in a bundle goes out of stock, the discounted bundle price should ideally be hidden or updated to reflect the change. High-SKU catalogs require careful management to ensure you aren't promising a discount on items you can't ship.

Mobile UX Implications

On a mobile phone, the price is often the second or third thing a customer sees. If you use a bundling app to show a discounted price, ensure the "Bundle Widget" doesn't push the "Add to Cart" button so far down that the user has to scroll twice to find it. Keep the value clear: Original Price | New Price | Total Savings.

When to Bring in Help

E-commerce is a team sport. While Shopify is designed to be user-friendly, some pricing and display challenges require professional eyes.

Theme and Performance Issues

If you find that your "Sale" badges are distorted, your strikethrough prices are missing, or your site slows down after adding a discount app, do not try to "hack" the code yourself unless you are a developer.

• Recommendation: Test all pricing changes on a duplicate theme first. If something breaks, your live store remains safe. If you need custom styling for your discounted prices, hire a Shopify Partner or a specialized developer.

Payments and Security

If you notice unusual patterns in how discounts are being applied—or if you suspect "discount code scraping" is hurting your margins—review your Shopify admin security settings.

• Recommendation: For any issues involving failed payments, suspected fraud, or chargebacks related to a promotion, contact Shopify Support and your payment provider immediately.

Legal and Compliance

Pricing transparency is a legal requirement in many jurisdictions (such as the "Compare-at" price regulations in the UK and EU). You must ensure that your "original" prices are genuine and that you aren't using "fake" discounts.

• Recommendation: Consult with a legal professional or compliance specialist to ensure your pricing displays meet the transparency standards of the regions where you sell.

Conclusion

Showing a discounted price on Shopify is about more than just changing a number in the admin panel. It is a visual handshake with your customer—a way of saying, "We value your business, and we want to make this easy for you." By using native tools like Compare-at prices for simple sales and advanced tools like MBC Bundles for strategic growth, you can create a shopping experience that feels helpful, not high-pressure.

Remember the phased journey:

• Foundations first: Ensure your store is ready for the traffic.
• Goal clarity: Know what you want to achieve (AOV vs. Inventory movement).
• Margin check: Protect your profitability at all costs.
• Bundle with intention: Use the right tool for the job.
• Reassess: Let the data tell you what to do next.

Pricing is one of the most powerful levers in your business. When used with intention, a discounted price doesn't just lower your margin; it opens the door to a long-term relationship with a happy customer.

At MBC Bundles, we are here to help you navigate this journey. Whether you are setting up your first "Mix & Match" offer or optimizing a high-volume quantity break strategy, our focus remains on providing flexible, reliable tools that respect your brand and your customers. Start simple, measure your impact, and build a store that grows sustainably.

FAQ

Why isn't my sale price showing a strikethrough on the collection page?

This is usually caused by inconsistent pricing across product variants. If some variants of a product have a "Compare-at price" while others have it left blank or set to $0.00, the theme may hide the sale badge on the collection page to avoid confusion. Ensure all variants are updated consistently using the Bulk Editor to resolve this.

Can I show a discounted price for a bundle on the product page?

Yes, but Shopify's native "Compare-at" feature only works for single products. To show a discounted price for a bundle (like "Buy 3 for the price of 2") directly on the product page, you typically need a bundling app like MBC Bundles on Shopify. These apps use specialized widgets to display the savings before the customer reaches the checkout.

How do I prevent customers from stacking a discount code on top of a sale price?

In your Shopify Admin under Discounts, you can manage "Combinations." By default, Shopify allows you to decide if a discount code can be used on products that are already marked as "On Sale" (via Compare-at pricing). However, since sale prices are technically "fixed" prices, you must be careful with automatic discounts that apply to the whole cart. Always test your checkout to see the final math.

Will adding discount badges and strikethrough prices slow down my site?

Native Shopify features like "Compare-at price" have zero impact on site speed as they are part of the core platform. However, some third-party apps that inject heavy code to show "Live Savings" or countdown timers can impact performance. To maintain a fast mobile experience, look for apps that are "Built for Shopify" and follow modern performance standards.