Coupon code discount on cart page before checkout

Store Design

Topic summary

A merchant seeks to add a coupon code field on the cart page so customers can apply discounts before checkout. Shopify lacks a native solution for this feature.

Suggested workarounds include:

  • Third-party apps like “Voila - Coupon Discount on Cart” (now “MS - Coupon Discount On Cart”), which adds a discount field and can display available coupons via pop-ups
  • An undocumented API-based web component (Shopify Discounter) supporting discount codes, automatic discounts, gift cards, and multi-currency
  • “Klip Coupons” app offering one-click clippable coupons without manual code entry

Key concerns raised:

  • One user tested multiple discount apps and found issues with most, including problems with Enter key functionality, free shipping calculations, discount stacking, and synchronization between cart and checkout pages
  • Only one tested app properly handled stacked discounts and free shipping
  • Frustration expressed over Shopify’s reliance on third-party apps instead of building native functionality

Additional request: The original poster also asked about showing product upsells/accessories at cart, with “Related Products | Also Bought” app recommended.

Status: Discussion remains open with no definitive best-practice solution established.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
2

Hi,

Shopify doesn’t have any inbuilt option for this.

However, you can use Voila - Coupon Discount on Cart Shopify app to create:

i) A coupon code field where your customers can apply a discount code on the cart page itself before going to the checkout step.

apply-discount-field-on-shopify-cart.png
apply-discount-field-on-shopify-cart.png615×270 5.74 KB

ii) Now the coupon code field is much more effective in reducing cart abandonment if you also show selected coupons on the cart page. Your customers will be delighted when they get a surprise discount and this reduces cart abandonment.

With Voila you can also show selected coupons on a Pop-up which works like this:

Voila.gif

Let me know if this helps.

Best,

Tamal S.

1 Like