Component: Promo Code Redeem

Available from: Release 106

Purpose: Allow customers to redeem a promo code during acquisition. Most commonly used in cart and checkout pages.

Initial promo code component appearance:

Once the initial CTA is clicked:

When the promo code is successfully applied:

If the promo code could not be applied:

Props

Prop Label	Type	Default Value	Notes
Prompt for customers to use a promo code	String	Add promotional code	This prop controls the text that is displayed to an end customer. If they click this text, it turns into an input field.
Promo code input placeholder text	String	Promotional code	This prop controls the placeholder text displayed in the promo code input field.
CTA to apply promo code	String	Apply	Drives the text that appears on the button that the customer will click to add the promo code to their basket.
Successful promo code message	String	{{promoCode}} applied	This displays when the customer successfully applies their promo code. Read more about Limio variables here: Limio Variables
Invalid promo code message	String	This promo code is invalid and could not be applied.	This text will show to customers for any error returned when trying to redeem a code. In the future we might split this out but for simplicity it should be driven by any API error for now.