Waiter App

Introduction πŸ‘‹

CHEF Waiter App is a Module available for our product Chef QR Menu. This module is a PWA Application and will behave like a native application once you choose to add it to the home screen.
This Module is designed with the Waiters of a restaurant in mind, Allowing them to take orders from guests with minimal steps possible. The app is designed in a minimalistic way to reduce the time it takes for a person to learn to use the app.

Requirements πŸ”’

Installation πŸͺ„

Make sure you have the version 8.2.0 of Chef QR Menu before trying to install this application.
  1. 1.
    First, Download this module from Envato.
  2. 2.
    Open the Admin Panel Of Chef QR Menu and navigate to the Premium Modules Section.
  3. 3.
    Click on the upload container and upload the downloaded file from step 1.
  4. 4.
    Once installation is complete, You will see a new entry added to the modules table, Click on settings button inside the table to set-up your Module.

Configuration βœ’οΈ

To enable notifications for the Waiter App, You must have a Firebase account with cloud notifications enabled.

1. Create Your First Waiter !

A Waiter account is required to access the Waiter App.
To create a waiter app :
  • Access the store panel, Click on the newly created "Waiters" icon on the navbar.
  • Click on the Add Waiter button on the top right corner of your browser.
  • Fill in the credentials and press submit.
You have now successfully created a Waiter Account.
Now Navigate to www.example.com/waiter to start,

2. Setup Notifications πŸ””

After installing this module, The Waiters can now directly receive notifications whenever a customer clicks on the call waiter button or when a food is ready to be served in the kitchen.
The Waiter will receive a popup if they are actively using the app or will receive normal SMS styled notification if the App is not active.
  • Open the Waiter settings from the admin panel.
  • Create a New Project.
  • Once the project is ready click on the web icon in the dashboard section, You can find it near the text "Get Started By Adding Firebase to Your App".
  • Register a new app.
  • On the next screen you will see a "Use <script> tag" checkbox. Click on it.
  • It will now provide you with a configuration code. Copy the content beginning with apiKey= "..."; till the function end. As shown in the picture below.
  • Copy this code into the "Firebase Project Configuration Script" Text Area in our Waiter Settings Panel.
  • Now click on the gear icon near near "Project Overview" pane, and access the project settings.
  • Click on the Cloud Messaging tab and select Generate Key Pair under Web Push Certificates.
  • Copy the generated code into the VAPID Key Section in our Waiter Settings Panel.
  • Copy the code from Server Key and Paste it into the Text Area "Firebase Cloud Management Key" in our Waiter Settings Panel
  • Click On Save and You're Done.
Now try pressing the call waiter button to send a notification to all the registered Waiters.

Usage

To open the waiter application open www.example.com/waiter/
Replace example.com with your domain like www.mystore.com/waiter/

Login Page

This will be the first Page that you will access, Here enter the login details of your Waiter Account to access the index page.
This Page will not be disabled for you again unless you logout or the session expires to enable faster access to the Application.

How To Place An Order

Click on a table, Select the products and addons if available. Enter Customer Details and Place Order. This order will then be available in the admin panel.
Once the order is accepted in the admin panel, the waiter will have access to two options :
  • Serve
  • Complete Order
If a table is shown in red, The list of incomplete orders in the table will be shown

Waiter Calls

Waiter Calls from the Store App will be shown in the calls section of the Waiter App.
You may accept the waiter call and proceed to take orders from the table.
A popup will be shown if you are using the application or a notification will be sent.

Notifications πŸ“£

You will only receive notifications outside the application if you configure and enable Firebase.
If you do not have firebase setup, you may view notifications in the notification panel inside the application.
Currently two types of notifications are available :
  1. 1.
    When an user submits a waiter call
  2. 2.
    When the food is set as "Ready to Serve" in the admin panel.

Video Walkthrough πŸ“Ί

Copy link
On this page
Introduction πŸ‘‹
Requirements πŸ”’
Installation πŸͺ„
Configuration βœ’οΈ
Usage
How To Place An Order
Waiter Calls
Notifications πŸ“£
Video Walkthrough πŸ“Ί