How to Show Discounted Price in the Store

Many Shopify merchants struggle to highlight promotions in their storefront. By default, Shopify lets you set a sale price by using the Compare-at price field, but this only works when you manually adjust each product’s price. For example, you’d enter the original price as the Compare-at price and the new sale price as Price to create a sale tag. Once set, most themes show the original price struck through next to the sale price.When you set a compare-at price… the product listing updates on your storefront to show that the item is on sale.In practice, though, this can be tedious for large catalogs or automated promotions, and not all themes display compare-at prices the same way.

Shopify’s Built-In “Compare at” Pricing

• Use the Compare-at Price Field. In your Shopify admin, edit a product and set its Compare-at price to the regular price, and set Price to the discounted price. This tells Shopify to display both prices on product and collection pages (with the original price crossed out). For example, putting an item on sale from $50 to $30 involves setting Compare-at = $50 and Price = $30. Most themes will then automatically style the price accordingly (often with a “Sale” badge or strike-through.
  
  

• Theme Settings and Badges. Some themes let you add badges or color highlights to sale items. Check your theme’s settings or documentation – you might find options to “show savings” or “sale badges” on product and collection listings. These improvements make the discounted price stand out. Without any app, manual Compare-at pricing and theme badges are the way to show a sale on the store.
  
  

Limitations of Default Discounts

Using discount codes or automatic discounts alone won’t display savings on product pages. Discount codes apply only at checkout by default. In other words, if you give a 20% off code, customers won’t see that sale price until they apply the code in the cart. This can be confusing. A huge “10% off” discount isn’t obvious while browsing – only when checking out will shoppers see the reduced total.

Another limitation: manual updates aren’t scalable. As your store grows (especially on Shopify Plus), you might run many simultaneous promotions. Constantly editing thousands of product prices is impractical. Plus, if you sell internationally via Shopify Markets, you need to set sale prices in each market currency. It quickly becomes a headache.

Highlighting Discounts with a Shopify App

Rather than manual edits or code hacks, many merchants turn to apps. Shopify even suggests using an app for advanced scenarios. Third‑party apps can automate dynamic pricing on your storefront. For instance, Hype: Discounts & Campaigns is built to make discounted pricing visible site-wide. Hype’s dynamic pricing feature integrates directly with your theme and admin. It automatically updates product and collection pages to show the sale price in real time, with the original price struck through for context. This means any active discount – whether a percentage, tiered cart discount, or a time-limited promotion – is immediately reflected on the storefront.

Hype’s dynamic pricing ensures customers always see the correct sale price (with the original price struck out) across product and collection pages

• Real-Time Strike-through Pricing. With Hype installed, you can set up a discount (e.g. 20% off Summer Collection). Hype will then show each product’s original price crossed out and display the discounted price everywhere. The app updates product and collection pages with strike-through prices so shoppers always see the right offer. This clear visual cue boosts confidence – customers immediately know they’re getting a deal.
  
  

• Visual Sale Badges and Banners. Hype goes beyond just prices. It can inject banners, pop-ups, progress bars or badges onto your pages to highlight “Sale” or “Discount” offers (all theme-compatible). For example, a banner might announce “20% OFF – Limited Time Sale!” across collection pages when the discount is active. These widgets draw attention so the reduced price doesn’t go unnoticed.
  
  

• Workflow Integration. Hype works directly in Shopify admin (no code required) and supports all major themes. You simply build a discount campaign in Hype’s dashboard, and it handles the rest. When the sale ends, Hype automatically removes the strike-through pricing. This saves you manual cleanup. For merchants on Shopify Plus or any growing store, Hype replaces laborious compare-at editing with an automated, shop-wide update.
  
  

In summary, to show discounted prices in your store, start with Shopify’s native tools: use the Compare-at Price for static sales. But for flexible, code-driven discounts (codes, tiered deals, quick sales), you’ll need extra help. A Shopify app like Hype fills this gap, ensuring every product listing displays the sale price and making promotions obvious. By combining Shopify’s built-in sale pricing with Hype’s dynamic updates and visuals, you’ll avoid hidden discounts and boost conversions – because customers always see the savings.