New Gen App: App Screens

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

Article Topics:

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).

screens1.png 


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

screens2.png 

 

Settings

Description

Location List – Map Default

If by default the map should be fully open, half open or closed

Location List - Layout

If the list should display image and details, image only or details only

 

Location Screen

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

screens3.png 

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 ContentLayout > 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.

    screens4.png

STEP 3: Customize Design (Optional)

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

screens5.png 

 

Settings

Description

Location Screen – Show Image

If the location image should appear on the location screen

Location Screen – Alignment

If the location screen content should be aligned left, right or center

 

Login Screen

screens6.png      screens7.png

 

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

screens8.png
 

Point Shop Screen

screens9.png    screens10.png

 

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

screens11.png 

 

ID Code Screen

screens14.png 


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).

screens15c.png  screens15b.png 


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

screens16.png

 

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.

screens20.png

 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.

    screens21.png

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.

screens22.png 


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


From ContentLayout > 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.

    screens23.png

 

 

Punch Card Screen


screens24.png 

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.

 screens25.png

 

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.

screens26.png   screens27.png

  

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).

    screens28.png

  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.

credit_cards.png   pay_items.png   purchase_items.png

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.

inbox.png  pop_up.png   inboc.png

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 empty inbox.

app_inbox.png

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.

screens29.png      screens30.png    screens31.png

 

 

 

Updated
Was this article helpful?
0 out of 0 found this helpful