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.
5

A late response, but want to share a solution for this.

There is no OOTB Shopify solution for this, but there is some undocumented API endpoints that can be used to create this feature.

Check out Shopify Discounter Web Component , it supports:

  1. Discount codes
  2. Automatic discounts
  3. Gift cards
  4. Discount combinations
  5. Multi currencies
  6. Internalization
  7. Style customization using css variables
  8. Place it anywhere in your store

Hope this helps.

1 Like