Food Ordering Feature

Our new food ordering feature has been reworked from the ground up! It's now written in native code for iOS and Android (with apps published September 2015 later) and rewritten in HTML5 with some great upgrades. With a cleaner and more intuitive design, this release brings more features and control to your ordering system than ever before.

Updating Your App

When you toggle on the new HTML5 version or republish your app for the native version, you'll need to do some back-end work:
  • Add category images.
  • Set the opening times for each location.
  • Select how many days in advance orders are accepted.
  • Create a Braintree account if you wish to accept credit card or Paypal payments.
  • Make Delivery Fee and Convenience Fee taxable if desired.
  • Choose a Free Delivery amount (min. order total for free delivery) if desired.

To the New HTML5 Version

If your app is using the older HTML5 version (and is running a pre-September 2015 source code), you can easily turn on the new HTML5 Food Ordering feature by toggling this option on. At any time, you can roll back to the old version by toggling off (but this won't be the case in the future). Keep in mind, content changes will be made to both the new and old versions, so be careful when editing! Once you toggle the new version on, your live app will begin using the new HTML5 version. This means the favorite addresses and past orders featuresare not included.

To the New Native Version

When you update your app to the Cherry source or later, it will begin using the native Food Ordering feature, which includes all the awesome new benefits.
 

Description

 

The Food Ordering feature is a simple and effective way for restaurants to start taking orders through their mobile app. With delivery & takeout options, payment through the app, and a customizable menu with add-ons and pricing options, you have full control.

 

Available on:

  • iOS
  • Android
  • HTML5

Great for these industries:

  • Restaurants

Monetization ideas:

  • Increase daily customers by adding an easy-to-use food ordering tool that makes delivery, take out, and dining in extremely convenient. 

Related features:

 

Setup

Navigate to Edit > Build to begin the setup process, then follow the steps below.

 

 

1. Click ADD FEATURE.

 

2. Choose the Food Ordering feature from the menu, then click SELECT.

 

3. Name your feature, then click ADD. Your new feature will now appear in the left-side menu.

 

4. Click on the feature to expand its menu. From the left-side menu you can:

  • use the checkbox to delete the feature.
  • click and drag the arrow icon to rearrange.
  • edit the feature icon by clicking it, then selecting a new image from the fly-up menu.
  • toggle on/off the feature.
  • jump to a specific section (i.e. Content or Custom Design) to adjust the feature settings.


Content

Here you can rename the feature, add restaurant information, update payment options, and customize the menu.

 

1. Under Screen Info, change your Screen/Feature Name or leave as-is. This is the name that will appear in the app's feature menu (e.g. "Menu" as opposed to "Food Ordering").

 

2. Under Ordering Services, click Locations, then ADD LOCATION. Repeat this process for each Location.

  • Address Section 1 & Address Section 2 : Use these fields to name your location whatever you'd like. They'll serve as the top & bottom lines of the location name.
  • Website: Enter the URL for the restaurant’s website. This must start with the "http://” prefix. If the client or business doesn’t have an official website, a Yelp or Facebook page will work just as well.
  • Email: Input a valid email address for this restaurant. When users click the one-touch Email button, this email address will auto-populate in the To field.
  • Telephone: Input a valid phone number for this restaurant. When users click the one-touch Call button, this is the phone number it will dial.
  • Opening Times: Click ADD OPENING TIMES to select the restaurant's operating hours. When you're done, click the green checkmark.
    • Input Day: Specify the day of the week or your preferred text (e.g. "Monday," "Mon - Fri," "Weekdays," etc.).
    • Open From: Specify the opening time (e.g. "9 am" or "Noon").
    • Open To: Specify the closing time (e.g. "5 pm" or "Sunset").
  • Address: Search for the address in the “Enter a query” field or enter the coordinates in theLatitude/Longitude fields below. When you use the coordinates option, Google Maps will pull the nearest address.
  • Distance Type: Specify whether distance should appear in Kilometers or Miles.
  • Click ADD to add the location to the feature. 


3. Click Service to select the order types your business accepts and how many days in advance you accept them. Under the Service section you can select the order types your business accepts and how many days in advance you accept them.

  • Dine In: Specify if users can preorder food to be eaten in the restaurant. This is only available for same-day service.
  • Take Out: Specify if the order is available for pick-up. This is available anywhere from same-day to 6 days in advance.
  • Delivery:  Specify if the order is available for delivery. This is available anywhere from same-day to 6 days in advance.
  • Delivery Address Validation: Disabling this will also disable Delivery Radius.
  • Delivery Radius: Specify how far away a user can be to place an order. 
  • Delivery Minimum: The monetary value that will be added to delivery orders. This can be set as taxable or not.
  • Delivery Price Fee: The monetary value added to your delivery to cover the cost of delivery.
  • Free Delivery Amount: The minimum order total for free delivery. When this total is met, the delivery fee will automatically disappear. (Enter 0 to always charge the Delivery Fee.)
  • Lead Time: The average amount of time it takes for an order to be prepared. This gives users a more accurate estimate and avoids rush orders. The Lead Time calculation works as follows (example uses 15-min. Lead Time):
    • Opening time of 10 AM = first available "ready" time of 10:15 AM.
    • If user chooses "ASAP," the system will take the current time and round up to the nearest 5 minutes, then add the Lead Time:
  • Current time is 11:12 > rounds to 11:15 = first available "ready" time of 11:30.
 
Note:  This buffer gives the user a more accurate "ready" time by allotting a few. .extra minutes for them to actually place the order through the app.
  • Convenience Fee: Fee charged, toggle on if you would like to make this fee taxable. 
 
 

4. Click Payment to enable a cash option and set up Braintree.

  • If you would like to set up Braintree, see here for more info.
  • Toggle on and off Cash and Tipping capability. 
  • Click ADD NEW TAX AMOUNT to set a tax rate.

Note: You can Enable/Disable a built-in tip feature (10%, 15% & 20% are the only options) that lets your users automatically add a tip amount to their order. Just toggle the Tips feature on. 

5. Click Menu, then ADD NEW CATEGORY to start building the menu

  • Choose a Category name (for example "Entrees" or "Salads").
  • Choose an image from our library or add your own in Your Images.
  • Click ADD to save the category.

6. Under menu, select ADD NEW ITEM. 

  • Select Details to edit item details. 
  • Select Customize to add pricing for sizes and add-ons
    • Item sizes: Set different prices for small vs. large meals
    • Item options: Add additional items (for example, "extra cheese").
  • Select Availability to edit the items availability based on locations and time of day. 
  • Click ADD. 

 

 

7. Click Emails to add an admin email address and customize the Confirmation email.







8. Click Extras to connect a Google Cloud printer and preview the Web Widget. 

9. Click SAVE at the top right when you're done.
 

Custom Design

If you'd like create a custom design for this feature instead of using the Global Design, you'll do so here. Skip over this section if not. See here for more info.

 

Feature Details

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

Account Page

Users can click the button at the top right of the tab to view the new Account page. Users can manage their favorite addresses and view their past orders here. More features to come in the future!

Past Orders

On the Food Ordering landing page, users can view their last 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. Open and Closed dialogs will display 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's 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 & 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 will be required for each location.
  • You can Enable/Disable Order Types.
  • Dine-in is for same-day only.
  • Takeout & Delivery can be offered anywhere from same-day to 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 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 from 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

  • Item quantity can be adjusted here. When the user sets an item quantity to zero, 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 Card can be accepted (depending on your back-end settings):
    • Cash: User enters the necessary information and checks out.
    • Card:
      • User enters necessary information. The app will then navigate to the Braintree checkout window.
      • If enabled through Braintree, the purchase through PayPal button is also available.
      • The card information is entered and additional validation (if required by business) is supplied.

Checkout Details

The user will see slight differences on the checkout page depending on which order option they've selected (Dine in, Takeout, or Delivery). We've 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

All fields are required.
  • The Address field uses a map search that requires a valid delivery address. This is necessary for the app to determine whether or not the address is within the dictated delivery radius.
  • The Address page stores user's favorite addresses. The user can give each location a nickname, and these nicknames appear on the cart page so they can quickly select their desired delivery location.
 

Reworked Review Orders page
 

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Activity

Some features, such as the Loyalty, QR Coupon, and GPS Coupon features, track user activity...

Comments

Many features have commenting capabilities that allow your users to engage with you and each...

Custom Design Area

The Custom Design section appears within the Build step of the app dashboard under each feature....

Food Ordering Confirmation Email

Many Features include the Confirmation Email section, allowing you to customize what is sent to...

Which Features Work on iOS, Android and HTML5?

Below is a breakdown of all the features on our platform. The checkmarks indicate which platforms...

Powered by WHMCompleteSolution