LiveOrder New UI Announcement
LiveOrder — New Ordering Experience Now Available
What's New? We're excited to introduce LiveOrder New UI, a redesigned ordering experience built to make ordering faster and easier for your customers.
What's Changing — and Why It Matters
We've rebuilt the customer-facing ordering experience from the ground up. The new UI is not just a visual update — it's a rethink of how customers order to reduce friction and improve their experience.
The Headline Numbers | Classic UI | New UI | |
Taps to complete an order | 11 taps | 3 taps | |
Returning customer reorder | Multiple steps | Under 3 seconds | |
UI design consistency | Mixed (some single pager, some dual pager) |
|
Key Features in the New UI
Quick Checkout for Returning Customers
Returning customers now see their last order pre-loaded on the landing page. One tap pre-fills the cart; they confirm and pay. This makes reordering seamless and fast.
Always-Visible Search Bar
The search bar is now permanently visible at the top of the menu, making it easier to find items. Your search results also persist when switching categories — no more losing your search when browsing.
Redesigned Order Summary
The order flow is now more intuitive:
Order Details → Recommended Add-ons → Your Orders → Promo Code → Grand Total → Place Orde
Better Item Display
- Items are displayed with larger frames so customers can see bigger images with more details
- Quantity badges appear directly on menu items so customers can see what's in their cart without opening it
- All modifier labels have been adjusted for clarity
Unified Visual Design
All screens now use a consistent new UI design system, creating a polished and professional experience across the entire ordering process.
Rollout Timeline
new UI is rolling out gradually to ensure a smooth transition:
Phase | What Happens |
Phase 1 | Selected merchants pilot the new experience |
Phase 2 | New merchants automatically receive new UI |
Phase 3 | All existing merchants migrate to new UI |
Phase 4 | New UI becomes the only standard |
What Hasn't Changed
- Merchant settings — menus, prices, service types, and payment methods work the same way
- Order data & receipts — all your order history and records are unchanged
- Loyalty & promo codes — these features work exactly as before in new UI
- POS integration — all backend systems continue to work seamlessly
Frequently Asked Questions
"The ordering page looks completely different — is this a bug?"
No, this is intentional! Your merchant has upgraded to LiveOrder New UI, a redesigned ordering experience with a faster, easier flow. If you prefer the previous layout, your merchant can adjust this in their settings.
"There are items shown on my screen that I didn't ask for — is this a mistake?"
This is the Quick Checkout feature. If you've ordered from this merchant before, your last order appears on the landing page for quick reordering. You can tap to pre-fill your cart or ignore it and browse normally.
"The search bar is always visible now — is this new?"
Yes! In the new UI, the search bar is always visible at the top. This makes searching more discoverable and lets you find items faster.
"The payment method selector looks different"
In new UI, payment methods are in a bottom sheet that opens on tap, rather than displayed inline. Just tap the payment selector on your order summary to see all available options.
How to Get Started — Portal Configuration
For Merchants: Enable or Manage V5
You can control the V5 experience for your outlets through the Xilnex Portal:
Portal Location:
Sales Channel > Live Order > Store Setup > Theme & Styling
Or navigate directly to: https://portal.xilnex.com/SalesChannel/LiveOrder/StoreSetup/ThemeStyling
Configuration Steps:
- Log in to your Xilnex Portal
-
Navigate to Sales Channel → Live Order → Store Setup → Theme & Styling
- Select the New UI setting:
- Classic UI (Default) — Customers see the previous ordering experience
- New UI —Customers see the new V5 ordering experience
-
Save your changes
When the Setting Takes Effect?
Need Help?
If you experience any issues or have questions about the new ordering experience, please reach out through our support channels.
Last Updated: 6 May 2026
Related Articles
LiveOrder Dynamic QR - Setup Guide
What is Dynamic QR? Dynamic QR generates a unique, per-session QR code at point of order — typically printed when a table is opened. The customer scans it to place or continues an order tied to that specific table session. Unlike Static QR ...LiveKiosk Enablement - User Guide
Overview LiveKiosk is a web-based self-ordering kiosk that runs on the same engine as LiveOrder. It allows customers to place orders independently via a kiosk device — available on Windows (via Classic POS) or Android (via the LiveKiosk APK). All ...Production Release (2025-12-11)
This release adds better ticket-type handling, improved membership/loyalty integration reliability, and small UX fixes across LiveOrder, Loyalty Lite, and LiveKiosk. LiveOrder (v1.0.614.1210) LiveKiosk LiveOrder (v1.0.614.1210) New [ERL] Added ...Production Release (2026-01-21)
Release several bug fixes for LiveOrder and LiveKiosk LiveOrder v1.0.621.0121 LiveKiosk v1.0.621.0121 LiveOrder v1.0.621.0121 Bug Fixes - Resolved issue allowing voucher payments without requiring a ClientID in the user interface. - Enhanced modifier ...Production Release (2025-12-04)
This production update improves validation, membership registration flow, payment stability, and receipt handling across LiveOrder and LiveKiosk. LiveOrder LiveKiosk LiveOrder New Added input validation to limit table numbers to 25 characters. Fixes ...
Recent Articles
LiveOrder New UI Announcement
LiveOrder — New Ordering Experience Now Available What's New? We're excited to introduce LiveOrder New UI, a redesigned ordering experience built to make ordering faster and easier for your customers. What's Changing — and Why It Matters We've ...How to Cancel an E-Invoice on Dashboard
Overview Sometimes cancelling an e-invoice is inevitable. Common situations include: Incorrect buyer information (e.g., wrong name, TIN, or address) Transaction was voided or order was cancelled after invoice issuance Duplicate e-invoice issued for ...Guidelines to Set Up Promotion for Walk-in (System Default)
Guidelines to Set Up Promotion for Walk-in (System Default) Previously, the system did not have a specific indicator for walk-in customers. As a result, all promotion rules applied equally to all customer types, including walk-in customers. However, ...How to Update Client Record in Classic POS
Overview Updating client information is an essential function in ClassicPOS, enabling users to maintain and update existing client records. This ensures that client data remains accurate and up to date for daily operations, reporting, and effective ...How to Create a New Client in Classic POS
Overview This function is created to centralize and manage client information in ClassicPOS. The Client Form allows users to create, update, and maintain customer records, supporting the management of personal information, transaction history, ...
Popular Articles
Basic - How to create a voucher-coupon
Voucher and coupon definition Voucher can be generated in bulk and can be used once Coupon can only be created one at a time (reusable code) and can be use multiple times Pre-voucher / coupon setup There are 2 things need to be prepared before we can ...Understanding DuitNow QR Payment in ClassicPOS
Introduction This document introduces the DuitNow QR payment feature available in the Xilnex Retail POS, enabling merchants to accept payments conveniently through Malaysia's national QR payment standard. The integration of DuitNowQR simplifies the ...Basic - How to change custom cost to another branch that don’t have custom cost
Change custom cost to another branch that don’t have custom cost 1. Get the item list from the location with custom cost (Item Code, Name, Custom Cost) 2. Make sure the Show Location Price are selected 3. Export the item list in Excel 4. The file ...Intermediate - How to Bill & Post to Sales from Transfer Note
1.0 Purpose A bill is required from transfer note when an inventory transfer involves financial transactions, cost allocation, or compliance with tax and accounting regulations. It is used when stock is moved between outlets that operate as separate ...Basic - How to enable E-Receipt Portal and QR Code Setup on Printing format in Xilnex
Enable E-Receipt Portal Enable the E-receipt functionality Once Enabled, you will be getting the E-Receipt portal link Continue under Theme & Styling, enabled for the E-Invoice (LHDN) You can customize the look and feel of the E-Receipt portal ...