Discount Voucher

Voucher Page

Users need to click “Voucher Code” in order to access the vouchers page.

Apply Voucher

Users can apply vouchers either by selection or inputting voucher code via input field.

Selection 

Input Field

Successful Application

If voucher is successfully applied, voucher code and amount will be displayed.

Cashier Screen 

Customer Screen

Invalid Cases

There are 3 invalid cases:

  1. Voucher only eligible for selected items
  2. Voucher does not reach minimum required spend
  3. Other invalid case

Ineligible vouchers for this order are greyed out and cannot be selected.

Remove Voucher

User need to remove current voucher before being able to select another voucher to apply. 

If user try to apply voucher without removing, there will be an error message “Please remove the selected voucher first.” 

No Voucher Available

If there are no available vouchers, there will be a message “Looks like you don’t have any vouchers right now.”