3 | IOS Mobile Wallet Member Card

This article offers a detailed guide on setting up backpanel configurations for the iOS member wallet feature in myPlace Lite. It also demonstrates the steps to add a member card to the iOS wallet through the app and update existing member cards. IOS Mobile Wallet Member Card iOS Member cards are a valuable feature designed to enhance user convenience by enabling them to securely store their membership details directly within the iOS Wallet.

This article offers a detailed guide on setting up backpanel configurations for the iOS member wallet feature in myPlace Lite. It also demonstrates the steps to add a member card to the iOS wallet through the app and update existing member cards.

IOS Mobile Wallet Member Card

iOS Member cards are a valuable feature designed to enhance user convenience by enabling them to securely store their membership details directly within the iOS Wallet. This streamlines access to account information, ensuring it is readily available whenever needed. By integrating with the iOS Wallet, users can utilize their account information without the need to open the app, thereby simplifying their digital and physical experiences. 

Additionally, iOS Member cards are integrated into Myplace Lite, further enhancing the user experience by eliminating the need to log in repeatedly to access account information.

IOS Member Card Designer

Within the backpanel there is a page for users to adjust the IOS member card design to their preferences. This is only shown on the sidebar when the prerequisites have been met. To access this page use the following steps:

1. Click 'Mobile Wallet' in the sidebar

2. Click 'IOS' in the dropdown drawer

IOS Member Card Designer Configurations

On the IOS member card designer page there are several fields as well as a preview of the card. As field values change the preview will update dynamically to match. Note that the values for Header, Secondary and Ancillary fields are only a example. The actual member card will be filled with the members information.

Primary Settings

• Logo Text: Allows you to add the business name as a title. Ideal for use with square member card logos.
• Member Card Logo: An image used for the business logo, available in two sizes.
• Square: Dimensions are 150 pixels by 150 pixels, suitable for use with logo text.
• Wide: Dimensions are 480 pixels by 150 pixels, recommended for use without logo text.
• Strip (Primary) Image: Optional image that can be displayed on the member card. Dimensions should be 1125 pixels wide by 432 pixels tall.

Card Styles 

This tab allows users to change the colours of the member card and apply a barcode.

• Accessibility: This feature evaluates the contrast between text and background colours to determine the card's accessibility level. Once a sufficient level is achieved, a green checkmark icon will indicate compliance. The higher the level, the better the contrast and readability. The accessibility levels are as below:
• AA = Strong Accessibility
• AAA = Excellent Accessibility
• Card Background Colour: Sets the background colour of the member card. By default, it uses the hero colour fill. To change it, click the field and use the colour palette to select your preferred colour.
• Label Text Colour: Adjusts the colour of the labels above each field on the member card. By default, it uses the hero colour text. Click the field to open the colour palette and choose your desired colour.
• Text Colour: Specifies the colour of the text within each field on the member card. By default, it uses the hero colour text. Click the field, access the colour palette, and select the colour you prefer.
• Barcode Type: Selects the type of barcode to display on the member card. Options include none, code128, and QR code.

Labels & Fields

This section enables users to customise the information displayed on the member card. 

These fields are essential for adding crucial information to member cards, such as name, points, balance, or other relevant data.

• Header Field: Primary field positioned at the top right of the member card.
• Secondary Fields: First row of fields located beneath the strip image.
• Ancillary Fields: Second row of fields positioned underneath the strip image.

Once all fields are configured as desired, simply click 'Save' to update the IOS member card.

IOS Member Card Views

IOS Member Card within Myplace App

When the mobile wallet is enabled, there will be a button within the profile screen. When member clicks this they are guided to a new screen that will show them how the card will look within the wallet. Simply click add in the top right corner to add to the mobile wallet or cancel. When members open their mobile wallet, the member card is shown.

    ➡        ➡    

To update an IOS member cards. Follow these simple steps:

1. Go to mobile wallet
2. Click the member card associated with the app
3. Click the three dots icon in the top right corner 
4. Click pass Details
5. Pull the screen down.

Once the loading spinner finishes, the member card is updated with the latest card UI and account details

Update IOS Member Card via IOS Wallet App

    ➡        ➡    

To update an IOS member cards. Follow these simple steps:

1. Go to mobile wallet app
2. Click the member card associated with the app
3. Click the three dots icon in the top right corner 
4. Click Pass Details
5. Pull the screen down.

Once the loading spinner finishes, the member card is updated with the latest card UI and account details