Overview: NEW Cloud UI Voucher Redemption

Feature Description

The enhanced voucher redemption flow for Cloud UI PDPs includes several new interfaces and customizable components that increase usability and make voucher redemption seamless. See Vouchers for information on general voucher configuration.

Several enhancements have been made to the voucher redemption flow for Cloud UI.

Modals

A “Redeem your voucher” modal enables guests to redeem their vouchers easily. When logged in, the guest is presented with the option to manually enter a voucher ID or navigate to the My Account Voucher page through a link. Displaying the “Or View My Vouchers” feature is optional based on configuration.

When logged out, the guest is given the option to manually enter a Voucher ID or log in via a redirect link that navigates to the My Account Voucher page upon successful login.

Successfully entering a Product Voucher ID will display the “Success” Toast and then navigate the guest to the corresponding Product Voucher PDP, which will then be loaded with the Voucher ID.

Successfully entering a Discount Voucher ID will display the Discount Modal.

Inputting additional vouchers directly on the PDP

A link to open the Voucher Modal will be displayed on the PDP, enabling guests to enter multiple vouchers in a streamlined process.

Product Voucher Fencing

A guest navigating to a Product Voucher URL can experience several different flows:

When navigating directly to any Product Voucher PDP without validating a voucher ID → the guest will be presented with the Voucher modal and a blank PDP background.

Successfully entering a Product Voucher ID will display the “Success Toast” and then navigate the guest to the corresponding Product Voucher PDP, which will then be loaded with the Voucher ID.

Entering an invalid Voucher ID will display a “Invalid or incorrect code” error message and the guest can attempt to enter a new code or navigate to My Account.

Closing the modal or clicking outside of it will redirect the guest to the “Product Not Found” page.

A guest navigating to a Product Voucher URL with a voucher appended to the URL (ie: aspenwaremountain.com/l/vouchers-category/p/voucher-product?code=1095786875213) can experience different flows:

• If the voucher is valid, the guest will proceed through valid flows as described in documentation.

• If the voucher is invalid, the guest will be presented with the Voucher Entry Modal, where they can attempt to proceed through Voucher flows starting on this screen.

Voucher Entry Modal Link on Large Calendar pages

Large calendar pages can be configured to display configurable text that links to the Voucher entry modal. A global setting controls if this is enabled on all Large Calendars and a language string controls the link’s text.

Alert Prompting

Attempting to add a Product Voucher ID that is already in a cart will display an error.

Inputting an incorrect code will display an error message.

If a Product Voucher PDP has not been accessed through voucher validation, closing the modal or clicking outside of it will redirect the guest to the Product Not Found page.