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.
In your Shopify Admin, open the Klip Coupons app.
In the left-hand sidebar, click Settings.
In the Klip Coupons settings menu, go to the Cart Page section.
Scroll down to the Clip Coupon Button section. This is where you can enable and customize the redeemable coupon feature.
Toggle on the Allow coupon clip action on cart setting.
This enables customers to apply (“clip”) coupons directly from the cart page.
Above the main toggle, you'll now see the option 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 X
Each type can have its own clip button design, text, and behavior.
Enable the Show coupon badge on cart option.
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.
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.
Click the Preview button to see how the cart coupon button will appear.
Once you're satisfied, click Save to apply your changes.
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.
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.
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.
Scroll down to the Clip Coupon Button section. This is where you can enable and customize the redeemable coupon feature.
3. Enable "Allow coupon clip action on cart"
Toggle on the Allow coupon clip action on cart setting.
This enables customers to apply (“clip”) coupons directly from the cart page.
4. Select the Coupon Type You Want to Customize
Above the main toggle, you'll now see the option 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 X
Each type can have its own clip button design, text, and behavior.
5. Enable "Show coupon badge on cart"
Enable the Show coupon badge on cart option.
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.
6. 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.
7. 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.
8. 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.
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.
Updated on: 14/05/2025
Thank you!