How to Set Up Discount List at Checkout

Overview

Discount List lets you display available discount codes directly on your checkout page, so buyers can discover and apply offers without leaving the page. Instead of hunting for codes elsewhere, buyers see which discounts they qualify for — and for discounts they haven't unlocked yet, they get a real-time message showing exactly how much more they need to spend or add to their cart.

This feature is available on Shopify Plus plans only, as it uses Shopify's Checkout UI Extension.

Best Practices

Show discounts that reward spending behavior. Discount List works best for discounts with a minimum purchase or quantity requirement — these trigger the upsell message ("Spend $X more to unlock") that nudges buyers to add more to their cart. Discounts with no minimum requirement are automatically marked Always eligible and ready to apply right away, which works well for welcome or loyalty codes.

Keep the list focused. Showing too many discounts at once can overwhelm buyers. A good rule of thumb: 2–4 discounts that cover different segments (e.g., a percentage-off, a free shipping threshold, and a VIP amount-off).

Order discounts intentionally. Place the discount most buyers are likely to qualify for at the top. Use the drag handle on each discount row to reorder them after adding.

Combine with a promotional strategy. Use Discount List alongside email campaigns or product page banners that mention the same codes — buyers who arrive knowing there's a discount will look for it at checkout.

How to Set It Up

Step 1: From your Shopify admin, open Blockify Checkout. In the left sidebar, select Checkout Page, then click Select Component.

Step 2: Find Discount List in the component library (listed under Conversion Boosters) and click Create.

Note: If you don't see the Discount List option, confirm your store is on a Shopify Plus plan.

Step 3: On the Discount List setup page, enter a Name for this rule. This is an internal label — it won't be visible to buyers.

Step 4: In the Discounts section, click Add your first discount to open the discount picker.

Step 5: The picker shows all active discount codes synced from your Shopify Admin. Use the search bar to find specific discounts, or scroll through the list. Check the box next to each discount you want to display, then click Apply.

Note: Only discount codes appear here. Automatic discounts are excluded because Shopify applies them automatically — buyers don't need to see or apply them manually.If you need to create a new discount first, click + Create discount in the top-right corner of the picker to go directly to Shopify Admin.

Step 6: Your selected discounts will appear in the Discounts section. Discounts with no minimum purchase or quantity requirement will be labeled Always eligible — buyers can apply these immediately at checkout with no conditions to meet.

Step 7: To reorder how discounts appear at checkout, drag and drop them using the handle (⠿) on the left side of each row. To expand a discount and see its details, click the > arrow. To remove a discount from the list, click ×.

Step 8: Under Display condition, choose when the Discount List should appear at checkout:

• Always — shown to all buyers at checkout (recommended for most stores)
• Specific condition — only shown when the buyer meets a condition you define (e.g., cart total, country, device type)
• Testing mode — only visible in the Checkout Editor preview; hidden from real buyers

Step 9: When you're ready, click Go to Checkout editor (in the Discount list in editor section at the bottom) to place the component on your checkout page. In the editor, you can customize the Title — this is the section heading buyers will see (e.g., "Available discounts").

Step 10: Save your changes in the Checkout Editor to publish.

How It Looks at Checkout

The Discount List appears as a collapsible section on your checkout page, labeled with the title you set (default: "Available discounts").

Each discount is shown with its code and a one-click Apply button. Buyers don't need to copy and paste — clicking Apply adds the discount to their order instantly.

For discounts buyers haven't qualified for yet, the code is hidden and the Apply button is replaced with two lines:

• A benefit label showing what the discount offers (e.g., 20% off or Free shipping)
• A real-time message showing what the buyer needs to do (e.g., Spend $150 more to unlock or Add 2 more item(s) to unlock)

This message updates automatically as the buyer adds or removes items — no page reload needed.

Once a discount has been applied, the Apply button changes to Applied and cannot be clicked again.

FAQ

Q: Can I customize the "Spend $X more to unlock" message? A: Not in the current version. The upsell message is generated automatically based on the discount's conditions in Shopify Admin. The amount shown always reflects the buyer's current cart in real time.

Q: What does "Always eligible" mean in the discount list? A: It means the discount has no minimum purchase or quantity requirement in Shopify Admin. Buyers can apply it immediately at checkout — it will never appear in the locked state.

Q: What happens if a discount expires after I've added it to the list? A: Expired discounts are automatically hidden from the Discount List at checkout. You don't need to remove them manually.

Q: Can buyers see an error if a discount can't be applied? A: Yes. If Shopify rejects the discount (e.g., it can't be combined with another active discount, or it has already expired), an error message appears directly below the discount code input field. This is Shopify's native behavior — no extra action is needed from you.

Q: Can I show the same discount in both the Discount List and the regular discount code field? A: Yes. The Discount List is an additional convenience layer — buyers can still type a code manually into the discount field. If they apply a code from the list, it shows up in the field just like a manually entered code.

Q: How many discounts can I add to the list? A: There's no hard limit, but we recommend keeping the list to 4 or fewer for the best buyer experience.

Q: Can I change the section title buyers see at checkout? A: Yes. In the Checkout Editor, click on the Discount List block and update the Title field in the block settings panel on the right.

Note: The Discount List only works on stores using Shopify's native checkout. It is not compatible with third-party checkout replacements.

Updated on: 12/05/2026