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.
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.
Online Ordering
Allow user to place order with remarks
Allows customers to add additional remarks when they add a enu tem to their order.
Show item details for single item
Prompts the item details and allows the customer to add the item to their cart. When disabled, selecting a single item with no modifiers will add it to the cart automatically.
Note: This setting can’t be used if the “Allow user to place order with remarks” setting is enabled .
Show item details for combo option
Prompts the item details and allows the customer to add the item to their cart. When disabled, selecting a combo item with no modifiers will add it to the cart automatically.
Note: This setting can’t be used if the “Allow user to place order with remarks” setting is enabled .
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 the quantity of their desired item.
Show Item Price for Free Takeout Items
Displays the item price of free takeout items (0 value). When disabled, the “0” price is hidden.
Show Item Price for Free Dine-in Items
Displays the item price of free dine-in items (0 value). When disabled, the “0” price is hidden.
Display Price In Shop Items
Shows "Priced in Shop" items on the Branded Online Store.
Display Price by Barcode (Weight) Items
Shows “Priced by 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 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.
| When enabled | When disabled |
 |
 |
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.
| When enabled | When disabled |
 |
 |
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.
User App Online Logic Type
Allows you to automatically suspend online ordering after a set period.
Choose from the following:
- Server Logic: When selected, online ordering will be suspended once the system detects that the primary POS or eBiz has been offline for 5 minutes.
- Forever online: When selected, online ordering is always operating.
- Time: When selected, online ordering will be suspended when the system detects that the primary POS or eBiz has been offline for the duration that you set in the Minute field.
Order Summary
Hide Zero Amount Non Sales Item
Removes non-sales items 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.
Menu 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 (0 value). When disabled, the “0” price is hidden.
Show Item Price for Free Takeout Items
Displays the item price for free takeout items (0 value). When disabled, the “0” price is hidden.
Display Price In Shop Items
Shows "Priced in Shop" items on the Branded Online Store.
Display Price by Barcode (Weight) Items
Shows “Priced by weight” items on the Branded Online Store.
Display Price by Barcode (Amount) Items
Shows “Priced by 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
Prompts the item details and allows the customer to add the item to their cart. When disabled, selecting a single item with no modifiers will add it to the cart automatically.
Note: This setting can’t be used if the “Allow user to place order with remarks” setting is enabled .
Show item details for combo option
Prompts the item details and allows the customer to add the item to their cart. When disabled, selecting a single item with no modifiers will add it to the cart automatically.
Note: This setting can’t be used if the “Allow user to place order with remarks” setting is enabled .
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" and “Compact 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 the quantity of their desired item.
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.
| When enabled | When disabled |
|
|
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.
| When enabled | When disabled |
|
|
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 items with zero amount from the receipt.
DeleteSuspension Mechanism
Online Ordering Suspension Mechanism
Allows you to automatically suspend online ordering after a set period.
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:
Landing Page
Show Landing Page
Displays your restaurant’s Branded Online Store landing page.
Branded Web Landing Page Style
Sets how service buttons (Pickup, Delivery, Reservation, and more) appear on your Branded Online Store website.
-
Simplified: The home page interface features a streamlined and intuitive design, primarily adhering to your restaurant’s default settings.
-
FlexiLayout: The home page interface is more expandable with customizable service option buttons and a media section for posting images and YouTube videos.
Service Options (For FlexiLayout page style only)
Sets the service types that can be selected on your Branded Online Store website’s home page. This only applies if “FlexiLayout” is selected as the Branded Web Landing Page Style.
To configure your Service Options preferences, follow the steps below:
- Click on the Service Options drop-down list and select which of your restaurant’s supported service types you’d like to be available on your Branded Online Store.
- Once all applicable service options have been selected, click on Go to Layout Design Editor.
- Modify the service option buttons’ appearance on your website. You can customize the following:
- Placement: Drag the service option you’d like to move to your desired placement within the box.
- Size and shape: Hover your mouse over the button you’d like to resize. Click and hold on Resize
and drag it within the editor until you reach your preferred dimensions.
Important: When resizing or changing the dimensions of buttons, ensure that the bottom spacing is even to avoid errors.
- Image: Hover your mouse cursor to the bottom of the option’s box frame until an icon appears. Then, click on Upload
.
- To remove an image, hover your mouse cursor to the bottom of the option’s box frame until an icon appears. Then, click on Delete
.
- To remove an image, hover your mouse cursor to the bottom of the option’s box frame until an icon appears. Then, click on Delete
- Placement: Drag the service option you’d like to move to your desired placement within the box.
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.
DeleteCover Image for Mobile
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
Media Section
You can include a media section in your Branded Online Store homepage to showcase your restaurant’s menu items, special offers, promotional videos, and more.
Important: The Media Section on your Branded Online Store only appears when “FlexiLayout” is selected as the Branded Web Landing Page Style.
To set up your website’s media section, follow the steps below:
- Enable Show Media Section .
- Under “Section Name and Description,” enter a name and description for the media section. The name and description will both appear on your website.
- Under “Cover Image for Mobile” or “Cover Image for Desktop,” click on the + Add New Media drop-down list and choose the media type you’d like to add.
Note: When you add multiple instances of media, they will be displayed in a media frame that your customers can browse through.-
Images: Enter a name for the image, then at the top right of the image box, click on Browse
and select an image file.
-
YouTube Video: Enter a name for the video, then enter the YouTube video ID or URL.
-
Images: Enter a name for the image, then at the top right of the image box, click on Browse
- On the “Add New Media” prompt, click on Save.
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.
Note: This is only available for the "Gallery View" Menu Item Display Style.
Combo Option Display Style
Select from the following display style options:
-
List View
-
Gallery View
Note: This is only available for the "Gallery View" Menu Item Display Style.
Show Large Image for Recommended Item
Displays recommended items in a larger format than items that are not tagged as recommended.
To set an item as recommended, refer to the Single Item, Combo Item, and Catering Item creation articles.
Note: This is only available for the "Gallery View" Menu Item Display Style.
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.
Exclude Language
Allows you to control which languages are available on your website. Disabling a language prevents customers from accessing your website in that language.
By default, all supported languages are available on the Branded Online Store. However, you can configure this setting to customize the supported languages on your website.
Mobile
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