Various app screens were updated with a slick and modern design.

📚 In this article...

Location List
Location Screen
Login Screen
Point Shop Screen
ID Code Screen
Profile Screen
Info Screen
Punch Card Screen
Coupon Code Screen
Point/Credit Payment Code Screen
In-App Credit Card Payments
App Inbox
Other Screens


NOTE: In general, layouts from Content > Layout do not apply to screens in the new app. In some cases, you’ll need to choose a random layout just to specify custom buttons for app screens or tiles (but ignore the thumbnail image).

Location List

The newly designed Location List allows users to search for locations by name or address, click the address to navigate to a specific location, and click the phone number to call. The list is automatically sorted by the nearest (if the user allows the app to access the device location).

From Content > Layout > Locations (NEW), you can configure settings for the location list:

Location Screen

Display location details, and up to 4 buttons: 2 buttons to appear for all locations, and 2 buttons configurable per location.
 

Step 1: Add Details & Specific Buttons

From Content > Information > Locations, add your location details and select up to 2 buttons for this specific Location Screen (optional).

NOTE: If no buttons are selected, default buttons appear in the old app and no buttons appear in the new app.

Step 2: Add General Buttons (Optional)

NOTE: The settings below affect both the old app and new app. Layouts don’t apply to the new app.

From Content >  Layout > Location Screen, you can add 2 buttons to appear on all Location Screens:

1. Select any layout with custom tiles A, B, etc. (such as the Basic Location layout)
2. Select layout blocks for up to 2 tiles (A and B) and select Empty Block for the remaining tiles

Step 3: Customize Design (Optional)

From Content > Layout > Locations (NEW), you can configure settings for the new location screen:

Login Screen

From Content > Branding (NEW) > Design (NEW), select whether to show login or registration as the main option on the Login Screen.

Point Shop Screen

From Content > Branding (NEW) > Design (NEW), you can specify an image to show when a user successfully purchases an item from the Point Shop (such as a GIF animation).

The Point Shop displays points by default, but you can change this to credit from app text. Learn more

ID Code Screen

In the new app, a member’s temporary ID code can only be shown using the Show Member’s QR Code button action (not Show Temporary ID Code). Or you can choose the preset Member QR Code layout block (not ID Code).

From Operation > Settings > App Settings > Code Display, select whether to display this code as a number, QR or barcode.

Profile Screen

In addition to member details, you can choose to display up to 3 custom buttons and a log out button.

NOTE: The settings below affect both the old app and new app.

 To add buttons to the profile screen:

1. From Content > Layout > Member Profile, select either the New or New (+Logout)
   
   
2. Add up to 3 blocks and select Empty Block for any remaining tiles you don’t need.

The profile displays points by default, but you can change this to credit from app text. Learn more

Info Screen

The new Info Screen displays the “about us” business info (Content > Information > General Info), map, and up to 3 custom buttons.

NOTE: The settings below affect both the old app and new app. Layouts don’t apply to the new app.

From Content >  Layout > General Info, you can add up to 3 custom buttons:

1. Select any layout with custom tiles A, B, etc
   
   
2. Select layout blocks for up to 3 tiles and select Empty Block for the remaining tiles
   
   

Punch Card Screen

You can add the punch icon from Benefits > Punch Cards, and the remaining icons (such as the placeholder for punches) from Custom Icons (NEW). Learn More.

Coupon Code Screen

Allow members to enter coupon codes in the new gen app to trigger rules that send them rewards.

Point/Credit Payment Code Screen

Allow members to generate payment codes from their app to pay at the POS with their points or credit balance. You can also select whether to display this code as numeric, QR or barcode.

To add a payment code screen:

1. Add the Pay with Points/Credit at POS button to either your navigation bar, tiles widget, side menu, etc
   
   
2. From Operation > Settings > App Settings > Code Display, select whether to display this code as numeric, QR or barcode
   
   NOTE: This setting also affects how the temporary member ID code is displayed (used to identify on a purchase).
   
   
   
3. From Operation > Settings > Point/Credit Settings, select whether to use points OR credit for payment at the POS:
   
   
   1. If the business uses one wallet, the wallet is specified in Business Wallet
      
      
   2. If the business uses both points and credit, the wallet is specified in Pay with Credit

In-App Credit Card Payments

Allow members to buy items directly in their app using credit cards. For example, members can load (top-up) their credit balance to pay for items in the business, or pay ahead for special offers or events.

NOTE: This is an add-on service which requires businesses to have an account with Zooz.

Differences in Payments

Payments for the new gen app are similar to those for the old version, with the following differences:

• When a member selects to pay, they don’t need to select the credit card. The last card added to their app wallet is selected by default but they can choose a different card if they want.
• An image/animation can be shown for a successful payment, configured from Design (NEW)
• For in-app payments, PayPal is not supported.
• For in-store payments, members can load points to their app and pay with points (even as a “quickpay”). However, they cannot pay in the store directly with an in-app credit card.
  
  

Manage Credit Cards

To allow members to add or remove credit cards from their app outside of a payment flow, you can add the Manage Credit Cards action to any button in your app (by creating a layout block).

Load Credit (Top-Up)

 Allow members to load (top-up) credit directly through the app—which they can use to pay for purchases at the POS. Encourage members to buy credit in advance by offering it at a discount. For example, let members buy $25 worth of credit for only $20. Learn More

Special Coupons or Events

 Boost sales—by creating exclusive offers for members to buy through the app and then claim in the business. For example, sell a breakfast for two for $15 or a new TV for $500. Change the offers regularly to keep it interesting and to encourage members to buy in advance so they don’t miss out. Learn More  

App Inbox

Add an inbox to your app so members can go back to view push and in-app messages you sent and selected to save in the inbox, by default the saved inbox messages are saved up to 7 days. 

By configuration, you can present all-time messages that are sent to your members. 
Under Branding (New) -> Design (New) -> Inbox Messages - Include Expired Messages (Default is 'Off').

Add an app inbox to your navigation bar, side menu, header, or tiles using a special custom screen (you don’t need to create a layout block for inbox, it’s already on the list for step 6). 

From Content > Branding (NEW) > Custom Icons (NEW), you can change the image for an empty inbox.

NOTE: By default, all push and in-app messages sent from the Campaign Center are saved to the app inbox (unless you uncheck Save to App Inbox for the message). Pop-up messages sent from Filter Members can also be saved to the app inbox (but the default is no).

Other Screens

The designs for other screens were also updated, such as the catalog, gifts, and more. No new settings are available for these screens. However, be aware that settings and buttons for these screens may apply to both the old app version and new gen app.