Appearance
VIO v4 Member App - User Guide
Welcome to the VIO v4 Member App! This guide walks you through all the features and pages available in the application.
1. Onboarding (First-Time Setup)
When you open the app for the first time, a brief onboarding walkthrough will appear to introduce you to the platform's key features. You can browse through the slides or tap "Skip" to go straight to the login page.
2. Login
The login page where members can sign in using their email or phone number and password.
How to use:
- Navigate to your tenant URL
- Choose to login with Email or Phone using the tab selector
- Enter your email address or phone number (the country code is auto-detected based on your browser's timezone and region, but you can change it manually using the dropdown)
- Enter your password
- Optionally check "Remember me" to stay logged in
- Tap "Log In"
New User?
Tap "Sign Up" at the bottom of the login page to create a new account.
Forgot Password
If you've forgotten your password, you can reset it using OTP verification:
- On the login page, tap "Forgot password?"
- Enter your registered email address or phone number
- Tap "Send OTP" to receive a 6-digit verification code
- Enter the OTP code you received
- Create a new password (minimum 6 characters)
- Tap "Reset Password" to confirm
OTP Expiration
The OTP code expires after a few minutes. If it expires, you can request a new one by tapping "Resend OTP".
Biometric Login
If enabled, you can use fingerprint or Face ID for quick sign-in instead of entering your password each time.
3. Home
The main dashboard showing your token balance, quick actions, mini programs, and latest updates.
How to use:
- View your greeting and profile avatar at the top
- Tap your profile avatar to switch between linked accounts (if you have accounts linked across multiple companies)
- Tap the search icon (top-right) to search for vouchers and campaigns
- See your current token balance with the token selector dropdown (tap to switch between tokens)
- Use Send and Receive quick action buttons
- Browse Mini Programs (e.g., Lucky Draw, Parking, Rewards) — tap "See All" for more
- View the "What's New" section for latest news and updates
- Navigate using the bottom menu: Home, Explore, Vouchers, History, Account
Quick Account Switching
If your account is linked across multiple companies or sub-companies (via Cross-Tenant SSO), you can quickly switch between them from the home page:
- Tap your profile avatar in the top-left corner
- A bottom sheet appears showing all your linked portals (companies and sub-companies)
- Sub-company entries are displayed as "Company Name — Sub-Company Name"
- The current portal is highlighted with a "Current" badge
- Tap any other portal to switch — the app will navigate to that portal and auto-login
- Tap "Manage Linked Accounts" at the bottom to view and manage all your linked accounts
Switch Indicator
When you have multiple linked accounts, a small switch icon appears on your profile avatar to indicate quick switching is available.
Token Expiry Indicator
If you have tokens that are expiring soon, a colored badge will appear below your balance showing:
- The amount of tokens expiring (e.g., "500 HH expiring in 2h 30m")
- Exact remaining time when within 24 hours (hours and minutes)
- Days remaining when more than 24 hours away
The badge color indicates urgency:
| Color | Condition | Meaning |
|---|---|---|
| Red | Already expired | Some tokens have expired |
| Amber/Yellow | Within 24 hours | Tokens expiring very soon |
| Orange | Within 3 days | Tokens expiring soon |
| White (subtle) | More than 3 days | Tokens expiring later |
Tap the badge to view the Token Expiry Details popup, which shows all your token lots with:
- Amount remaining in each lot
- When the lot was received or minted
- Exact expiry date and time for each lot (or "No expiry" for permanent tokens)
4. News & Updates
Browse the latest news, announcements, and updates from the platform.
How to use:
- Filter by category using the pills at the top: All, Announcement, Event, Promotion
- Tap the refresh icon (top-right) to refresh the feed
- Scroll down for automatic loading of more articles
- Tap the heart icon to like/unlike an article from the list
- Tap on any article to view full content with images, videos, and sharing options
5. Send Tokens
Send tokens to another member by searching for their phone number, email, wallet address, or scanning their QR code.
How to use:
- Enter the recipient by phone, email, or wallet address — or tap the QR scan button
- Enter the amount to send (tap "Max" to send your full available balance)
- Add an optional remark (up to 100 characters)
- Tap "Continue" to review and confirm the transaction
6. Receive Tokens
Share your wallet address so others can send you tokens.
How to use:
- View your wallet address and QR code
- Tap "Copy" to copy the address to your clipboard
- Tap "Share" to share your wallet address via native share or as an image
WARNING
Only send tokens on the supported network to this address.
7. Explore
Discover available vouchers and deals from the platform.
How to use:
- Use the search bar at the top to search for vouchers
- Tap the sort and filter icons to refine results
- Browse by category using the scrollable pills (Food & Drinks, Shopping, Entertainment, etc.)
- Check out Featured Deals at the top for highlighted offers
- Scroll through All Vouchers below for the complete listing
- Each voucher card shows the brand tag, name, and token cost
- Tap on any voucher to view details or redeem it
8. My Vouchers
View and manage all your redeemed vouchers.
Tabs:
| Tab | Description |
|---|---|
| Active | Vouchers that have been redeemed and are active to use |
| Used | Vouchers that have been used or consumed |
| Expired | Vouchers that have passed their expiry date |
| Favorites | Vouchers you've saved to your favorites |
How to use:
- Switch between tabs to filter your vouchers
- Each voucher card shows the brand, name, status badge, and expiry date
- Tap a voucher to view its details and use it
Voucher Detail
Once you open a redeemed voucher, you can use it based on its consumption type:
| Consumption Type | Description | Action Button |
|---|---|---|
| VIO Code | Standard VIO redemption code | Shows "Show VIO Code" button to display your redemption QR code |
| URL | External redemption link | Shows "Open Link" button to navigate to an external website |
| QR Code | External QR code | Shows "Show QR Code" button to display a merchant-provided QR code |
| Coupon Code | Text-based coupon code | Displays the coupon code for you to use at checkout |
| Manual | Manual redemption | Shows instructions provided by the merchant |
9. Transaction History
View your complete transaction history including token transfers, voucher redemptions, voucher transfers, expired tokens, and received tokens.
Tabs:
| Tab | Description |
|---|---|
| All | All transactions (tokens and voucher transfers) |
| Sent | Tokens and vouchers you have sent |
| Received | Tokens and vouchers you have received |
| Vouchers | Voucher transfer history only |
Transaction Types:
| Type | Icon | Color | Description |
|---|---|---|---|
| Receive Token | Arrow down-left | Green | Tokens received from transfers or minting |
| Send Token | Arrow up-right | Blue | Tokens sent to another user |
| Claim Token | Gift | Purple | Tokens earned from campaigns or rewards |
| Redeem Voucher | Ticket | Orange | Tokens spent to claim a voucher |
| Burn Token | Flame | Red | Tokens permanently destroyed |
| Tokens Expired | Clock | Gray/Red | Tokens that have expired and been deducted |
| Voucher Sent | Send | Blue | Voucher transferred to another user |
| Voucher Received | Gift | Green | Voucher received from another user |
How to use:
- Switch between tabs to filter transactions
- Each entry shows the date, type, details, and amount (color-coded: green for received, blue for sent)
- Tap on a token transaction to view full details
- Voucher transfers show the voucher name and the sender/recipient
Voucher Transfer History
The Vouchers tab displays all your voucher transfer activities:
- Voucher Sent: Shows vouchers you've transferred to other members, including the recipient's name and the voucher details
- Voucher Received: Shows vouchers you've received from other members, including the sender's name and the voucher details
Voucher Transfers
You can transfer vouchers to other members from the voucher detail page. Transfer eligibility depends on the voucher's visibility setting:
- Private vouchers: Can only be transferred within your own company
- Shared vouchers: Can be transferred within your company and shared organizations
- Public vouchers: Can be transferred to any user
Once transferred, the voucher will appear in the recipient's "My Vouchers" section and will be recorded in both users' transaction history.
Token Expiry
When your tokens expire, an automatic "Tokens Expired" transaction is recorded in your history showing the amount that was deducted. This helps you track when and how many tokens expired.
10. Account
Access your account settings and preferences.
Sections:
- Profile card — Tap to view and edit your profile
- General — Notifications, Security, Settings
- Feedback — Help & Support, Logout
11. Edit Profile
View and edit your personal profile information.
How to use:
- Tap your avatar to update your profile picture
- Edit your Display Name (up to 30 characters)
- View your Email (read-only, cannot be changed)
- Update your Phone number
- Set an Avatar URL for a custom profile picture
- Tap "Save Changes" to save
12. Security
Manage your account security settings.
Your Security Status
Your security status shows an overview of your account's security features, such as password protection and two-factor authentication.
Security Settings:
- Change Password — Update your current password
- Enable Two-Factor Authentication — Coming soon
- Biometric Login — Toggle fingerprint or Face ID for quick sign-in
Change Password
- Navigate to Account > Security > Change Password
- Enter your current password
- Enter your new password (minimum 6 characters)
- Confirm the new password
- Tap "Update Password" to save
13. Notifications
Configure how and when you receive push and email notifications.
Notification Channels:
- Push Notifications — Receive real-time push notifications on your device
- Email Notifications — Receive email updates for important events
Notification Types:
| Type | Description |
|---|---|
| Transactions | Token transfers (send & receive) |
| Vouchers | New vouchers & expiry reminders |
| Promotions | Special offers and deals |
| News & Updates | Platform news and announcements |
How to use:
- Toggle Push Notifications on/off (grant browser permission when prompted)
- Toggle Email Notifications on/off
- Enable/disable specific notification categories
- Settings are saved automatically
TIP
If push notifications are blocked, you'll see a warning banner with instructions to re-enable them in your browser settings.
14. Settings
General app settings and about information.
How to use:
- Language — Choose your preferred language (English, Thai, Chinese)
About:
| Field | Description |
|---|---|
| Version | App version number |
| Build | Build date |
| Platform | Platform identifier |
15. Help & Support
Get help, read FAQs, and contact support.
Frequently Asked Questions:
Tap any question to expand and view the answer:
- How do I earn tokens?
- How do I redeem a voucher?
- How do I use a voucher?
- Can I transfer tokens to other users?
- What happens if my voucher expires?
- How do I change my password?
Contact Us:
| Channel | Details |
|---|---|
| 24/7 Chat | Available anytime |
| support@vio.com | |
| Phone | Call support |
16. Install as App (PWA)
The VIO Member App is a Progressive Web App (PWA) that can be installed on your device's home screen for a native-app-like experience.
Benefits of installing:
- Quick access from your home screen without opening a browser
- Offline support for previously loaded content
- Push notifications work even when the app is closed
- Full-screen experience without browser UI
How to install:
- When you visit the app, an "Install VIO App" banner appears at the bottom
- Tap the Install button to add it to your home screen
- On iOS Safari, tap the Share button and select "Add to Home Screen"
- The app will open in standalone mode like a native app
Need Help?
If you encounter any issues or have questions, please visit the Help & Support section in the app or contact your administrator.