How to Display the Discounted 'Compare At' Price on Your Shopify Checkout

Displaying the “Compare At” price on your Shopify checkout is a powerful way to highlight discounts and increase customer confidence. In this step by step guide, we’ll show you how to display both the original and discounted prices at checkout to improve conversions and maximize perceived savings

Please Note This Requires Access to the Shopify Checkout Editor By Being on Shopify Plus

If you prefer a video guide we also offer a video tutorial on how to achieve this as well

Step 1. Open the Checkout Editor and find the "Line Item Message" block under the order summary section and Add it to your Checkout

Example of the Line Item Message Block in the Checkout Editor

Step 2. Add the Compare at Price to the "Line Item Message" Settings

If you want the price to be displayed with a strikethrough then you will want to type {{ compareAt }} and if you prefer no strikethrough {{ compareAtPrice }}

Step 2a. Strikethrough

Step 2b. No Strikethrough

Step 3. Hide the text for products where the compare at price does not exist (Optional)

"Show Text Based On" setting example

Step 4. Hit "Save" and you are all done!

Are you new to Checkout Plus

Try it free now!

Get Started
Get Started
Continue reading