Overview


The online store is where customers (who are using the online ordering feature) will place their orders. 


To read about online ordering, please refer to What is online ordering (QR Code) about?






Step 1: Choose Your Online Menu Layout


1.1 Select a Theme


1. In the Online section, tap on the Theme drop down list.



2. Select:


(a) QR Code Plus(Grid View) to present your online menu as a grid.
(b) QR Code Plus(List View) to present your online menu as a list.






1. Header Preview — Allows you to view the changes you've made to the logo and the text next to it.


2. Edit Logo — Tapping on this button will redirect you to Receipt Configuration, where you can change the logo and text of your receipt.


3. Text beside the Logo — You can change the name of your online store in this text box.


The location of Logo and Text beside the Logo on the online store





Step 2: Configure Settings (QR Code Plus)


2.1 Basic Setup


2.1.1 Social Login (Facebook, Google, Pineapple)



1. Disable — Customers will not need to log in before making an order through the online store


2. Enable — Customers must log into any one of the 3 accounts accepted in order to use the online store.


3. Optional — Customers can choose whether they want to login or not before placing an order through the online store.


Customers can tap on Skip Login to skip the login process


Note:

1) If a customer ticks the following option (highlighted with a red box) and logs in with either Facebook or Google, a Pineapple account will be created automatically for the user.2) Once the account is created, the customer will receive an email from FoodZaps informing them of their account creation, along with their Card No (user ID) and Pin No (password).3) Customers can then login using Pineapple using their own Card No and Pin No.



2.1.2 Managing Unavailable Items


The options below are used to determine how unavailable items and orders containing these items are handled:


1. How to show item that is Out Of Stock/Disable?



With Crispy Calamari disabled, the table below explains what each option does along with their examples:


(a) Don't Publish
Hides the item from the online store.

As shown on the right, Crispy Calamari no longer appears on the online store.
(b) Publish and show as No Stock
Show the item on the online store, but Cart will be replaced with Out of Stock.

As shown on the right, Crispy Calamari still appears on the online store, but customers are not able to add it to their cart
(c) Publish and show as Available
Display the item on the online store like every other item.

As shown on the right, customers can still add Crispy Calamari to their Cart.


2. How to manage order that is Out Of Stock/Disable?



Since customers will still be able to order unavailable items if Publish and show as Available is selected for the previous option, the following options will be used to determine how the order should be managed:


(d) Reject the whole order if one item is out of stock — The entire order will be rejected.


(e) Only reject item that is out of stock — Aside from the unavailable item, the rest of the order will be carried out.


(f) Don't check — The entire order will be processed as usual.



2.1.3 Enable web animated scrolling


When customers tap on a category on the Side Menu, toggling:


Yes will cause the online store to scroll smoothly to that category.
No will cause the online store to jump directly to that category.



2.1.4 Checkout Option


Show Enter Remarks at Checkout — This option allows you to choose whether customers can add an extra note regarding their order.



Show Take Away Option at Checkout — This option allows you to choose whether customers can make their online order into a takeaway order.



Remarks and Takeaway Option are hidden
Remarks and Takeaway Option are shown



2.1.5 Other Settings


Multi-Language — This option allows you to choose whether customers can change the language of the online store.



1. English — The online store will be displayed in English only.


2. English | 中文 — mers will be given the option of selecting a language (English or Chinese) upon loading the online store, which can be changed later.


3. 中文 | English — Sas 2, but the default language upon loading the online store will be Chinese instead of English.



A. Call for Waiter — This option allows you to decide whether customers can call for a waiter through the online store.


B. Call for Bill — This option allows you to decide whether customers can call for their bill using the online store.

If any of these options are enabled, customers can access them from the top right corner of the online store.


Location of Settings on the Online Store




2.2 Advanced Settings


2.2.1 Type of Menu to Publish



This setting allows you to pick which menu(s) should be published onto the Online Store:


A. Regular Menu — Publish all items in the EMenu.


B. Promotion Only — Publish items that have been grouped under promotions only.


C. All (Regular & Promotion) — Publish both the EMenu and items under promotion.



2.2.2 Other Settings



1. How to show the price name? — This option allows you to change how prices are shown on the online store. See the table below for a better idea of what each option does:


(a) Hide the price


(i) Prices of regular menu items are hidden

(ii) Prices of items on promotion are hidden


(b) Discounted price and discount percentage:


(i) Prices of regular menu items are shown


The original price of $3.00 is shown


(ii) Prices of items on promotion are shown alongside their discount percentage

The discounted price of $2.70 is shown alongside the discount percentage of 10%


(c) Discounted price and strikeout original price


(i) Prices of regular menu items are shown


The original price of $3.00 is shown


(ii) Prices of items on promotion are shown alongside their original prices as strikethrough text

The discounted price of $2.70 is shown alongside the original price of $3.00


(d) Discounted price only


(i) Prices of regular menu items are shown


The original price of $3.00 is shown

(ii) Only the discounted prices of items on promotion are shown

The discounted price of $2.70 is shown


(e) Price name


(i) Only the price name of regular menu items are shown

The price name is shown
(ii) Only the price name of items on promotion are shown

The price name is shown


2. Show the description of item — This option allows you to show or hide item descriptions on the online store.


3. Show the modifier of the item — This option allows you to show or hide modifiers on the online store. If Yes is toggled, customers will be able to select premade modifiers; If No is toggled, customers will have to manually enter the modifier for an item.


Description and Modifier are hiddenDescription and Modifier are shown


4. Category Navigation Bar (Mobile View Only)



This option allows you to change how the online store's Navigation Bar behaves on smartphones.


(a) Selecting Side Navigation Bar will make the navigation bar constantly visible on the left side of the screen.(b) Selecting Auto Hide Navigation Bar will add an extra button to the side navigation bar, which is used to minimize it.(c) Selecting Top Navigation Bar will make the navigation bar constantly visible at the top of the screen.



2.2.3 Operating Hours


Operating Hour(s) can be specified to prevent customers from making orders while the shop is closed.

When tapping on the text box, a time picker dialog will pop up.


Text boxes (highlighted with red box)


Time Picker Dialog


If a customer tries to make an order outside the designated Operating Hour, the following message will be displayed:





2.3 Security


2.3.1 Order Expired Time


Once a customer places an order successfully, the order will be sent to the kitchen, where it will wait for a response. However, the order can expire based on your settings (from 5 minutes up to 8 hours).



Pending State — An order will remain in Pending State as long as the kitchen does not accept the order. In that case, a pop up will inform the customer to check back later.



Finish State — Once the kitchen has accepted the order, the customer will receive an E-receipt (displayed on screen).




2.3.2 QR Code Expired Time


Based on your settings, QR Codes can expire even if an order made through it hasn't been closed/paid for yet. This security measure has been put in place to prevent misuse by customers. A QR Code's lifespan can be set from 5 minutes up to 4 weeks.




2.3.3 Verification Code


Depending on the option selected for Verification Code, you may have to manually accept a customer's online order on the KDS (Kitchen Display Station) dashboard.


KDS Dashboard


Fixed — This option requires you to set your own verification code, which will be hidden in the QR code. Once the verification code has been changed, the previous QR code will become invalid.



Auto Generated — With this option, the . Once the order associated with this code has been paid for/closed, the QR code will be disabled automatically.verification code will be generated automatically.






Step 3: Publish Your Online Menu


Once you are satisfied with the settings, tap on Publish at the bottom of the screen.


After your Online Menu has been successfully created, you will be redirected to the Online Store.





3.1 Set Meals that Require a Minimum Quantity


The online store now supports adding a minimum quantity requirement to set meals. This is to prevent customers from confirming their orders without selecting the additional items that come with their meals. As a result, there will be no need for your staff to waste time correcting the customer's mistake.


Follow the steps below to add this requirement to your set meals:


1. Select the set meal from Edit EMenu



2. Tap on PRICE



3. Scroll down to List of Price, then tap on Set Meal/Set Item under the price group of the set meal



4. When the Set Meal/Item dialog appears, tap on Set Meal



5. A new dialog will appear, scroll down to look for the item category that should be added to the set meal


The Add-on Salad items will be added to the Breakfast Set


6. First, tap on the "+" icon of Max Disable to set the maximum quantity


For this example, we will customers to add as much salad to their set meal as they want


7. Next, tap on the "+" icon of Min Disable to set the minimum quantity


For this example, customers must add at least ONE salad to their set meal


8. Repeat Steps 6 and 7 for any other item if you want


In this example, customers must add at least ONE salad and drink to their set 

meal, but can continue adding more if they wish to


9. Once you're done, tap on OK



10. Back at the set meal's PRICE section, the changes you've made will be reflected under Set Meal/Item 

    If you're satisfied with the changes, tap on Save & Exit



11. The set meal will now show the amount of optional items needed in order to proceed with the order







Step 4: Print QR Codes with a Tag


1. In the Website/QR Code section, tap on Print via Receipt Printer.



2. A Print Table QR Code dialog box will pop up.


    

    Enter the Table No which you would like to print a QR code for.


    Multiple Table No can be entered by separating them with a comma (,).


    Please note that a maximum of 10 Table No can be entered at a time.


3. Once you're done entering the Table No, tap on Print. The receipt printer will print out the QR Code.





To Top