Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

Order-Level Content → Loyalty → Loyalty Configs → Feature Loyalty UI

Contents

Overview

What is Feature Loyalty UI?

This is where the Loyalty program visuals (UI) are configured. From the Loyalty logo, to background images, icons for progress bars, tier visuals, or the Loyalty QR Code page.

The level of customization allowed is big, meaning there are several configurations you can explore.

Examples

Editing Feature Loyalty UI

Rewards Logo Inverted

No Reward Points Empty State

Not Enrolled Empty State

Not Enrolled Empty State Mobile

No Rewards Available Empty State

Loyalty Banner Configuration

The component will edit the Loyalty Banner, as seen below

Call to Action Buttons

Button on the Homepage - Authenticated

This configuration allows you to edit the button label and button path for the Loyalty Banner Button on the Homepage when a user is authenticated (logged into the app).

Button on the Homepage - Unauthenticated

This configuration allows you to edit the button label and button path for the Loyalty Banner Button on the Homepage when a user is unauthenticated (logged out of the app).

Button on Rewards page

This configuration allows you to edit the button label and button path for the Loyalty Banner Button on the Rewards page when a user is authenticated (logged into the app).

Background Setting

Learn More Icon

Banner Progress Bar Icon

Opt In Modal

Opt In Modal - Error

Opt In Modal - Loading

Swap Modal Content

Short Code Confirmation Modal Content

Override Short Code Modal Content

Surprise and Delight Modal Content

Loyalty Dashboard

Loyalty In Restaurant Redemption

The component that will edit the In Restaurant screen redemption, as seen below

Loyalty QR Code

Loyalty QR Code and Short Code

Loyalty Text

Loyalty Marketing Tile Group Widget

Loyalty Legacy Short Code

Loyalty Not Available at this Restaurant

Loyalty Not Available at Delivery Mode

Loyalty Not Authenticated

Featured Rewards

International Rewards Widget Type

Loyalty Tiers

Enabling the Loyalty Notifications Widget

This section will be a walkthrough on how you can enable the Widget on the Rewards Detail Page.

  1. Navigate to the Feature Loyalty UI Tab on Sanity
    Order-Level Content ➡️ Loyalty ➡️ Loyalty Configs ➡️ Feature Loyalty UI

  2. Scroll Down to the Loyalty Dashboard Section where you will see a section for Widgets

  3. This section is where you will add the Loyalty Notifications Widget. This is a Sorted Widget list, which means that the widgets will appear in the order in which they are configured.

  4. To add the Loyalty Notifications Widget, Click on Add Item and then Select Loyalty Notifications

  5. Next, you will simply complete the fields in the pop-up

    • Click on Enable Notifications Widget Radio Button

    • Enter Title of the Section - This is what the Name of the Section will be on the FE

    • And then Select the Incentives you would like to show in the section. NOTE: Only incentives with Notifications Turned On will be shown in the Drop Downs. (This is covered in the section below)

  6. Once configured, you can hit Publish and the Widget will now show on the FE.

  • No labels