Where should the coupon code field go in checkout?
Somewhere it does not prompt a search. A prominent empty coupon field tells every buyer that a discount exists and they do not have it, which sends them off to look for one. Keep it available but quiet: a small link that expands the field, placed near the total rather than at the top of the form.
Surinder Thakur · AI Product Designer
Founder of ProUXUpdated
Why the order matters
The coupon field creates a problem it did not need to. A buyer who arrives without a code and sees a box for one now knows they are paying more than someone else. Some will open a new tab and hunt for codes, and many of those will not come back. Others will complete the purchase feeling they overpaid, which is a poor way to begin a customer relationship.
The buyer who does have a code will find the field whether or not it is prominent, because they came specifically to use it. Optimising the field's visibility for that person costs you the larger group who did not.
This is not an argument for hiding it. A code the buyer cannot apply produces a support message or an abandoned order. It is an argument for the field being discoverable rather than announced.
When to do the opposite
If most of your traffic arrives through code-carrying campaigns, the proportions reverse and the field should be easy to reach. If you run no discounts at all, remove the field entirely rather than leaving it as a permanent suggestion.
AI Product Designer
19 years designing products, mobile first, grounded in UX psychology.
Founder of ProUX.
- NN/g: NN/g UX Certification, Nielsen Norman Group
- HFI CUA: HFI Certified Usability Analyst, Human Factors International
- HFI CDPA: HFI Certified Digital Persuasion Analyst, Human Factors International