Branded Online Store
Table of Contents
Manage Branded Online Store preferences
Learn how to set up your preferred settings for your Branded Online Store on the Merchant Portal.
You can customize various aspects of your Branded Online Store, including ordering preferences, menu display, theme, and more. This allows you to tailor the online ordering experience to align with your brand identity and customer preferences.
In this article, you’ll learn how to configure your Branded Online Store’s settings.
Change general Branded Online Store preferences
To configure your Branded Online Store’s general settings, follow the steps below:
Merchant Portal (Classic Theme)
Tip: To switch themes, at the top right, click on the account name. Then, select Experience Merchant Portal 2.0.
- Log in to the Merchant Portal.
- On the left panel, click on Restaurant Settings, then select Online Ordering.
- To enable your preferred settings, toggle the switch
next to the setting that you want to turn on. - At the top right, click on Save to confirm.
You can toggle or configure the following options for your Branded Online Store:
Menu Page Banner Image for Desktop
Menu Page Banner Image for Desktop
Sets your Branded Online Store’s menu page banner image.
DeleteOnline Ordering
Allow user to place order with remarks
Allows customers to add additional remarks when they add a Menu Item to their order.
Show Sold-out Item
Allows customers to know if a particular menu item is sold out. When enabled, the item will be tagged as “Sold Out.” If disabled, the item won’t show up on the menu.
Show Sold-out Modifier
Allows customers to know if a particular item modifier is sold out. When enabled, the item will be tagged as “Sold Out.” If disabled, the modifier won’t show up as an option for an item on the menu.
Allow user to input item quantity
Allows customers to enter their desired item quantity.
Show Item Price for Free Takeout Items
Displays the Item Price for Free Takeout Items.
Show Item Price for Free Dine-in Items
Displays the Item Price for Free Dine-in Items.
Display Price In Shop Items
Shows Price in Shop Items on the branded online store.
Display Price by Barcode (Weight) Items
Shows Price by Barcode (Weight) Items on the branded online store.
Display Item Special Request entered by Merchant devices (e.g. POS)
Shows special request remarks entered through Merchant devices such as the POS on the branded online store.
Display Price by Barcode (Amount) Items
Shows Price by Barcode (Amount) Items on the branded online store.
Show Quantity for Combo Item for Mobile
Allows customers to specify the quantity of a Combo Item before adding it to their shopping cart.
Split Single Item in Multi Quantity Item
When enabled, adding multiple instances of the same item will appear as separate items in the order. For example, if you add one “Thai Papaya Salad” to the order and then add another Thai Papaya Salad to the same order later on, the order will display the items as separate items.
When disabled, the quantity indicator will adjust based on the quantity you set.
| On | Off |
 |
 |
Split Combo Item in Multi Quantity Item
When enabled, adding multiple instances of the same item will appear as separate items in the order. For example, if you add one “Tom Yum Soup Noodle” to the order and then add another Tom Yum Soup Noodle to the same order later on, the order will display the items as separate items.
When disabled, the quantity indicator will adjust based on the quantity you set.
| On | Off |
 |
 |
Enable Auto Select Next Combo Option
When enabled, the screen automatically scrolls down to the next item included in the combo option after an option has been selected.
DeleteOrder Summary
Hide Zero Amount Non Sales Item
Removes Non Sales Item with zero amount from the receipt.
DeleteOrdering Information
General
Displays a note on your Branded Online Store that is visible on all Dining Types.
Note: If you have a multi-language online store, you can add a note per language by adding a message for each applicable language. Click on the language drop-down list to change the language.
Ordering Information by Dining Type
Displays a targeted note on your Branded Online Store depending on the Dining Type selected. For example, if you add a note for “Dine-in”, then the message you enter will be visible to Dine-in customers.
Note: If you have a note set under General too, the default note will show along with the dining type-specific note.
You can choose from the following Dining Types:
- Dine-in
- Dine-in (All You Can Eat Menu)
- Pickup
- Delivery
- Catering (Pickup)
- Catering (Delivery)
Tip: If you have a multi-language online store, you can add a note per language by adding a message for each applicable language. Click on the language drop-down list to change the language.
Merchant Portal 2.0
Tip: To switch themes, at the top right, click on the account name. Then, select Back to Classic Theme.
- Log in to the Merchant Portal.
- On the left panel, click on Modules, then click on Branded Online Store.
- Select General.
- To enable your preferred settings, toggle the switch
next to the setting that you want to turn on. - At the top right, click on Save to confirm.
You can toggle or configure the following options for your Branded Online Store:
Cover Image For Desktop
Cover Image
Sets the cover photo for your restaurant’s Branded Online Store.
DeleteMenu Display
Show Sold-out Item
Allows customers to know if a particular menu item is sold out. When enabled, the item will be tagged as “Sold Out.” If disabled, the item won’t show up on the menu.
Show Sold-out Modifier
Allows customers to know if a particular item modifier is sold out. When enabled, the item will be tagged as “Sold Out.” If disabled, the modifier won’t show up as an option for an item on the menu.
Show Item Price for Free Dine-in Items
Displays the Item Price for Free Dine-in Items.
Show Item Price for Free Takeout Items
Displays the Item Price for Free Takeout Items.
Display Price In Shop Items
Shows Price in Shop Items on the branded online store.
Display Price by Barcode (Weight) Items
Shows Price by Barcode (Weight) Items on the branded online store.
Display Price by Barcode (Amount) Items
Shows Price by Barcode (Amount) Items on the branded online store.
Display Item Special Request entered by Merchant devices (e.g. POS)
Shows special request remarks entered through Merchant devices such as the POS on the branded online store.
Show item details for single item
Allows customers to add remarks to Single Items during ordering.
Tip: You need to enable Allow User to Place Order with Remarks for Single Item in System Preferences to turn on Show item details for single item.
Show item details for combo option
Allows customers to add remarks to Combo Items during ordering.
Tip: You need to enable Allow User to Place Order with Remarks for Combo Option in System Preferences to turn on Show item details for combo option.
Collapse Modifiers and Combo Options when more than 5 Choices
Hides Modifiers and Combo Options in a collapsible “View More” button if there are more than 5 set choices for Modifiers or Combo Options.
Note: This is only available for the List View menu item display style.
Placing Order
Allow user to place order with remarks
Allows customers to add additional remarks when they add a Menu Item to their order.
Allow user to input item quantity
Allows customers to enter their desired item quantity.
Show Quantity for Combo Item (Mobile Only)
Allows customers to specify the quantity of a Combo Item before adding it to their shopping cart.
Split Single Item when Quantity more than One
When enabled, adding multiple instances of the same item will appear as separate items in the order. For example, if you add one “Thai Papaya Salad” to the order and then add another Thai Papaya Salad to the same order later on, the order will display the items as separate items.
When disabled, the quantity indicator will adjust based on the quantity you set.
| On | Off |
|
|
Split Combo Item when Quantity more than One
When enabled, adding multiple instances of the same item will appear as separate items in the order. For example, if you add one “Tom Yum Soup Noodle” to the order and then add another Tom Yum Soup Noodle to the same order later on, the order will display the items as separate items.
When disabled, the quantity indicator will adjust based on the quantity you set.
| On | Off |
|
|
Enable Auto Select Next Combo Option
When enabled, the screen automatically scrolls down to the next item included in the combo option after an option has been selected.
Order Summary
Hide Zero Amount Non Sales Item
Removes Non Sales Item with zero amount from the receipt.
DeleteSuspension Mechanism
Online Ordering Suspension Mechanism
Allows you to automatically suspend online ordering after a set period of time.
Hide Shop when Closed
Note: This feature applies to Food Court restaurants.
Enable this setting to hide the vendor shop from the food court branded online store when the restaurant is closed or not in operation.
DeleteOrdering Information
Default
Displays a note on your Branded Online Store that is visible on all Dining Types.
If you have a multi-language online store, you can post a different note per language. To add more languages, click on Add Language.
Ordering Information by Dining Type
Displays a targeted note on your Branded Online Store depending on the Dining Type selected. For example, if you add a note for “Dine-in”, then the message you enter will be visible to Dine-in customers.
You can choose from the following Dining Types:
- Pickup
- Delivery
- Catering (Pickup)
- Catering (Delivery)
- Dine-in
- Dine-in (All You Can Eat Menu)
Note: If you have a note set under Default too, the default note will show along with the dining type-specific note.
Tip: If you have a multi-language online store, you can add a note per language. To add more languages, click on Add Language.
Payment Method
Sequence
Select the order of how payment methods appear on the Branded Online Store. You can choose from the following options:
- System default - Follows the system-generated order for payment methods.
-
Custom - Allows you to reorder the payment methods in your preferred sequence.
Tip: To reorder a payment method, click on the Reorder icon
next to the payment method that you want to move. Then, drag the payment method to your preferred placement.
Change Branded Online Store user interface preferences
To configure your Branded Online Store’s user interface settings, follow the steps below:
Note: You can only access your Branded Online Store’s user interface settings using the Merchant Portal 2.0 theme.
- Log in to the Merchant Portal.
- On the left panel, click on Modules, then click on Branded Online Store.
- Select Ordering Site Settings.
- Next to the branded online store that you want to configure, click on Edit.
- To enable your preferred settings, toggle the switch next to the setting that you want to turn on.
- At the top right, click on Save to confirm.
You can toggle or configure the following options to set for your Branded Online Store’s user interface:
Mobile
Show Restaurant Logo
Displays your restaurant’s logo on your restaurant’s mobile app.
Show Restaurant Name
Displays your restaurant’s name on your restaurant’s mobile app.
Background Image
Sets your Branded Online Store’s landing page background image.
Display Promotion Image
Allows you to place a promotional banner at the bottom of your restaurant’s landing page.
URL for Landing Page Promotion Area
Sets the website where customers will be directed to when they tap the promotional banner.
Delete
Theme Editor
Colour Setup Assistant
Allows you to customize your Branded Online Store’s color scheme.
Basic Mode
- Choose from the following themes:
- Default
- Light
- Dark
- Earth Tone
- Then, specify the colors of the following user interface elements:
- Button Colour
- Accent Colour
- Main Text Colours
- Description Text Colour
Advanced Mode
Specify the colors of the following UI elements in your online store:
- Landing Page BG Colour
- Main Font Colour
- Button Colour
- Button Font Colour
- Footer Font Colour
- Nav Bar Buttons Colour
- Nav Bar BG Colour
- Secondary BG Colour
- Popup Header Font Colour
- Accent Colour
- Popup Header BG Colour
- Description Text Colour
- Primary BG Colour
Refer to the image below to know which area of the user app will be affected if you change the UI setting.
If you prefer to customize all the colors that will be used on your Branded Online Store manually, enter the Hex Codes of the following app or website UI elements:
- Accent Colour
- Tint Color
- Color
- Navigation Bar
- Primary Background Colour
- Primary Button Colour
- Primary Font Colour
- Secondary Font Colour
- Secondary Background Colour
- Main Background / Font
- Primary Background Colour
- Secondary Background Colour
- Primary Font Colour
- Secondary Font Colour
- Button
- Active Button Colour
- Active Button Font Colour
- Active Button Border Colour
- Inactive Button Colour
- Inactive Button Font Colour
- Inactive Button Border Colour
- Disabled Status
- Disabled Background Colour
- Disabled Text Colour
- Search Bar
- Search Bar Colour
- Search Bar Placeholder Colour
- Input Field
- Input Field Colour
- Input Field Text Colour
- Mobile Landing Page
- Mobile Landing Page Background Colour
- Mobile Landing Page Footer Colour
- Mobile Landing Page Shop Name Colour
- Desktop Landing Page
- Desktop Landing Page Background Colour
- Membership
- Membership Font Colour
- Membership Button Font Colour
- Membership Button Colour
- Notification
- Notification Background Color
- Notification Text Color
- Notification Border Color
- Others
- Separator Colour
- Positive Colour
- Warning Message Colour
- Customizable Tag Colour
- Negative Colour
Look & Feel
Menu Item Display Style
Select from the following display style options:
-
List View
-
Gallery View
-
Compact
Enable Continuous Scrolling
Sets your user app’s menu page to show all categories in one scroll.
Mobile
Menu Page Background Image
Allows you to set the background image of your mobile app’s menu page.
DeleteDesktop
Menu Page Background Image
Allows you to set the background image of your website’s menu page.
DeleteOrdering
Enable Static QR Code
Allows ordering through Static QR Code.
Tip: Turn on Enable Static QR Code if you have QR Codes associated with the tables in your restaurant. When a static QR Code is scanned on a mobile device, the order is automatically assigned to the table where the QR Code is associated.
Require Party Size Input
Sets the Branded Online Store to ask for the party size when customers order through QR Code.
Enable Apply Discount Code
Allows customers to apply a discount to their order by entering a discount code.
Enable User Module
Allows customers to log in to your website.
Show My QR Code
Note: This feature is currently only available on the mobile version of the branded online store.
Allows customers to generate a QR Code that displays their account information when scanned. Customers must first log in to their account on the website to show the QR Code.
Show Secure Passcode
When enabled, customers can set up a passcode which they’ll need to enter when using member credits to pay for online orders.
Disable Unverified User Checkout
Limits checkout to verified users only. Customers without an account won’t be able to check out.
Enable Guest Queuing
Allows customers to get queuing tickets on the branded online store without creating an account.
Enable Guest Reservation
Allows customers to book reservations on the branded online store without creating an account.
Enable Guest Checkout
Allows customers to order as a guest on the branded online store without creating an account.
Do Not Mandate Email Address for Non-Scan-To-Order
When enabled, customers won’t be required to enter their email address at the checkout page when ordering for Pickup or Delivery.
Note: This setting is only available if Enable Guest Checkout is turned on.
Enable Item Search
Allows customers to search for the items that they want to order by entering the item through a search field.
DeleteMobile
Swipe to Delete Takeout Items
Allows customers to swipe on an item to delete it from their cart.
Swipe to Delete Dine-in Items
Allows customers to swipe on an item to delete it from their cart.
Item Details Page Appear Effect
Allows you to choose the animation effect for how the item details page appears when an item is selected.
| Slide Left | Slide Up |
 |
 |
Custom Notice (Dine-in)
Enable Customer Notice
Allows you to show a custom message to customers when they start ordering for dine-in.
Delete