Is there a way to show a discount in a product page (listing), instead of at checkout.
Hey, @KateLane .
Thank you for reaching out and posting this question!
I understand that you’re looking to show a discount on the product page as opposed to the checkout. If you’re currently offering discounts using discount codes, then the sale price is only shown in the checkout after the discount code is entered or the customer’s cart meets the requirements for an automatic discount to be applied. However, if you only want to show the discount on the listing, then you can set up a compare at price for your products and/or variants. If you need any help with this, we’ve got a step-by-step guide on that here: Setting sale price.
That being said, if you’re setting up sale prices and you were previously using discount codes, then you’ll also want to review your discount codes as the new listing price will be discounted so you may not want customers to use any existing discount codes and receive double discounts by accident.
I’d love to hear more about your business! What kinds of products are you selling? Do you have a marketing plan prepared for your store?
1 Like
Hi Kate,
We had the same issue with our store - it’s actually totally possible. You can see how we have it working updating the price with the discount code applied in the collection and product pages here.
https://bullandcleaver.com/collections/our-favourites?magiclinks=MAGICLINK15
We built an app to set it up after I prototyped it on my store earlier this year. Happy to give you a demo if you would like.
You’re absolutely right @KateLane —Shopify’s native discount system applies the discount at checkout, but doesn’t show any indication of it on the product page unless you manually set a compare-at price or customize your theme.
If you want to display the discount directly on the product page, without editing code or changing your actual product pricing, you can use Klip Coupons: Sales and Discounts. It lets you create visible, clippable coupons that show up on product pages, collection pages, and the cart, and applies the discount automatically when clicked—no need for your customers to enter a code.
It’s a clean way to make discounts visible before checkout, which can help improve conversions and avoid customer confusion.
