🏷️

Promo code boxes

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

❓Promo code FAQ

‣

❓Why are coupon codes a “call to abandonment”?

‣

❓If I hide my coupon box — won’t that irritate users?

‣

❓Should I show the promo code box in the Cart or the Checkout?

💡 Ideas and tips

If you want to 🚀 INCREASE coupon box usability:

‣

Use a bold, juicy Apply button with an open input field

‣

Wrap your coupon box with a shaded field

‣

Emphasize your coupon box inline with cart summary

‣

Bundle your box with the “$X away from free shipping” CTA

‣

Enable click-to-apply from the cart summary

If you want to 🙈 MINIMIZE coupon distraction:

‣

Show it “first” but with minimal styling

‣

Place it inline with Order Summary details as a collapsed accordion

‣

Collapse it in a simple white tab

‣

Place it subtly below Checkout buttons

‣

Try an unconventional label

Neutral patterns:

‣

Place the CTA above Order Summary

‣

Combine colored text with a subtle accordion

‣

Style your box with your theme colors

Coupon box behavior tips:

‣

Provide clear feedback when promo codes are successfully applied

‣

Use red microcopy when the promo code is invalid

‣

Ensure the input field supports your longest promo code string

‣

Avoid ambiguous coupon characters

‣

Specify the reason(s) the code may be invalid

‣

Consider using a “view offers” link (to prevent off-site coupon hunting)

Back to Cart page ideas

👉 Follow on LinkedIn for daily ideas 💡