Overview

The Food Ordering feature is a simple way for delis/restaurants to start taking orders through a mobile app. This article provides a sample Food Ordering feature viewed from a user's perspective.

Introduction

The Food Ordering feature provides a wealth of functionalities. The most commonly used are the options for the user to check:

user's account page
past orders
locations
menu
shopping cart
checkout details

Description

See below for details on features from the user's perspective.

Account Page

Users can click the button at the top right of the feature to view the new Account page. Users can manage their favorite addresses and view their past orders here.

Past Orders

On the Food Ordering landing page, users can view their last ten (10) orders:

They can remove one by swiping left across that order.
They can re-order the same things (depending on availability, time, etc.) by clicking a previous order then selecting Reorder.

Location Selection

Users can view all available locations in List View or Map View. The Open and Closed dialogs are displayed based on that specific location's operating hours. If you allow orders to be placed days in advance, users will be able to select a location even when it is currently closed.

Leaving Location Prompt

Once a location and time have been selected, and an item has been added to the cart, the user will receive a prompt if they try to click the back arrow to select a different location. This prompt warns them that their cart will be erased.

List/Grid View

Menu Categories can be viewed in List or Grid view. Each category includes a title, image, and the number of items within that category.

Time and Availability

Time zones are ignored. The user is assumed to be in the same time zone as the business.
Menu items can be location-specific. You can pick one, multiple, or all locations when adding items.
Menu items can have specific available times (think Breakfast Menu).
GPS coordinates are required for each location.
You can Enable/Disable Order Types.
Dine-in is for same-day only.
Takeout and Delivery can be offered anywhere from same-day to six (6) days in advance.

Shopping Cart

The redesigned shopping cart offers a much better UI, with logic enhancements and new capabilities that make ordering easy as pie (and sometimes ordering pie is easy as pie).

Cart Animation

When items are added to the shopping cart, the cart icon will slide to the side to display the cart's current item count and order total.

Item Quantity

Users can pick a quantity between 1-5. If they want to order more than 5, they can click the More button, which opens a dialog box for the user to input a larger number.

Shopping Cart Page

The item quantity can be adjusted here. When the user sets an item quantity to zero (0), a prompt will ask them if they wish to remove the item from their cart.
Tip (if enabled) percentage can be selected. Tapping the tip percentage a second time will deselect it.
There is a summary of the order type and selected time.
Cash and Cards can be accepted (depending on your back-end settings):
- Cash
  The user enters the necessary information and checks out.
- Cards
  - The user enters the necessary information. The app will then navigate to the specified payment gateway for checkout.
  - If enabled through Braintree, the purchase through the PayPal button is also available.
  - The card information is entered, and additional validation (if required by the business) is supplied.
    
    Note: Card details cannot be saved.

Checkout Details

The user will see slight differences on the checkout page depending on which order option they have selected (Dine-in, Takeout, or Delivery). We have also updated the back-end orders page to make it a bit more search-friendly.

Dine-in and Takeout

With both options, users can toggle on Email Receipt. When enabled, an email address is required.

Delivery

Please Check the Food Ordering Delivery Contact Fields KB article.

Articles in this section

Food Ordering Feature From A User's Perspective