Skip to content

Coupon Codes During Checkout

A coupon-code field helps shoppers who have a valid code, but a prominent field can distract shoppers who do not have one and cause them to leave checkout to search for a discount.

About this path

Level
Intermediate
Reading time
About 4 minutes
Sections
3
Account needed
No

Written for store owners, builders, and designers refining high-performance ecommerce stores.

Foundation · 2 min

What you need to know

Where should the field go?

Place the coupon field where it can be found without dominating the checkout layout. A collapsed or secondary field that expands when clicked keeps the path clear for shoppers who are paying at full price.

What happens with an invalid code?

Show a clear message beside the field explaining why the code did not apply. Do not clear the entire checkout form or move the shopper away from their current step.

How do promotions combine?

Define clearly whether multiple codes or automatic discounts can stack. A checkout that silently ignores a second code causes confusion; show what was applied and what was not.

A quick store check

Test a valid code, an expired code and a combination of two codes. Confirm the message and discount are accurate without disrupting the rest of the checkout.

Foundation · 2 min

Frequently asked questions

Will hiding a coupon field help?

A visible but low-prominence field is better than hiding it entirely. Shoppers with a valid code expect to find it; if they cannot, they may abandon or contact support.

Where do I configure discount and coupon settings?

Use current discount documentation and test code entry and error messages before publishing.

Ready for the next stage?

Continue through the Academy sequence to apply advanced optimization and scaling techniques.

Start Advanced techniques