Articles on: Design & Display

How to Show Redeemable Coupons on the Cart Page

Redeemable coupons on the cart page allow your customers to easily apply discounts directly from their shopping cart, helping increase conversions and improve the shopping experience. Follow the steps below to enable and customize this feature in your store.


1. Navigate to Klip Coupon Settings

  • In your Shopify Admin, open the Klip Coupons app.
  • In the left-hand sidebar, click Settings.



2. Open the Cart Page Settings

  • In the Klip Coupons settings menu, go to the Cart Page section.
  • The Clip coupon button card is the first card on the page. This is where you can enable and customize the redeemable coupon feature.


3. Enable "Clip Coupon" button on cart

  • Toggle on the Enable "Clip Coupon" button on cart setting.



    This enables customers to apply coupons directly from the cart page.



4. Enable Cart Page Coupons for Discount Codes (Optional)

  • Toggle on the Enable discount code button on cart setting.



5. Select the Coupon Type You Want to Customize

  • At the top of the page, use the tabs to select the coupon type you want to edit.

This allows you to customize the cart page behavior for specific types of discounts:


  • Product Discounts
  • Shipping Discounts
  • Order Discounts
  • Buy X Get Y
  • Volume Discounts


Product, Shipping and Order discounts can each have their own clip button design, text, and behavior. The Buy X Get Y and Volume discount tabs have no Clip coupon button card; they have their own cart settings.



6. Check "Show coupon badge on cart"

  • Check that Show coupon badge on cart is on. It turns on automatically while Enable "Clip Coupon" button on cart is on.
  • This displays a confirmation banner when a coupon is clipped, giving your customers clear feedback that their discount was applied.

Without this, customers may not realize the coupon was successfully added.


7. Customize the Cart Page Coupon Appearance

Make the coupon button and success badge match your store’s branding:


  • Edit Text: Customize the label and success message (e.g., “Clip Coupon,” “Apply Discount,” or “Get 10% Off”).
  • Colors & Fonts: Adjust color, font size, and style to match your theme and improve visibility.


8. Preview and Save Your Changes

  • Click the Preview button to see how the cart coupon button will appear.
  • Once you're satisfied, click Save to apply your changes.


9. Test the Cart Page Coupon Feature

  • Visit your live store and add a product to the cart.
  • You should now see the coupon button based on your selected settings.
  • Click it to ensure the clip action works and the discount is applied.




10. Allow Customers to Remove Coupons from the Cart Page (Optional)

You can give customers the option to remove an applied coupon directly from the cart page by enabling this setting.

  1. Go to Settings
  2. Select Storefront
  3. Enable Allow coupons to be un-applied on cart page



Once enabled, customers will be able to easily remove coupons from their cart before checkout.




Additional Tips


Use Clear Call-to-Action Text: Make sure the button text is clear and encourages action, like “Get 10% Off” or “Apply Discount.”


Combine with Product Page Coupons: Use this feature in combination with product page coupons to boost average order value and conversion rates.


See also


Updated on: 13/11/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!