Who is this for?
StoreHub merchants who have activated their Kiosk device and need to configure the menu, branding, and payment methods so customers can start ordering.
Overview
Your Kiosk shares its menu, store logo and collections with QR Order and Pay. Even if you don't offer QR Order and Pay to customers, you must set these up for your Kiosk to work. Your Kiosk's own look (start screen, theme colour and promo banner) is set on the 'Kiosk settings' page in BackOffice.
If you already have QR Order and Pay enabled, you can skip most of this section, but review the steps to understand how Collections work and how to enable different collections for different channels if needed.
Before You Begin
You have an active Kiosk license.
Your Kiosk app is on version 1.4.1 or later.
To save changes to the Kiosk start screen or promo banner, your BackOffice role needs access to 'Promotions' and to all stores.
Note: Only fixed pricing and simple tracking types are applicable for Kiosk orders.
Step-by-Step Guide
Configure Store Settings
How to Configure Store Settings for Kiosk
1. In BackOffice, go to 'Online Orders', then click 'QR Order and Pay'. Click the 'Store settings' tab.
2. Click the name of the store where you will use your Kiosk.
3. Under 'Sell Online', tick 'Sell your items on QR Order and Pay'.
This enables your products to be available for online ordering, including on your Kiosk.
4. Under 'Bank Account Details', check that a bank account is shown. To add or change one, click 'Manage bank accounts'.
Notes:
Refer to this article to learn how to add bank account details.
If bank account details are empty, you won't be able to go live later.
5. To get an email for every new paid order, enter your email under 'Order Notifications', in 'Email notification for online orders'.
6. Under 'Assign Main Register', choose in 'Main register' the POS register that should get your Kiosk orders.
Notes:
You can only select 1 main register; we recommend using your cashier register (the most active register)
If a register is not selected, kitchen dockets, KDS and NCS will not push through when a Kiosk order is placed.
Your Kiosk needs a "home" POS register to route orders to kitchen printing and POS visibility.
7. Click 'Save' at the top right.
Once you click 'Save', the 'Online' column shows 'YES' for that store.
Create and Organize Menu Collections
Collections organize your products into categories (like "Main Course", "Beverages", "Desserts") for easy customer browsing.
What Are Collections?
Collections are menu categories that group related products together. For example:
Main Course: Nasi Lemak, Chicken Rice, Pasta.
Beverages: Teh Tarik, Coffee, Soft Drinks.
Desserts: Ice Cream, Cakes, Pudding.
On the Kiosk, customers see:
Collections listed on the left side.
Products within each collection on the right.
Notes:
For detailed product and modifier setup, refer to this How to Set Up Product Modifiers article.
For better product illustrations, add pictures to your product under the Online Tab.
Only fixed pricing types are applicable for Kiosk orders.
How to Set Up Menu Collections (Categories) for Kiosk
1. On the same page, click the 'Collection' tab, then click 'Create Collection'.
2. On the Create New Collection page;
Channels: Select QR Order and Pay to ensure it appears on your Kiosk.
Apply to Stores: Choose the specific locations for this category.
Title: Enter the category name (e.g., 'Main Course').
Product Must Match: Choose 'Any Condition' to help search up your list of products.
3. Under 'Condition(s)', click 'Add Condition', then choose the type of condition:
Products of Category: This looks for products that fall into the same category. (e.g 'Western Food', 'Thai Food')
Products with Tags: This pulls up products that have tags (e.g 'Spicy', 'Non-spicy')
Specific Products: This pulls up specific menu items.
The products that match show in the table under 'Customize Menu Sequence'.
4. Click 'Save' at the top right.
Repeat steps to add more collections to your Kiosk.
5. On the 'Collection' tab, turn on the switch under 'Enabled' for each collection you want on your Kiosk.
The switch turns orange when it is on.
Notes:
Only products that meet the following criteria will appear on Kiosk menu:
Enabled for online selling (Article here)
Assigned to an active Collection
Inventory tracking is enabled with Simple Tracking.
Arrange your collections by priority. The first collection on your list will appear first on the Kiosk menu.
The 'Collection' tab on the 'Kiosk settings' page brings you back here: click 'Manage collections'.
What Customers See When an Item Is Sold Out
On Kiosk app version 1.3.0 and later, items you mark as out of stock stay on the Kiosk menu with a 'SOLD OUT' badge. Customers can see them but can't order them.
The item keeps its name, picture and price, and the whole tile is dimmed.
The add (+) button is gone, so tapping the item does nothing.
If every item in a collection is sold out, the collection still shows on the left.
Customers can tap it to see the sold-out items.
You can't hide sold-out items from the Kiosk menu.
To mark an item as out of stock, use 'Beep Menu' on your POS register. Follow the steps in Mark Items Out-of-Stock on Beep Menu.
Enable Payment Methods for Kiosk
Go to the 'General' tab on the 'QR Order and Pay' page and scroll down to 'Payment options'.
How to Enable Pay at Counter
This allows customers to order at the Kiosk and pay at your counter.
1. Tick 'Enable pay at counter'.
2. Under 'Stores', choose the stores that offer it.
3. Click 'Save' at the top right.
Note: Customers who select "Pay at Counter" will complete their order on the Kiosk without paying. The order is sent to your main POS register that is set as an 'Open Order,' and staff process payment when the customer arrives at the counter.
How to Enable QR Payments (DuitNow QR) / Card Terminal Payments (GHL)
1. To add more payment options to your Kiosk, configure them in the Payment Options Settings.
2. After adding the payment method, select Kiosk under the Registers list in the payment method settings; then click 'Save'.
DuitNow QR: Customers scan a QR code displayed on the Kiosk screen and pay through their banking app.
GHL Card Terminal: Customers tap or insert their card at the integrated terminal.
Upload Store Logo
This logo appears on the Kiosk welcome screen and creates your brand experience.
How to Upload Store Logo for Kiosk
1. On the 'General' tab of the 'QR Order and Pay' page, scroll down to 'Store logo', then click the round button on your logo.
2. Click your preferred option to upload the store logo image:
Upload a new image: Choose an image from your desktop.
Use existing product image: Choose an image from your list of products.
3. You can resize the image to your preferred view, then click 'Use'. Then click 'Save' at the top right of the page.
Notes:
If no logo is set, the logo badge shows the first letter of your store name.
Changes to the store logo will also affect your QR Order and Pay experience, as they share the same logo.
After you change the logo, sync your Kiosk to show it. Changes to the start screen and promo banner show on their own within about 5 minutes, or straight away when you reopen the Kiosk app.
Customize Your Kiosk Start Screen and Promo Banner
Your Kiosk's start screen, theme colour and promo banner are set on the 'Kiosk settings' page in BackOffice. These settings apply to every Kiosk on your account, in every store.
How to Customize Your Kiosk Start Screen and Theme Colour
1. In your BackOffice, go to 'Online Orders', then click 'Kiosk'. The 'Kiosk settings' page opens.
Note: If you don't see 'Kiosk', ask the account owner to grant your BackOffice role access to 'Promotions'.
2. On the 'Start screen' tab, under 'Start screen elements', tick what you want on the welcome screen:
'Logo badge': your store logo from QR Order and Pay.
'Store name': the name of the store each Kiosk belongs to. If the store has no name, your business name shows instead.
'Welcome message': the 'Welcome' greeting above the order button.
3. Under 'Theme color (hex)', enter your brand colour as a hex code (for example, #1A73E8).
Your Kiosk fills its main buttons with this colour, from the start screen to the order confirmation. Your store name uses it too. Some text on white areas shows in a darker shade. Button text changes colour on its own so it stays easy to read.
4. Under 'Start screen background images', click 'Choose background image' to add up to 3 images. In 'Adjust background crop', move and zoom the image to fit the frame, then click 'Use'.
Use JPEG or PNG, up to 5 MB and 8 million pixels each. The best size is 1080 x 1920 pixels (tall). Use the up and down arrows to change the order. 1 image stays on screen. 2 or 3 images change every 5 seconds, in the order you saved them. With no images, your Kiosk uses its built-in background.
Note: Your store name shows in your theme colour, and the 'Welcome' message in black, straight on the photo. Pick calm photos where both stay easy to read.
5. Check the 'Start screen preview'.
6. Click 'Save'.
Note: The preview may show another of your stores' names. Each Kiosk shows its own store's name when 'Store name' is ticked.
How to Add a Promo Banner to Your Kiosk Menu
A promo banner is a picture across the top of your Kiosk menu. Use it for brand images, new products or special offers.
1. On the 'Kiosk settings' page, click the 'Promo banner' tab.
2. Under 'Banner images', click 'Upload image' to add up to 3 images. In 'Adjust banner crop', move and zoom the image to fit the frame, then click 'Use'. Use JPEG or PNG, up to 5 MB and 8 million pixels each.
Use images that are 1080 x 216 pixels (wide). Larger images are made smaller to 1080 x 216 when you click 'Use'.
Use the up and down arrows to change the order. Images show on your menu in the order you see them on this page.
3. Check the 'Menu preview'.
4. Click 'Save'.
What customers see:
The banner sits at the top of the menu and stays there while customers scroll.
With 2 or 3 images, the banner changes every 5 seconds. Customers can swipe to see the next one.
1 image stays fixed.
The banner can't be tapped. It doesn't open a link or add a product.
Notes:
To remove the banner, delete all banner images and click 'Save'. The menu moves up to fill the space.
A banner has no start or end date. Change or remove it when your offer ends.
Your Kiosk shows a new or changed banner on its own within about 5 minutes, or straight away when you reopen the Kiosk app. You don't need to sync.
How to Enable QR Order and Pay in BackOffice for Kiosk
Now that all the above configurations are completed, you can activate QR Order and Pay, which will enable your Kiosk menu, payment settings, and store logo.
1. On the 'General' tab, under 'QR Order and Pay', tick 'Allows customers to scan QR codes in your stores to order.'
2. Click 'Save' at the top right.
Once you've completed and activated your Kiosk hardware, you'll sync the device to pull all the settings you configured in this article:
1. Tap 'Tap to Order' on the Kiosk
2. Tap bottom right corner 3 times
3. Enter Manager PIN
4. Tap Sync
5. Check that your logo, Collections and payment methods appear.
Your start screen and promo banner show on their own within about 5 minutes, or straight away when you reopen the Kiosk app.
For detailed device activation steps, see Article 2.
Next Steps
Your menu, branding, and payment methods are now configured in BackOffice. Next, you need to activate your Kiosk hardware so customers can start ordering.
Continue to Article 2: How to Set Up and Customize Your StoreHub Kiosk
After activation:
Learn how orders work: How To Manage Kiosk Order Flow and Table Service.
Learn how to handle issues: How to Handle Payment Failures, Cancellations, and Refunds.
Need Help?
Contact StoreHub Support via live chat in your StoreHub app or email [email protected].