1. WooCommerce Restaurant Ordering
  2. Setting Up Your Restaurant Ordering System

WooCommerce Restaurant Ordering Plugin Settings Page

The WooCommerce Restaurant Ordering plugin settings page (WooCommerce → Settings → Restaurant) lets you set the default options for all your restaurant order forms, as well as adding restaurant information and opening times. You can override these for each individual order form - for example, if you wish to show different information about the foods from each category.

License key

Enter your license key here. This is essential for the plugin to work.

Where to display the food order forms

Restaurant order page

Select which page you wish to use as your main restaurant ordering page (if required).

When you install the plugin, it automatically creates a page called 'Restaurant Ordering' and selects it here. You can select a different page if required (it's fine to delete the 'Restaurant Ordering' page if you don't need it).

The plugin will add the shortcode [restaurant_ordering] to whichever page is selected here. It lists the foods from all your categories using the default settings. You can customize these settings below.

If you want the main Shop page which is part of WooCommerce to display your food order form (instead of the standard product layout), then you should select this as the restaurant order page.

Categories

By default, this will list all your product categories from Products → Categories. Add and remove categories to control which categories are included on the main restaurant order page.

Use drag and drop to change the order in which your categories are listed.

If you enable the food order form layout on category pages (below), or use a shortcode, then this option is not used.

Category pages

Tick this box if you would like to display food order forms on your WooCommerce product category pages/archives. This means that the food order form layout will replace the standard layout from your theme.

Order form options

Order form

Select which information you wish to display in your food order forms:

  • Show menu navigation bar - Displays the categories as tabs above the food order form so that customers can click to jump to a specific category.
  • Show category names - Displays the category name (added under Products → Categories) as a H2 heading above the list of foods from that category, e.g. 'Starters'.
  • Show category descriptions - Displays the category description (added under Products → Categories) above the list of foods from that category. This option is ignored for any categories that don't have a description.
  • Show product images - Displays the main product image for each food. This always appears as a square thumbnail, so we recommend uploading images that are suitable for this format.
  • Show product descriptions - Displays a description for each product. It uses either the short description according to the following rules:
    • If the product has a short description then this will be shown (even if the product also has a main description).
    • If the product has a main description but no short description, then the main description will be shown.
    • Tip: You can display the main description in the lightbox. If you want to show different information about each product in the order form and lightbox, then you should use the order form for the information that you want to display in the order form; and use the main description for the lightbox.

Layout

WooCommerce Restaurant Ordering can list your foods in a 1-column, 2-column or 2-column tiled layout. Select the number of columns here.

The number of columns only affects the main content area of your restaurant ordering pages. You can also add a sidebar to the page, if required (for example, containing a cart widget).

Sort products by

Choose how to order the products in each category. The options are:

  • WooCommerce default (this is manual if you set the order for each product by adding a number into the 'Order' field, otherwise the products are listed alphabetically by name)
  • Name
  • Price
  • Popularity
  • Date

Image position

If you are showing product images in the order form, choose whether to position them to the left or right of each food product.

Image size

You can change the size of your images by entering the number of pixels. The images are square, so this will set the width and height of the image to this value.

Learn more about image sizes in WooCommerce Restaurant Ordering

Product description

Choose between two options:

  • Limit the description length (the default) - The length of the product description in the food order form will be truncated to use the number of words that works best on different screen sizes.
  • Show full description - The full product description will appear in the food order form, and will not be shortened.

Note: This option does not affect product descriptions in the lightbox, which will always show in full.

Product lightbox

Choose what information you wish to display in the lightbox popup for each food product:

  • Show product image - Displays the main product image for each food.
  • Show product description - Displays the long product description. (Note: This is different from the product short description which can appear on the food order form. This allows you to display different information in the order form and lightbox if required, for example if you wish to add a short description to the food order form; and nutritional information in the lightbox.)
  • Show stock status - Displays the current stock status or value of the product. This will either display the general status such as 'In stock', or the exact number of items in stock - depending on your wider WooCommerce inventory settings (see WooCommerce → Settings → Inventory).

Order method

This option controls what happens when a customer clicks on the "+" buy button in the restaurant order form. There are 2 options:

  • Quick - For simple products, the product is added straight to the cart. (Variable products and products with add-ons will always open a lightbox so that the customer can choose the options.)
  • Lightbox - A lightbox will open for all product types. The customer can use the lightbox to view more information about the product, choose options and quantities, and add to the cart.

Buy button

Choose how customers will add products to the cart:

  • Order by clicking a buy button (+) - A plus button will appear for each product, providing a visual way to show customers how to add it to the cart.
  • Order by clicking anywhere in the product box - Customers can click anywhere in the box for each product in order to add it to the cart.

Cart confirmation

Enable this option if you want to show a success message after products are added to the cart. We only recommend disabling this if you have added something else to your site which achieves the same result.

For example, if you are using the WooCommerce Fast Cart plugin to display a popup cart when customers add products then it's fine to disable the cart confirmation in WooCommerce Restaurant Ordering.

Restaurant details

The following options allow you to add information which appears above the food order form on the Restaurant Order page. To prevent duplication, this information will not appear on category pages.

  • Restaurant name - The name of the restaurant. This will only appear in the restaurant details lightbox which people can view by clicking the 'More' link above the food order form.
  • Restaurant address - The location of the restaurant. This appears above the food order form and in the lightbox.
  • Delivery/collection info - Add some brief information to summarize the delivery and collection options, for example "Delivery in 20 minutes, or pickup in 15". This space is designed for displaying a small amount of information, and if you add a lot then customers will have to scroll down further to view your products. If you want to add more in-depth information then we recommend adding this elsewhere - for example to a sidebar widget or a separate Delivery page. This appears above the food order form and in the lightbox.

Please note that WooCommerce Restaurant Ordering only lets you add the details for one restaurant. If you are creating an ordering system for multiple restaurants on a single website then we recommend adding the information for each restaurant directly on the page for that restaurant.

Opening hours

The opening hours feature allows you to control when customers can place an order. Outside of your opening hours, the food order forms will still appear on your website but ordering will be disabled.

Enable

Tick this box to enable the opening hours feature and display the fields for adding your opening times.

Add your opening and closing times for each day. If you don't add times for a particular day then the restaurant will be closed for the entire day.

Use the 'Add more hours' button to add the times for two sessions per day (e.g. lunch and dinner).

Open message

Add some text here if you would like to display any text above the food order form when the restaurant is open. For example, "The restaurant is now open and closes at {close_time}". The {close_time} merge tag automatically displays the time when the restaurant will next close.

Close message

Add some text here if you would like to display any text above the food order form when the restaurant is closed. For example, "The restaurant is now closed and opens again at {open_time}". The {open_time} merge tag automatically displays the day and time when the restaurant will next open.

Creating food order forms

Once you’ve chosen your default settings, it’s time to start creating food order forms.

Create a food order form

Related Articles

If searching the knowledge base hasn't answered your question, please contact support.