What options do I have when deciding how to configure the Loyalty Mobile App?
There are a number of ways that you can configure the Loyalty Mobile App so that it provides your end users with the best experience possible for your use case. This article describes the different layout and functionality options that can be applied to the Loyalty Mobile App.
First Launch Screen
This is what is shown to users when the open the app for the first time after installation.
Options
- You can specify text to be displayed on this screen.
Registration / Login Screen
This is what is shown to users after they press the 'Continue' button on the First Launch Screen. This screen gives the user the option of registering a new loyalty account or to log in with an existing account.
Options
By default the app is configured to allow users to register / log in using their email address, however the following alternative options can also be enabled,
- Log In with Facebook
- Sign In with Apple ID (iOS only)
- One Time SMS (using mobile phone number)
Registration Screen - Step 1
If a user chooses to register a new account, the first registration screen asks the user for their first name, last name, email address and to specify a password.
Options
- You can specify which of these fields are required.
- You can specify the help text below each field.
Registration Screen - Step 2
After completing the first registration screen, the user will be presented with a second step screen where they can provide additional information when registering.
Options
- You can specify what field as displayed on this page.
- You can specify which of these fields are required.
- You can specify the help text below each field.
- The consent toggles displayed on this page reflect the consents configured in the User Consents section of the Loyalty Console.
Legal Modal
After completing the second registration screen, the user will be presented with a modal that allows them to view the Terms & Conditions and Privacy Policy.
Options
- You can specify the content shown to the user when the press the terms and conditions button (either plain text or a web page can be displayed to the user here).
- You can specify the content shown to the user when the press the privacy policy button (either plain text or a web page can be displayed to the user here).
App Tracking Transparency Modal (iOS only)
After tapping 'Continue' on the Legal Modal, the app will present the user with the app tracking transparency modal that asks the user to allow the app permission "to track the users activity across other companies' apps and websites."
Options
- You can specify the copy of the explainer text displayed on this modal to explain to the user why the app is asking for permission to track.
Biometric Login Screen
The user can choose the enable biometric login for their loyalty account. The type of biometric login option presented to the user depends on the functionality available on their device (e.g. some devices may have fingerprint recognition while other devices may have face recognition).
Options
- This option can be enabled or disabled depending on if you want to this option to be available to your end users.
Notification Opt In Screens
On these screens the user can choose what type of notifications they would like to receive. If the user choose to enable either type of notification, they will be presented with the system permission modal to allow notifications.
Options
Link Card Screen
As part of the new account registration flow you can prompt users to link their first card to their account. After tapping 'Link Card' the app will attempt to use the camera on the users device to scan their card and capture the card details visible on the front of the card (this will trigger a system permission modal asking the user to grant camera access to the app). If the user prefers the can also type in their card details manually using the keyboard.
Options
Home Screen
The home screen can be configured in a number of different ways depending on what features or content you want to highlight to your end users.
Options
- The 'Redeem Code' button can be shown or hidden.
- The following home screen layouts can be used,
- Grid (an icon from this directory can be used for each item)
- Rewards carousel
- Rewards list (expanded)
- Rewards list (dense)
Notification History Screen
When the user taps on the bell icon in the top right of the screen, this screen displays a summary of notifications that have been sent to the user which the user has opened.
Options
Considerations
- Notifications that are sent to the user, but which the user does not tap on to open are not displayed in this screen.
Sidebar Menu Screen
When the user taps on the 'burger' icon in the top right of the screen, the app will display a sidebar menu.
Options
- The items in this sidebar menu can show either a plain text page, a webpage or in the case of links to social media pages the app for the relevant social media app can be opened displaying a specified page.
Considerations
- There is no limit to the number of items that can be displayed in this menu as the list will scroll vertically if there are more items in the menu than can be shown all at once.
Redeem Code Modal
After pressing the 'Redeem Code' button the app will display a modal giving the user the option to either scan a (QR) code using the device camera or to enter a code manually using the keyboard.
Options
Reward Category / List Screen
This screen displays the rewards specified in the Loyalty Console.
Options
- Reward artwork and reward category artwork can be displayed with no gradient, a brand colour gradient or a shadow gradient.
Considerations
- If you have configured reward categories (and sub-categories) in the Loyalty Console then the app will display the list of rewards in a categorised view. Each category card displays the name, description and image specified for that category as defined in the Loyalty Console. The number of rewards within the category is also displayed.
- When viewing the list of rewards, the list can be sorted by which rewards are closest to the user (for rewards linked to a venue), alphabetically (or reverse alphabetically) by reward name or by points value (either highest to lowest or lowest to highest). There is also the option to filter the list of rewards by keyword.
- Each reward card displays the name of the reward, the reward summary, reward price and reward image as defined in the Loyalty Console for the reward.
Individual Reward Screen
The individual reward screen shows the end user details of the selected reward.
Options
Considerations
- The UI of this screen will vary depending on the reward type.
.
Wallet Screen
The wallet screen is designed to show users the vouchers they have purchased and available for redemption. It also displays the Recent Activity drawer which displays the details of events associated with the users account.
Options
- If your use case does not make use of rewards which issue a voucher, the wallet screen can be configured to display as an activity screen instead (where the recent activity list takes up the entire screen).
Individual Voucher Screen
When a user selects a voucher from their wallet they are presented with the following UI to redeem their voucher.
Options
- You can choose which fields you want to show on this screen.
'Hide Code' Redemption
Human Validation Code Type Redemption
One Time Code Type Redemption
Code Pool Type Redemption
Profile Screen - Details Tab
The details tab within the profile screen allows the user to view and edit their account information.
Options
- You can choose which fields you want to show on this screen.
Profile Screen - Preferences Tab
The preferences tab within the profile screen allows the user to access a variety of options related to their account.
Options
- The referral option can be shown or hidden on this screen.
- The consent toggles displayed on this page reflect the consents configured in the User Consents section of the Loyalty Console.
Profile Screen - My Cards Tab
The 'My Cards' tab within the profile screen allows the user to manage the cards linked to their loyalty account for loyalty program that utilise card linked transactions.
Options
- This screen can be shown or hidden depending on the use case.
Locations Screen
The location screen allows the end user to see details of the venues specified in the Loyalty Console and the rewards related to each venue.
When users first tab on the Locations screen, the app will ask the user to enable location services so that the app can show the user the venues closest to the user.
Options
- This screen can be shown or hidden depending on the use case.
- The list of venues can be displayed with a map or as a category carousel.
- If a venues phone number or opening times are specified in the attributes for a venue this will be displayed with special formatting in the the venue overview section.
Considerations
- The categories displayed when the user presses the 'Filter' button reflect the categories configured within the Venues section of the Loyalty Console.
- When viewing an individual venue, by default the location of the venue will be shown on a map preview. If media items are set for the venue in the Loyalty Console, these media items will be displayed as a gallery instead of the map view.
- When tapping the 'Directions' button when viewing an individual venue, the app shown in the 'Open in Maps' modal is populated based on the apps installed on the users device.
- When viewing the 'Rewards' tab for an individual venue, the rewards shown here are set based on the venues configured for a particular reward in the Loyalty Console.
.