Pricing & Payouts

Strikethrough and Sale Tags: Displaying Discounts So They Convert Instead of Confuse

A crossed-out price can be your best salesperson or your most confusing pixel — here's how to show a discount code deal so fans instantly understand what they're saving.

The store.fan teamDecember 3, 20248 min read
Watch:

▶ Open the video page

A strikethrough price is the fastest sentence you can write without using a single word. One glance and a scrolling fan understands: this used to cost more, and right now it costs less. That's a full sales pitch delivered in about a quarter of a second — if you build it correctly. Build it sloppily, though, and the same two numbers do the opposite job: they make a buyer squint, wonder if the 'discount' is real, and bounce before they ever reach the checkout button. The gap between those two outcomes isn't copywriting or a bigger sale percentage. It's almost entirely about the visual mechanics — what's crossed out, what's not, where the code lives, and whether the math obviously adds up.

Why the strikethrough works (when it works)

Humans process a crossed-out number as a comparison, not a fact — your brain automatically computes 'that one used to be true, now this one is,' and that tiny bit of mental math is what makes a discount feel earned rather than arbitrary. It's the same reason a retail tag with $89 struck through next to $59 feels more compelling than a plain $59 sticker, even though the buyer is paying the identical amount either way. The strikethrough isn't decoration. It's proof of a story: there was a normal price, and you're getting something better than normal, right now.

But that story only lands if both halves are legible and honest. If the crossed-out number looks like a rounding error, or the two prices are styled so similarly that a thumb-scrolling fan can't tell which one to actually pay, you've spent design effort creating confusion instead of urgency. The single biggest culprit: making the old price bigger, bolder, or more colorful than the new one. Your eye should land on what the fan is about to pay — the final number needs the loudest visual weight on the page, every time.

The five things every discount display needs

Whether a fan finds your deal through a discount code, a flash-sale banner, or a scheduled price drop, the same five ingredients separate a display that converts from one that just sits there looking busy.

Discount display checklist

0/5

Two ways to show a deal — and when each one wins

There are really two separate situations creators lump together, and each deserves a slightly different visual treatment. The first is a storefront-wide or scheduled sale, where every visitor sees the discounted price automatically — no code needed, no typing required. The second is a discount code, where a fan has to enter something (from an email, a caption, a DM) before the lower price appears. Confusing these two is where most 'why isn't my sale converting' problems start.

SituationWhat to showCommon mistake
Automatic sale priceStrikethrough old price + bold new price, visible the instant the page loadsHiding the discount in a banner up top instead of right next to the price itself
Discount code requiredRegular price up front, then a live-updating total once the code is enteredSaying 'code applied!' without ever showing the new number — buyers don't trust what they can't see
Percentage-based codeShow both the percent AND the resulting dollar price ('20% off → $32')Making a fan do the subtraction themselves at checkout
Limited-time codePair the discount with a clear expiration ('ends Friday') near the price, not buried in the emailVague urgency like 'act fast' with no actual deadline, which reads as manipulative

If you're running scheduled price drops or seasonal codes, this is exactly the kind of thing worth setting up once inside your dashboard and letting the storefront handle automatically — store.fan's discount codes apply at checkout and recalculate the total live, so a fan sees the exact number they'll pay before they hand over a card. That live recalculation is doing more conversion work than almost any headline you could write above it.

The math has to be instantly checkable

Here's a habit worth stealing from grocery stores and airlines: they never make you trust the discount, they let you verify it. $49 crossed out next to $29 is checkable in half a second — anyone can eyeball that as roughly 40% off. But $49 crossed out next to $31.15 forces a mental calculation nobody's going to do on a phone while half-watching a video. Round your displayed discount amounts even if your backend percentage math is precise. A code that's technically '23.5% off' should still land on a clean, checkable final price — $38 instead of $37.83 — because a fan who has to do arithmetic to trust your deal is a fan who's already scrolling away.

Urgency without looking like a scam

A countdown timer or a 'code expires tonight' line genuinely does increase conversion — scarcity is a real psychological lever, not a myth. The failure mode isn't using urgency, it's using urgency instead of clarity. A banner that screams 'FLASH SALE 50% OFF!!' above a product page where the actual price still just reads as one plain number is worse than no sale banner at all, because now the fan is hunting for the discount and can't find it, which reads as bait. Urgency should sit directly beside the crossed-out price, reinforcing a deal they can already see with their own eyes — not replacing the visual proof with adjectives.

The best discount displays don't ask for trust. They show the math so clearly there's nothing left to doubt.— store.fan product notes

Where this shows up across your storefront

This isn't only a single-product concern. If you're selling a bundle, the same strikethrough logic applies to the bundle's total versus the sum of buying each piece separately — 'worth $147, get it for $79' is one of the highest-converting lines in digital products precisely because it's two checkable numbers stacked together. If you're running a limited membership discount, show the crossed-out recurring price next to the promotional one, and be explicit about whether the discount is for the first cycle only or ongoing — ambiguity about how long a discount lasts is its own quiet trust-killer, separate from the price display itself.

It's also worth remembering that a beautifully displayed discount is still just one page in a bigger flow. The strikethrough gets attention; a clean, fast checkout is what actually closes it. If you haven't yet, it's worth creating your store and building both the sale price and the checkout experience together rather than bolting a discount onto a page that wasn't designed to show it clearly.

If a fan has any reference point for what the item is 'normally' worth — a course you've sold before, a bundle they've seen listed elsewhere — show the strikethrough. It converts the discount from a claim into a comparison. If it's a brand-new product with no established price history, a single clean price with a 'launch price' label can work just as well, since there's nothing to compare against yet.

Discount codes apply at checkout across your storefront's paid offers — digital downloads, courses, and other paid products. Set them up from your dashboard and the total recalculates live for the buyer once they enter a valid code, so there's never a mismatch between what's shown and what's charged.

Under roughly 10-15%, most buyers won't perceive it as a meaningful deal, and a strikethrough can actually undersell you by drawing attention to how small the gap is. Save the crossed-out treatment for discounts big enough to be worth the visual real estate — generally 20% or more — and use plain pricing for smaller adjustments.

Styling the old and new price too similarly — same size, same color, same weight — so a fast-scrolling fan can't tell at a glance which number they're actually paying. The new price should always be visually louder than the old one, no exceptions.

Check out a live example store to see how pricing, product cards, and checkout are laid out in practice, and browse more guides on pricing and conversion for storefront-specific tactics.

The takeaway that's worth re-reading

A discount is only as convincing as it is legible. Fans don't need a persuasive paragraph explaining why your sale is a good deal — they need two numbers, styled so the eye knows exactly which one matters, backed by a plain-language line that removes any need for mental math. Get that right and a strikethrough price becomes one of the highest-converting elements on your entire page, doing more work per pixel than almost anything else you could add. Get it wrong and the same two numbers quietly erode trust in every price on your storefront, discounted or not.

If you're weighing whether the extra tools to build this properly — discount codes, live checkout recalculation, a store designer built for clear product cards — are worth a paid plan, it helps to look at pricing directly rather than guess, and check the FAQ for specifics on how codes and checkout behave. And if something about your setup isn't behaving the way this article describes, don't sit there second-guessing it — contact support and get a straight answer instead of a workaround.

Build a discount display fans instantly trust — start free and set up your first sale price today.

Start free
#pricing#discounts#conversion#product-page

Turn your knowledge into income

Launch your Store.Fan in minutes — sell digital products, courses, and calls straight from your bio. Free to start.