Loyalty Challenges UI
- da Mota Viana, Duarte Manuel
What is the Loyalty Challenges UI?
The Loyalty Challenges UI section allows certain Challenge UI components to be configured in one place for all Challenges. The goal is to give Brands configurability on specific UI components in a centralized location to avoid the redundancy of setting it up for each Challenge individually or not being able to configure these UI components at all.
How to get to the Loyalty Challenges UI Section
Open Sanity for your specific Environment
Go to Order-Level Content > Loyalty > Loyalty Configs > Loyalty Challenges UI
Here you will see everything that is configurable globally for all Challenges
What can be configured?
Anything configured in this section will reflect on the UI for all Challenges
Challenge Not Enrolled
Main CTA Button Text on Challenge Tile
Text inputted in the this section will control the Text Shown on the Main CTA Button of the Challenge Tile (When Challenge is in its Not Activated State)
Front End UI configured by this Section
Challenge Activated
Main CTA Button Text on Challenge Tile
Text inputted in the this section will control the Text Shown on the Main CTA Button of the Challenge Tile (When Challenge is in its Activated State)
Front End UI configured by this Section
Challenge Completed and Incentive Not Redeemed
When the Challenge Incentive is Bonus Points, the Challenge will skip this state and go directly to the Completed + Redeemed State. This is because Bonus Points are automatically added to the User’s account once the Challenge is completed. (No action is required by the User)
Description on Challenge Tile
Text inputted in the this section will control the Text Shown on the description of the Challenge Tile (When Challenge is in its Completed + Not Redeemed State)
Front End UI configured by this Section
Â
Main CTA Button Text on Challenge Tile
Text inputted in the this section will control the Text Shown on the Main CTA Button of the Challenge Tile (When Challenge is in its Completed + Not Redeemed State)
Front End UI configured by this Section
Challenge Completed and Incentive Redeemed
When Incentive is a Reward or Offer
Description on Challenge Tile
Text inputted in the this section will control the Text Shown on the description of the Challenge Tile (When Challenge is in its Completed + Redeemed State and the Incentive is a Reward or Offer)
Front End UI configured by this Section
When Incentive is Bonus Points
Description on Challenge Tile
Text inputted in the this section will control the Text Shown on the description of the Challenge Tile (When Challenge is in its Completed + Redeemed State and the Incentive is Bonus Points)
Front End UI configured by this Section
Menu Challenge Step component
Menu Challenge Step Image
This section sets the image shown for the Menu Challenge Step Component
Note: This image is the generic menu image that is displayed when a Challenge step has more than one item linked to the cart requirement or no cart requirements configured at all.
Front End UI configured by this Section
Menu Challenge Step Text
This section sets the CTA Text shown for the Menu Challenge Step Component
Front End UI configured by this Section
Bonus Points Incentive Description
Description Text of Bonus Points Incentive in the Challenge Drawer
This section sets the text shown in the Bonus Points Incentive Component
Front End UI configured by this Section
Â
How to Display Quest Tile on Home Page
Open Sanity for your specific Environment
Go to Marketing Content > Features > Feature Home Page
Scroll down to App - Authenticated section
Add questsSection
*Can reorder components according to Brand Digital team preference
How to Display Quest Tile on Rewards Page
Open Sanity for your specific Environment
Go to Order-Level Content > Loyalty > Loyalty Configs > Feature Loyalty UI
Scroll down to Loyalty Dashboard section
Â
Add Quests Tile Widget (Enable quests tile widget)
Â
Go to Order-Level Content > Loyalty > Loyalty Configs > Loyalty Quests UI
Scroll down to Sorted Systemwide Quests section
Add Challenge
Â