Tutorial: Create a WooCommerce Restaurant Ordering System to Order Food Online

By Last Updated: December 18, 2019 127

If you run a food delivery or takeaway service, you’ll know just how important it is to have an online restaurant ordering system. Fortunately, anyone can set one up using a WordPress food delivery plugin and WooCommerce.

A number of third-party services, such as Just Eat, have sprung up to offer restaurants the ability to give patrons this option. But these often take a substantial commission, and don’t offer significant ease-of-use advantages over just doing it yourself.

While it might seem daunting, setting up your own bespoke online restaurant ordering system using the WooCommerce platform (with a WordPress food delivery plugin) is actually a really simple process. It will take just a few hours of your time, is straightforward to manage, and in the long run will save you a lot of money.

If you’re looking for a low-cost Just Eat alternative without the fees, this tutorial will teach how you to create an online food ordering system with a simple WordPress food delivery plugin – with no technical expertise.

WooCommerce restaurant ordering website WordPress

I’ll show you how to use WooCommerce and WooCommerce Product Table plugins to create a one-page restaurant ordering system for online food deliveries.

This post will first show you how to install and setup WooCommerce – the world’s top e-commerce platform, powering over 41% of online stores – on your WordPress site.

You’ll learn how to use this powerful system to develop product categories, attributes, variations, and so on to fully recreate your restaurant’s menu online.

Next, we’ll cover how to setup the WooCommerce Product Table plugin to create an easy-to-use, one-page ordering form for your customers to browse, pick, and customize their orders.

Finally, I’ll also show you how to add additional features, such as tipping, quick view, mobile ordering, and the ability to take orders if your business is part of a wider chain.

Sound good? Let’s get started!

VISIT PLUGIN DEMO

WooCommerce Product Table
Create your WooCommerce Restaurant Ordering System today!

Video tutorial – WooCommerce restaurant website

In this video tutorial, you can watch me create an online food ordering system for a pizza restaurant. Build yours alongside me, or read the written instructions below.

First, we’ll see whether it’s really worth creating a WooCommerce restaurant ordering system as an alternative to Just Eat, with your WordPress food delivery plugin.

Are WordPress & WooCommerce cheaper restaurant ordering systems than Just Eat?

Just Eat is by far the market leader in online restaurant ordering systems. By listing your restaurant on Just Eat, you have access to a huge market of potential online food delivery customers.

It’s not ideal for everyone. Just Eat takes a big cut of the revenue from your online restaurant orders – 14% at the time of writing. Whilst Just Eat has a massive user base, it also has a large number of businesses competing for custom, so it could be easy for your restaurant to get lost in among all the others.

Restaurants wanting a cheaper, bespoke alternative to Just Eat can benefit from a WordPress WooCommerce food ordering system (/WordPress food delivery plugin).

Not only do you not have to worry about the problems of affiliating to a third-party platform, but having a dedicated website will make your business appear more “professional”, and having an ordering system on the site will encourage more customers to spend more time on your site, building loyalty.

You can set up your Woo restaurant ordering system with no technical expertise, and almost no cost.

What will my restaurant ordering system cost?

There are financial advantages to getting a WordPress site for your restaurant. For example, almost all of the costs are fixed one-off, upfront fees. As a result, rather than losing a percentage of every sale, the benefit improves with every customer you gain. You can therefore start saving money almost immediately.

These are costs of building the website described in this tutorial
  • WordPress content management system – free of charge.
  • WooCommerce plugin – free of charge.
  • WooCommerce Product Table plugin.
  • WordPress theme – free of charge (you could buy a premium WooCommerce theme for ~$65 but this tutorial will show you how to add online ordering to your restaurant website using a free theme).
  • Ongoing web hosting – web hosting comes at all different price points to suit any size business. We offer premium WordPress hosting which is ideal for an e-commerce website with online restaurant ordering system.
  • Payment processor fees – if you take payment online (which isn’t essential) then your payment processor will take a percentage of the fees. In this tutorial, you’ll learn how to take payment via PayPal, as this is the most popular for online food ordering and easiest to set up. PayPal’s fees are a few percent – much cheaper than Just Eat’s 14%. If your system receives a lot of restaurant orders online then you can save more money by using a different payment provider. For example, Stripe is good and has lower fees, although it’s a little more complicated to set up.

As you can see, setting up a WooCommerce product table to process online food orders yourself can be far cheaper than using a third-party platform such as Just Eat.

Not convinced? Let me show you how simple it is to set up your restaurant ordering system using this method.

Before you start

This tutorial assumes that you already have a WordPress website for your restaurant. If you don’t already have a WordPress site, there are loads of online resources to help you get started with WordPress.

Since this tutorial is aimed at non-coders, I recommend using a WooCommerce-ready theme for the design of your website. The screenshots in this article were all created using Storefront. This is a high quality, free WP theme from the makers of WooCommerce.

If you don’t like the design of Storefront, you can install one of its many child themes. There are even themes specially designed for restaurants with online food ordering systems, such as their Deli and Bistro themes.

Alternatively, buy a WooCommerce-ready theme in the WooCommerce section of ThemeForest. There’s a lot to choose from – this link will take you straight to a list of WooCommerce-ready themes, sorted by popularity.

Now, let’s get into the setup instructions, and then we’ll see some real-world case studies of restaurants which have followed this tutorial to create their own WooCommerce restaurant ordering system, using examples from our existing customers.

DIY WordPress food delivery plugin, or managed restaurant website?

Below, I’m going to tell you how to create a WooCommerce restaurant ordering website using a simple WordPress food delivery plugin. This is a great option and you don’t need any technical know-how. If you’d rather have someone else set up the website for you using a WordPress food delivery plugin, just forward this tutorial to your WordPress developer.

If you’d prefer to build your own WooCommerce restaurant order system, keep reading and I’ll show you how.

Creating your WooCommerce restaurant ordering system

Once you’ve got a WP website with a WooCommerce-ready theme installed, you can carry on with this tutorial. Either follow it from start to finish, or jump straight to a specific section:

  1. Setting up WooCommerce
  2. Creating a one-page order form for your online restaurant ordering system
  3. Adding quick view
  4. Encouraging customers to leave a tip
  5. Mobile ordering for restaurants
  6. Managing orders

Or if you want to create a ‘build your own product’ system – for example so that customers can design their own pizzas or burritos, then check out our other tutorial.

Online food delivery system integrated with kitchen

1. Setting up WooCommerce

WooCommerce is the world’s leading e-commerce platform, powering over 34% of all online shops worldwide. This will be the heart of your online restaurant food ordering system and basis for installing your WordPress food delivery plugin, providing e-commerce features such as the shopping cart, checkout and online payments.

However, we won’t be using Woo to display the foods on your menu. You’ll need WooCommerce Product Table for that, which we’ll cover later in this tutorial. However, WooCommerce will form the core of your restaurant ordering system, and is the platform on which the rest of the system will run.

1a. How to install WooCommerce

Here are the steps you need to follow in order to install WooCommerce on your WordPress site:

  1. Log into the WordPress admin for your website.
  2. Go to Plugins → Add New.
  3. Search for ‘WooCommerce’, and install and activate the plugin.
  4. A button will appear towards the top of the WordPress admin prompting you to enter the WooCommerce setup wizard. Go through the wizard and enter your currency, shipping, tax details etc. Tell the wizard to create the basic pages needed for WooCommerce such as Shop, Cart and Checkout. (If the wizard doesn’t offer sophisticated enough shipping options for your online restaurant ordering system, you can finish setting this up in section 1f, below.)
  5. In the payment options section of the setup wizard, choose ‘PayPal Payments Standard’ and enter your PayPal email address. This is the quickest way to get started and you can always set up other payment options later. If you don’t want to take online payments, select ‘Cash on delivery’ and your restaurant delivery drivers can take payment instead.

1b. Create product categories for the sections on your restaurant menu

Online restaurant ordering WooCommerce categoriesMost restaurant menus are divided into sections: Starters, Main Courses, Desserts, Kids Menu, Drinks, and so on. You need to create a separate WooCommerce product category for each section of your restaurant menu:

  1. Look at how your food delivery menu is structured and write a list of categories.
  2. In the WordPress admin, go to Products → Categories.
  3. In the ‘Add New Product Category’ section on the left, create a category for each section on your menu. You need to add the Name and Slug and can ignore the other fields.
  4. Click the blue ‘Add New Product Category’ button.

The WooCommerce product categories you’ve just created for your menu will appear in a list on the right hand side of the page.

1c. Add each dish or meal as a WooCommerce product

Next, add each food from your restaurant menu as a WooCommerce product.

In the WordPress admin, go to Products → Add New. Add the information highlighted in the screenshot below:

  1. Title – The name of the dish to appear in the online restaurant ordering system.
  2. Long Description (optional) – A longer description. This can appear on your WooCommerce order form, or people can click through to read it.
  3. Product Data – Choose your product type from the dropdown list. If your restaurant only offers 1 version of the dish then choose ‘Simple Product’ and add the price. If you offer choices (e.g. Small, Medium and Large), choose ‘Variable Product’ and add the remaining information in steps 1d and 1e, below.
  4. Product Short Description (optional) – Add a short description to display extra information about the meal. For example, if you’re using quick view then you can show this in a lightbox to list ingredients, allergy information and so on. Or if you prefer, you can include it on your one-page restaurant order form.
  5. Product Categories – Tick the menu category that the food should appear in. (WooCommerce lets you select multiple categories but most online restaurant ordering systems would have 1 category for each food, just like a printed menu.)
  6. Product Image – Click ‘Add Featured Image’ and upload a picture of the food. Restaurant food photography is a skill and it’s worth getting this done professionally as it will make a huge difference to your online sales. If your online restaurant order form will have small images then you should keep the file sizes small.
  7. Publish – Click the blue ‘Publish’ button.
WooCommerce restaurant ordering system

1d. Add product attributes for your foods, if required

Lots of online restaurant ordering systems include extra information about each food. For example you may wish to mark certain dishes as healthy, vegetarian, vegan or gluten free.

There are 2 easy ways to do this – tags or product attributes. Think carefully about which one is most appropriate for the information about your foods.

Food tags

Online food ordering system for restaurant

Tags can be displayed as a single column in your online restaurant order form. They should be used for repeatable information that applies to more than one product on your restaurant menu.

For example if a food has 3 tags – ‘Healthy’, ‘Vegetarian’ and ‘Gluten Free’ – then the ‘Tags’ column (which you can call whatever you like) will list Healthy, Vegetarian and Gluten Free. If you like, customers can click on a tag to view all foods with that tag.

To add tags to your foods, simply type them into the ‘Product Tags’ box on the right of the Add Product screen in WooCommerce. If you want customers to be able to filter by tag, click ‘Choose from the most used Product tags’ instead of typing an existing tag, as otherwise they will be listed as separate tags. For example, you might have already entered ‘gluten free’ for a different item on your menu. If so, next time you add a gluten free dish, you should select the existing tab instead of creating a new one.

Product attributes

Product attributes can be displayed as separate columns in your online restaurant ordering system. Use them to record data that is needed for most of your foods, for example calorie count. Product attributes can be displayed as static data about a food (e.g. ‘1,098 calories’), or they can be used as variations that customers can choose (e.g. Small/Medium/Large).

  1. Go to the Product Data section on the Add Product page and click the ‘Product Attributes’ tab.
  2. Click the grey ‘Add’ button next to ‘Custom product attribute’.
  3. Add the name of the attribute group. For example if you’re adding size options for the food dishes, call it ‘Size’.
  4. In the Value(s) box, list all the attributes separated by |.
  5. If you’re having an individual page for each food, ticking ‘Visible on the product page’ will display the attribute on that page as well as the main restaurant order form.
  6. To allow customers to select an attribute (e.g. choose the food size) then tick ‘Used for variations’. To make this work, you also need to follow the instructions in section 1g, below.
  7. Repeat steps 2-6 for any further attribute groups you wish to add.
  8. Click ‘Save attributes’.
WooCommerce restaurant ordering system

1e. Add product variations or add-ons to create options for each food for your WordPress food delivery plugin

If you only offer 1 version of each dish, you can ignore this section. If you want to give customers a choice – for example to choose their Size or pizza toppings – then you need product variations or add-ons.

Variable products are built into WooCommerce. You can list each type of variation as a dropdown list alongside each product in your online restaurant ordering system. Customers can select 1 variation from each list.

If you want customers to be able to make multiple selections, then you need add-ons instead. You can add more flexible options with the official WooCommerce Product Add-Ons plugin. It works perfectly with the Product Table plugin we’re using for the food order system. You can use it to add checkboxes, radio buttons, multi-select dropdowns, text input fields where the customer can type a special message, and more. For example, a WooCommerce pizza restaurant will need Product Add-Ons so that customers can order as many extra toppings as they like.

Next, I’ll show you how to add both types of extra product option. You can use them separately or together in your WooCommerce restaurant ordering system.

WooCommerce pizza restaurant order system with extra toppings

Too many variations to fit on the WooCommerce restaurant order form? Don’t worry, I’ll show you a fantastic alternative in a minute. 

How to add product variations

  1. Select ‘Variable product’ in the Product Data section of the Add Product page.
  2. Make sure you have already added all your product attributes and have ticked ‘Used for variations’ (see section 1d, above).
  3. Go to the ‘Variations’ tab.
  4. Either select ‘Create variations from all attributes’ from the dropdown, or add each variation individually and click ‘Go’.
  5. Click the little triangle arrow that appears when you hover over a variation and add the variation price and any other information.
  6. Finally, click ‘Save changes’.
Add Variation WooCommerce restaurant ordering system

How to create Product Add-Ons

  1. Buy, install and activate the WooCommerce Product Add-Ons plugin.
  2. In the ‘Product Data’ section for each product, you’ll see a new ‘Add-Ons’ tab.
  3. Use the plugin documentation to create your add-ons.
  4. When you create the restaurant food order form later in this tutorial, the add-ons will automatically appear in the add to cart column of your product tables.

1f. Online food delivery collection, shipping options & delivery time slots

WooCommerce offers lots of shipping options. Most restaurants have a flat shipping cost per order for their online food ordering systems. This means that you would charge the same shipping cost regardless of the amount ordered. You may have different shipping costs for different delivery zones. You might offer free shipping for certain post code areas and bill for shipping for other zip codes.

Set up your shipping costs in the WooCommerce → Settings → Shipping section of the WordPress admin. There are lots of options, and you can create shipping zones to charge different rates to different areas. This is covered nicely in the official WooCommerce documentation so I recommend that you read the section on shipping to add your restaurant delivery postage costs.

Use the Local Pickup option to provide a free option for customers to collect their food takeout order rather than having it delivered.

Delivery time slots

Some restaurants like to deliver their online orders as soon as they’re ready. Others let customers order in advance and choose a specific time slot. As a restaurant, you might want to take up to 5 online food orders in each half hour period, and make sure they order at least 15 minutes in advance of their time slot.

The very popular and well-supported WooCommerce Delivery Slots plugin lets customers choose a delivery date and time slot. It comes with all the features you’re likely to need to manage your system. For example, there’s an option to restrict the number of bookings within each time slot. You can also set how long customers must place their orders before their time slot.

If there’s a maximum number of orders that you can accept per day, consider adding the Order Delivery Date plugin. This tutorial tells you how to limit the number of orders or deliveries per day in WooCommerce – perfect for restaurant ordering.

Local collection

You can also use the ‘Local Pickup‘ shipping option so that customers can collect their order from your restaurant. A lot of takeaway restaurants offer this option, usually for no extra cost. Local collection can be used on its own, or alongside other shipping options.

1g. Set the area your restaurant can deliver food to

Nearly all online restaurant ordering systems have a predefined range of postcodes or zip codes they will deliver to. There are several ways to restrict your food delivery area in WooCommerce:

WooCommerce shipping zones

It’s possible to set a specific delivery area in WooCommerce without adding any extra plugins. You can do this using the shipping zones option in WooCommerce → Settings → Shipping.

Simply create a shipping zone for your WooCommerce restaurant delivery area. (Create more than one zone if you charge different delivery costs to different zip codes.)

For each shipping zone, select the postcode or zip code areas that it applies to. Add one or more shipping methods for each shipping zone that you deliver to.

At the bottom of the list, there will be a ‘Rest of the world’ shipping zone. Make sure there are no available shipping methods for this zone. WC will accept orders from people in your main shipping zones, and will prevent anyone else from placing an order.

Don’t make customers wait until the checkout!

To make your online restaurant ordering system more user-friendly, I recommend adding details of your delivery area elsewhere on your site. This handy WordPress plugin will prevent people from the wrong area from ordering. However it’s best to tell them upfront to avoid disappointment. Here are some ideas on how you can do this:

  • Add a ‘Delivery Area’ page with a link in the main navigation menu of your restaurant website.
  • If your website has a sidebar (right or left hand column), add a prominent widget listing your restaurant’s delivery postcodes. Or even better, add a custom Google map showing your online food delivery area.

Woo Delivery Area Pro plugin

Woo Delivery Area Pro pluginFor a more fully featured way to restrict shipping zones, try the Woo Delivery Area Pro plugin. This lets you define shipping areas for your WooCommerce restaurant ordering system, adds postcode checkers for your customers, and more.

This is a relatively new plugin and doesn’t have that many reviews yet. However, it’s well presented and is definitely worth trying. If you try it, please add a comment below to help other people who use this tutorial.

1h. Configure your email notifications

WooCommerce will email you (the administrator) and the customer whenever an online order is received. Go to WooCommerce → Settings → Emails and configure these emails as needed.

1i. Configure how you accept payments

With your WooCommerce restaurant ordering system, you have two main options for how you accept payments:

  1. You can accept online payments through WooCommerce using a variety of payment gateways, including PayPal, Stripe, Amazon Payments, etc.
  2. You can skip online payments and use your “normal” in-person payment system, whether that’s cash, credit, or both.

To edit the payment methods for your restaurant ordering system, go to WooCommerce -> Settings -> Payments. This will list all of your installed payment methods. If you don’t see the payment gateway that you want to use, you can browse all of the supported payment gateways at the WooCommerce extension directory.

WooCommerce payments

If you want to accept online credit card payments directly on your website, two good options are:

  1. PayPal
  2. Stripe

The money from orders that process online would end up in your PayPal or Stripe account, respectively.

On the other hand, if you don’t want to bring online payments into the mix, you should choose the Cash on delivery option. With this gateway enabled, customers will be able to submit their food orders online without paying. Then, you can collect payment from them in-person, either when you deliver their food or they pick up their order.

2. Create a one-page order form for your online restaurant ordering system

By now you’ve set up WooCommerce, divided your e-commerce online shop into the sections on your restaurant menu and added your dishes. Next, it’s time to display your foods on a single web page so that customers can choose their dishes and order online.

We’ll do this using the powerful WooCommerce Product Table plugin. WooCommerce provides its own layouts but they’re not really suitable for an online food ordering system. WooCommerce Product Table lists your products in a one-page form which is perfect for restaurant ordering within your WordPress food delivery plugin.

Your customers can search, sort and filter the list to find the foods they want. They can choose variations or add-on options, select the quantity and add foods to their cart directly from the order form page. When they’ve finished adding foods to the cart, they can click through to the cart and check out. The customer can then enter their details, pay online and place the order.

2a. Install WooCommerce Product Table

  1. Buy WooCommerce Product Table plugin from here.
  2. From the order confirmation page, download the plugin files and copy your license key.
  3. In the WordPress admin, go to Plugins → Add New → Upload.
  4. Upload the zip file for WooCommerce Product Table and activate the plugin.
  5. Go to WooCommerce → Settings → Products  Product tables and enter your license key. Here, you can also choose the default settings for your restaurant ordering system.

2b. Create a page for your restaurant food ordering system

  1. Create a new page for your website (Pages → Add New). This will be the one-page order form where customers can choose foods and add them to their shopping cart.
  2. Add any introductory text that you want to display above or below the order form.
  3. You can then add various subheadings to the page. Create a subheading for each section of your restaurant menu. (You need a subheading for each of the Product Categories you created in step 1b earlier.) For example you might add subheadings for Starters, Main Courses, Desserts and so on.

2c. Add product tables to the page

Under each subheading, you need to add a product table displaying foods from the relevant category. To do this, add the following shortcode to an empty line after the subheading.

[product_table category="<category-id>"]

Instead of <category-id>, add the actual ID for the category that you created in step 1b. To find this, go to the Products → Product Categories page and hover over the ‘View’ link for the category. Look for the ID in the URL for the category page. (See video tutorial for more advice on this.)

Publish and view the page. You will see that WooCommerce Product Table has added an online restaurant order form listing the foods in the appropriate category.

The list of foods probably won’t be quite how you want it yet. The next few steps will help you to configure the product table into a fully functional online restaurant ordering system for your foods.

2d. Configure your restaurant order form

The WooCommerce Product Table plugin has plenty of options that let you get it working exactly as you like. These are fully described in the plugin documentation so you should spend some time getting it right.

To get you started, try out these shortcodes which use typical options for a restaurant online food menu. (Tip: If you already selected any of these options as defaults on the plugin settings page in 2a, above, then you don’t need to add them to the shortcode in your WordPress food delivery plugin.)

If you’re using tags: [product_table columns="image,title,description,tags,price,add-to-cart" show_quantity="true" links="tags" sort_by="title" description_length="-1" filters="true"]

To display attributes (replace att:size with att: followed by the actual slug for the attribute): [product_table columns="image,title,description,att:size,price,add-to-cart" show_quantity="true" links=tags" sort_by="title" description_length="-1" filters="true"]

If you’re using variations: [product_table columns="image,title,description,price,add-to-cart" show_quantity="true" variations="true""links="tags"sort_by="title" description_length="-1" filters="true"]

More shortcode options

These shortcodes may not suit you perfectly. Here are links to some of the other options that are most relevant for an online restaurant ordering system and your WordPress food delivery plugin:

  • Columns List the exact columns that you want to include in the table. A restaurant ordering system is likely to need name, description, tags, image, stock, price, add-to-cart and attributes. List the columns in the order that you want them to appear in the table – e.g. image first. If you’re using attributes, scroll down a bit for specific instructions on how to display product attributes as columns in the table. Make sure you include the add-to-cart button – otherwise your customers won’t actually be able to place their orders! The documentation tells you how to rename the column headers if you want to.
  • Filter widgets Use filters to make it easy for customers to find the meals they like. Choose between filters dropdowns above each table, and/or WooCommerce filter widgets in a left or right sidebar.
  • Sort by By default, foods are listed in reverse date order based on when you added them to the website. This option allows you customise how your products are sorted. You’ll probably want to sort alphabetically or by price instead. Maybe you’d rather sort by popularity or rating – it’s up to you. You can also choose the sort order (A-Z vs. Z-A, high-to-low vs. low-to-high, etc).
  • Show Quantity Set this to “true” to let customers select the quantity of each item before adding to the cart. This will add a quantity selector next to the ‘Add to Cart’ button. Otherwise they’ll only be able to add dishes to their cart one at a time.
  • Variations Set this to “true” to let customers select product variations before adding to the cart. You’ll need this if you want customers to choose between different options for a food (e.g. small, medium or large), unless you’re using Product Add-Ons instead.

Other options you might want to use

  • Description Length By default, the Long Description field will only display the first 15 words. Set this to -1 to show the full text of the description. (I recommend doing this if you’re not letting customers click through to a separate page for each product.)
  • Image Size You can set the size of the food images on the restaurant online order form. (Only applies if you’ve included an ‘image’ column.)
  • Links Use this to disable the link to the single product page for each meal.
  • Multi-add-to-cart checkboxes Instead of the standard add to cart buttons, you can add a tick box beside each food. This lets customers add multiple products to the WooCommerce cart.

2e. List the foods from your other menu categories

When you’re happy with the list of foods in your first restaurant menu category, you can add all the others. To do this, simply copy the shortcode from your first category and paste it after each of the other subheadings on the page. Replace the category slug (e.g. category=”main-courses”) with the slug for each category to make it show the correct foods for each section of the menu.

Online restaurant order form

2f. Optional – divide your restaurant menu into tabs

So far, we’ve looked at creating a WooCommerce restaurant ordering system with a vertical layout. The various sections from your menu are presented on top of one another, and customers can scroll down to order their foods.

If you prefer, you can create a tabbed structure for your restaurant order form. Each section of the menu can be added to a different tab, creating a more horizontal layout. Customers can read the tab headings and click on the sections they want. Check out our takeaway ordering demo where you can see this in action.

WooCommerce restaurant order form plugin

To create a tabbed layout for your WooCommerce food ordering system:

  1. Add tabs to the page using the tab layout provided in your theme (if there is one). If your theme doesn’t come with tabs, then we recommend using the free Shortcodes Ultimate plugin.
  2. Add a product table to each tab. Each table should list the products from the relevant section of the menu.
WooCommerce restaurant quick view plugin

So far, you’ve learned how to create a WooCommerce restaurant order form with an add to cart column. Any meal variations or add-ons are listed directly within the order form.

That’s great if you just have a few options for each food. But what if you have too many options to fit neatly into a one-page food order form?

That’s where product quick view comes in. The WooCommerce Quick View Pro plugin is designed to add extra ‘Quick View’ links to the restaurant order form. Instead of making customers buy foods directly from the order form, they click on a button to view the purchase options in a quick view lightbox popup. It’s much more user-friendly than having customers visit a separate page for each food they wish to buy. They simply click the quick view button for each item, choose their options, and immediately return to the order form where they can continue adding foods to the cart.

You can choose what information to display in the food product quick view. For example, you can show extra images of each food, and choose whether to include things like the category and short description. You can also customize the text in the quick view buttons, e.g. to ‘Build Meal’ or ‘Customize’.

WooCommerce Quick View
Make your restaurant order form even easier for customers to use.

4. Encourage customers to leave a tip

WooCommerce restaurant tip plugin

Upselling is key to the success of any WooCommerce store, including WooCommerce food ordering systems. It’s all about increasing the average customer order value so that each customer spends more. This is a much more cost-effective marketing strategy than attracting new customers. It’s an ideal way to increase revenue for your restaurant.

Use the Name Your Price WordPress plugin to create a ‘Tip’ product that encourages customers to add a tip to their order. Include this on your restaurant order form page:

  1. Install and activate the Name Your Price plugin.
  2. Add a new ‘Tip’ product. In the ‘Data’ section, tick the ‘Name Your Price’ box and choose a suggested price. Also choose the wording that you want to appear in the box (e.g. “Add a tip”). For example, you might want to add a Suggested Price which customers can change.

To upsell even more effectively, you can also promote the Tip product directly on the checkout page. To do this, go to the ‘Pages’ section in the WordPress admin and click on the Checkout page. Above the [woocommerce-cart] shortcode (which makes the checkout appear), add some prominent text saying something like “Want to leave a tip?” Link this text to the Tip product you just created.

Hopefully, customers will click on these links and add a tip to their order!

Notes:

  • Most restaurant customers add a tip of 10-15% of the total order value, depending on your country. The Name Your Price plugin only supports a fixed suggested order amount, and customers can choose to accept or override this. I recommend setting the suggested amount as 10-15% of your average order value. This will help you to get bigger tips.
  • The Name Your Price plugin only works with the add to cart button style in WooCommerce Product Table and not the checkboxes. To use the two plugins together, you will need to choose the cart button style on the WooCommerce Product Table settings page.

5. Add restaurant opening times

Lots of restaurants are only open during specific hours, so you don’t want to receive orders at other times.

You can achieve this by adding another WooCommerce plugin such as WooCommerce Opening Hours & Chosen Times. Once you’ve set up the restaurant opening hours plugin,  message will appear at the top of the cart and checkout if they try to order outside of your opening hours. This tells customers that the order will not be fulfilled until your restaurant is open.

WooCommerce restaurant opening hours, WordPress food delivery plugin

6. Offer meal deals, such as buy-one-get-one-free (BOGOF)

Lots of WooCommerce restaurant websites provide special offers and meal deals. These are a fantastic incentive to encourage customers to buy more.

Use the official WooCommerce Dynamic Pricing plugin create a huge range of restaurant deals. For example, you can create buy one get one free (BOGOF) meal deals, or buy one pizza and get 50% off your second one. These deals can be global or specific to a category, so you can offer deals on pizzas or sandwiches while keeping the side dishes and desserts full price, and so on.

7. Mobile ordering for restaurants

WooCommerce doesn’t come with a mobile app for customers to order via their smartphones. At least, I’m not aware of any good ones. (Leave a comment below if you find one!)

However most WordPress themes are fully responsive, which means they’re mobile-friendly and look great on any device. This means that your customers can view your foods and order from your restaurant online using their device of choice – no need to worry about setting up a separate mobile version!

Managing orders in your WooCommerce food ordering system

There are many ways to manage the online food orders that your restaurant receives in WooCommerce:

  • When you receive an order, you will receive an email notification from WooCommerce. Your kitchen staff can monitor this email address so that they’re notified as soon as an order arrives.
  • If you have a busy restaurant with many online orders, you can keep the WordPress admin open on your screen during your restaurant opening hours. Train your staff to refresh the WooCommerce → Orders page regularly so they can take action as soon as a food delivery order is received.
  • The official WooCommerce iOS mobile app lets you view and manage your restaurant orders from any Apple iPhone or iPad. It’s often much more convenient for restaurant owners and staff to use mobiles or tablets than a desktop computer.
  • You can integrate your WooCommerce food ordering system with a GPRS printer. This will automatically print new online restaurant orders as soon as they’re received. You can do this using a WordPress plugin such as WooCommerce Print Orders or WooCommerce Automatic Order Printing.
  • Use the YITH WooCommerce Desktop Notifications plugin to automatically play a sound alert on your desktop computer, laptop or tablet whenever you receive a new order.
  • If you’d rather receive a text when you receive a new order from your WooCommerce restaurant website, try the SMS Notification for WooCommerce plugin.
  • WooCommerce can be integrated with many external systems. If you’re using a specific system for manage your restaurant orders, look up how this can be integrated with WooCommerce.

Think creatively and you’ll be surprised how easy it is to integrate your WooCommerce food ordering system with your existing kitchen processes.

An example of how the backend process could work

To make those methods a little more concrete, let’s look at a hands-on example of how the backend processes might work on your restaurant ordering system with just WooCommerce’s built-in features and the official WooCommerce app.

Let’s say you use a computer as your main POS at your restaurant and you also have a dedicated smartphone for your staff to take orders over the phone.

First, you can leave the WooCommerce dashboard open on your computer. When a new order comes in, it will show up in the dashboard right away:

New food order in WooCommerce dashboard

You could also create a dedicated email address for online orders and leave that open in your browser. WooCommerce will send an order confirmation email right away (if you use Gmail or G Suite, you’ll see this new email popup in the browser tab):

restaurant order confirmation email

Finally, you could also set up the official WooCommerce app so that you get a push notification as soon as a new order is placed:

Mobile device push notification for new food order

Your staff can then pull up that order information via the computer or on the smartphone app.

WooCommerce Product Table
Create your WooCommerce Restaurant Ordering System today!

Take online orders for restaurant chains

So far, we’ve talked about creating a WooCommerce restaurant ordering system for a single location with a simple WordPress food delivery plugin. With a couple of tweaks, you can extend this to take orders for multiple restaurants or whole restaurant chains. There are 2 ways to achieve this:

Method 1 – WordPress multisite, with a separate site for each restaurant

You may want to keep your restaurants really separate, with unique content for each one (e.g. a different homepage, about page and contact us). If so, you can use WordPress multisite to create a separate sub-site for each restaurant in the chain. This is better than having completely separate websites because you get the best of both worlds: a single WordPress food delivery plugin installation with shared hosting and maintenance costs; with unique content for each restaurant.

WooCommerce and WooCommerce Product Table can be active on each site. However, each site will have its own set of products, avoiding any crossover.

WPBeginner have an excellent tutorial on How to Install and Setup WordPress Multisite Network. This is compatible with all the steps in this tutorial.

Method 2 – Single website, with separate categories & order notifications for each restaurant

A simpler option is to take orders for each restaurant from your main WordPress website. There are two ways you can do this:

  1. Create separate product categories for each restaurant. On the online food ordering page for each restaurant, use WooCommerce Product Table to list products from the correct category/ies only.
  2. Use either the official Product Vendors add-on, or Dokan Multivendor plugin to add products from multiple vendors (treat each restaurant as a separate vendor), and then use WooCommerce Product Table to create a separate product table for each restaurant.

Next, set up the WooCommerce Advanced Notifications plugin to send order notifications to a different email address depending on which category the customer has ordered from. This lets you ensure that the new order emails are sent to the correct restaurant. Your entire WooCommerce restaurant ordering system remains on a single website.

Online Chinese takeaway ordering system

Now let’s look at some real-world case studies of restaurants which have followed this tutorial to create their own WooCommerce restaurant ordering system, with real examples from our existing customers.

Case study #1 – easy online ordering for Deliciously Clean Eats

WooCommerce restaurant website plugin case study for WordPress food delivery plugin

Deliciously Clean Eats used this tutorial to sell one-off and weekly pre-prepared meals for home delivery. They created a customer-friendly 3-step process for ordering food online:

  1. First, the customer uses the filterable table to choose lunches and meals.
  2. Next, they add sides, sweets, drinks or breakfast options.
  3. Finally, they complete their food order using the WooCommerce checkout.

Each section of the menu is displayed within a separate tab. Customers can quickly choose foods from one tab, add to the cart, and then navigate to further tabs to expand their order. All the meals are available from a single page, with variation dropdowns to choose different meal options. As well as quick add to cart buttons and checkboxes, there’s a ‘Details’ button linking to the single product page for more information about each meal.

Deliciously Clean Eats designed the website using the impressive-looking Uncode theme. This creates a light and airy look that makes you want to order their meals.

Let’s next look at a second real-world example.

Case study #2 – online tapas ordering for Helletun Catering

WooCommerce Food Catering Website

Helletun Catering have followed the steps in this tutorial to develop a WooCommerce food ordering system to sell tapas dishes in WooCommerce, creating an eye-catching website that uses our WooCommerce Product Table plugin to create a user-friendly food order form.

The website is designed using the Ronneby theme, which is a particularly stylish WordPress theme.

As you can see, the food order form integrates beautifully into the overall design of the website. There’s a separate table for each section of the menu, each with columns of essential information such as the dish name, allergens list, price, and a multi-select “add to cart” column.

Customers can quickly choose tapas dishes, select variation options (e.g. number of portions), and add to the cart in just a couple of clicks. The tables are clean and simple in style, and any unnecessary elements are hidden in order to draw attention to what’s most important: the tapas dishes themselves.

Case study #3 – Provenance Meat WooCommerce food ordering system

WordPress food delivery plugin or WooCommerce Product Table Food Order Form PluginProvenance Meat use our WooCommerce Product Table plugin to create an online food order form for their ethically sourced New Zealand lamb. Chefs and restaurant owners all over the world use the WooCommerce order form to buy lamb.

The one-page order form lists lamb products with essential information such as image, item code, type of cut, and price. Restaurant owners can select the quantity of each cut, tick all the items they require, and add to the cart in a single click. They can then progress to the WooCommerce cart and checkout.

This is a much quicker way for restaurant owners to buy supplies in bulk.

Provenance Meat have used a membership plugin to protect their food order form so that only logged in users can access it. You can achieve a similar result with our WooCommerce Private Store or WooCommerce Password Protected Categories plugins (depending on whether you want to hide your whole WooCommerce store or just parts of it).

Before I show you how you can create your own online food order system, have a look at this review:

Reduces the number of clicks for the customer.
By Web Devs
We had a special need for an ecommerce site without the 5 thousand clicks for the customer to purchase our products. We searched for quite a while until we found this one and were a little sceptical as it seemed too good to be true. So we bit the bullet and purchased it, and couldn’t be happier about the choice. Our customers now have a list of our products (food) they can quickly add to the cart, and then head to payment without having to click a product to take them to its separate page before they add to the cart. The help was also great, we had a few questions and they were answered quickly by Katie. This plugin is well worth the price.

See a WooCommerce restaurant ordering system in action

Check out our demo where you can see the online restaurant ordering system in action. Have a play with the search, sort and filter and see how you can use it on your own WP WooCommerce restaurant website.

We’ve also created a showcase where you can find more real-life examples of restaurants and food ordering websites that use WooCommerce Product Table. Filter by Industry to find examples of ‘Food Ordering’ websites.

A fully functional WooCommerce food ordering system for your restaurant, fast food or takeaway business

And there you have it! If you follow all the steps in this tutorial then you can create a complete online restaurant ordering system from scratch with a straightforward and easy to use WordPress food delivery plugin.

You’ve learned how to install and set up the WooCommerce platform to handle all of your menu’s products, as well as their attributes, variations, and so on.

You’ve also seen how you can use the WooCommerce Product Table and WooCommerce Quick View Pro plugins to list foods in an interactive order form. The list is neatly divided by category, reflecting the subdivisions of your menu: starters, mains, drinks, and so on. Customers can use the restaurant order form to sort, filter and search the list of foods. They can select variations or other extras, choose the quantity of each dish and buy straight from the one-page order form. Finally, they can place their order and pay online.

By using aWordPress food delivery plugin and WooCommerce to take your online food orders as an alternative to Just Eat or other systems, your restaurant can save many thousands of dollars or pounds. It’s easy to set up, easy to manage and will look really professional. Next up, you can use our top 10 tips to improve your WooCommerce conversion rate and get even more sales :)

I’d love to hear how you’ve used a WordPress food delivery plugin and WooCommerce for your WooCommerce food ordering system. Please leave your comments below. And if you find it useful, register as a WordPress plugins affiliate and earn 30% commission for recommending it! Happy ordering :)

WooCommerce Product Table
Create your WooCommerce Restaurant Ordering System today!

Katie Keith

An active member of the global WordPress community, Barn2 Co-Founder Katie loves collaborating with other plugin companies. Her articles have been published on high profile sites including WPTavern, Torque and IndieHackers. She oversees all plugin support and deals with 'Tier 2' support requests about how to use Barn2's plugins in advanced ways.

127 Comments

  1. Frederikke
    November 4, 2019 Reply

    One more thing..
    Is it possible for the restaurant to "accept" orders somewhere? So the restaurant can chose the time they will have the order ready?

    • EJ
      December 10, 2019 Reply

      This would be something to be implemented outside of our plugin. I suggest you approach WooCommerce support about this, as they are more likely to have info for a possible solution. I hope this makes sense and helps point you in the right direction.

  2. Frederikke
    November 4, 2019 Reply

    Hi! Great tutorial. Thank you so much. 
Is it possible to have 1 menu with lots of different options, but then at check-out the customer will chose the pick-up location? We have 2 sushi places, and only want pick-up and not delivery. But it is the exact same menu at both places.

    • EJ
      December 10, 2019 Reply

      Hi, Frederikke. I'm glad our tutorial was useful to you and sorry for the late reply. You can get in touch with us quicker via our dedicated Support Center.

      You can use WooCommerce Product Table to create your food menu from which customers will choose/place their orders from, and indicate/specify via a notice on the page(s) where you display the menu/table that it is intended only for pick-up and not delivery. We have 2 suggested methods of how you can Take online orders for restaurant chains with multiple branches/locations in the above section: Take online orders for restaurant chains.

      On the other hand, since the way that you're asking about is to be at check-out, I hope you'll understand that this would no longer be done from within our plugin and rather from the WooCommerce checkout page. For this, I suggest using the Checkout Field Editor plugin by WooCommerce, which allows you to to add, edit, and remove fields shown on your WooCommerce checkout page. Fields can be added and removed from the billing and shipping sections, as well as inserted after these sections next to the standard ‘order notes’.

      Thanks!

  3. Marc Brand
    June 28, 2019 Reply

    Hello! I was wondering if it would be possible to have 2 restaurant locations - both of them will be able to order for local pickup but only 1 of the locations will be able to deliver.

    Is that possible?

    • EJ
      July 16, 2019 Reply

      Additionally, I suggest that you create a separate category (or group of categories) for each location and put all your products in the appropriate category. You would then need to create two shipping classes (one for each location) which would each include the different shipping methods (pickup or delivery), and assign all the products to the appropriate shipping class. For more details, please see the WooCommerce Docs > Product Shipping Classes article. Thanks!

    • EJ
      July 15, 2019 Reply

      Hello, Marc. Absolutely!

      You can enable the mentioned local collection option for the 2 locations, and then Set the area your restaurant can deliver food to for only that of the one that does.

  4. brijesh kanojiya
    May 10, 2019 Reply

    which plugin i can use for multiple restaurant

    • EJ
      May 14, 2019 Reply

      In addition to the above, it would also help you make a more informed decision to go through our multi-vendor / multi-restaurant tutorial: How to use WooCommerce Product Table in a Multi Vendor Marketplace, in which you can use any of the plugins discussed.

    • EJ
      May 14, 2019 Reply

      Hello, Brijesh.

      Thanks for your comment.

      So that I may address your concern better, please can you describe your concern in more detail? E.g. When you say "multiple restaurants," do you mean you would like to display multiple product tables (one for each restaurant) on different pages on the same website? Or do you mean you would like to use a plugin to display product tables on each website of the different restaurants? In either case, I believe you would need both WooCommerce and our WooCommerce Product Table plugins.

      The only difference for you to note would be that should you wish to use our plugin on more than one website, a different one for each restaurant, then you would need either a Business License (for up to 5 sites) or an Agency License (for up to 20 sites).

      Please advise. Thank you.

  5. Sarah Garcia
    February 21, 2019 Reply

    Hi,
    first of all many thanks for sharing this tutorial, it is great!
    I was wondering if it is possible with this plugin to implement a kind of option at the checkout process that will allow clients to choose if they want their order to be received at home or if they want to take it by their self at the restaurant. So that the final price will be different if you choose one option or the other. Something like deliver method?
    Thanks in advance.

    • Katie Keith
      February 22, 2019 Reply

      Yes, WooCommerce lets you add multiple shipping options which customers can choose from. This can include home delivery and local pickup (which you can rename to anything you like).

  6. Nathalie Des Rosiers
    February 18, 2019 Reply

    hello,
    I am looking to find a system for managing the orders once they are received. We are a meal prep company, so production is once a week and so far i have found zapier to transfer order details to a good spreadsheet, but im not fully happy with it because our menu changes weekly, so the order variations are constantly changing. My goal is for 1 system to tell me client name, dishes they chose to order out of all the variations, revenue, taxes, delivery/shipping address, which would all be automated from woo commerce.
    TIA :)

  7. Basit
    February 6, 2019 Reply

    Hello Katie,

    Thank you for this awesome tutorial. We want to have two separate pages for the cuisines of two different countries. Also, we want to send an email to the customer when we accept the order. Do we have this option real time?

    • Katie Keith
      February 7, 2019 Reply

      Hi Basit, you can create 2 separate ordering pages (one for each country) and list different products on each one - for example, based on which category they are in.

      Woocommerce will automatically send an order to the customer when the order is received. If you mark the order as completed in the WordPress admin then this will send them a further 'Order Completed' order.

  8. Kate
    January 8, 2019 Reply

    Hi Katie,

    That is a great tutorial, we want to use something similar it for our drop-off catering company, But as each order is for the next day we wanted something that would split the products down into an ingredient shopping list so we can order them and also create a work order for the kitchen - are you aware of a plugin that can do that?

    • Katie Keith
      January 8, 2019 Reply

      Hi Kate, glad you found it helpful. Unfortunately I don't know of any plugins that would automatically let you create a list of ingredients based on the products purchased each day.

  9. Tom
    January 6, 2019 Reply

    Hi Katie,

    Amazing tutorial, I will give it a try. One question, do you know if it is possible to for customers to save the order history so they can do repeat orders next time?

    • Katie Keith
      January 6, 2019 Reply

      Hi Tom, you can use all the plugins mentioned in this tutorial with any WooCommerce repeat order plugin such as this one.

  10. SABINE DE VUONO
    November 21, 2018 Reply

    Hi Katie,
    after watching your tutorial I purchased the Product Table Plugin! I was so happy to follow just your instruction and be able to have my ordering table ready to go, but unfortunately, when I started to create the page code (Dessert, column price etc...) nothing appears as your instructions, it is like we have a different version of the plugin!!! Please could you help me, I'm desperate!!!

    • Katie Keith
      November 21, 2018 Reply

      Hi Sabine, it sounds like something on your site is different from the example, such as the category names and fields. We'll be happy to help you to get it working for your specific setup. Please could you send more information such as a link to the page where you're using the product table, and details of the shortcode you've used to create the table.

  11. Sweety Kumari
    November 16, 2018 Reply

    Hello Katie,

    Thanks for the great tutorial. I was trying your tutorial to create a site for a client but then I found another plugin called RestroPress(https://wordpress.org/plugins/restropress/).

    I am now a bit confused if I should use your method or that plugin. What are the pros and cons to that?

    • Katie Keith
      November 16, 2018 Reply

      Hi, I've had a look at RestroPress and it looks as if it was released very recently, and is a basic food ordering system for WordPress. If your needs are very simple and your restaurant isn't generating significant revenue then it would be worth trying, or if you're dealing with more orders or need the sophistication of a WooCommerce-based solution then WooCommerce with WooCommerce Product Table will be more flexible for you. For example, WooCommerce lets you integrate with almost any payment gateway and has various delivery add-ons suitable for restaurant ordering. WooCommerce Product Table displays foods in a more interactive way rather than a simple list, for example with filters and search box. Hope this helps!

  12. Benny McLennan
    November 5, 2018 Reply

    Is it possible to hide certain products? Like for example, if certain products would be available one week but not another week. Would there be an easy method for hiding X amount of products from the order menu (as creating a new category every time is impractical). Thanks

    • Katie Keith
      November 5, 2018 Reply

      Hi Benny, there are a few ways to do this. One option is simply to change the products to 'Draft' or 'Private' status when you want to hide them. If your WooCommerce settings are set to hide out of stock products then you can mark products as out of stock on the weeks they're not available, and they will disappear from your product tables. You can also use the exclude or exclude categories option to exclude specific products from the table - for example, perhaps you could create a category that is permanently excluded from the table and move products in and out of this category on the weeks they're not available.

  13. steve
    November 3, 2018 Reply

    Hello, Great tutorial on creating online ordering. Just one questuon about the product addons. I see the picture above. the product addons radio button is not by default select a option. If it possible to pre-select an radio option, so for most popular option customers don't need to pick one. Thank you.

    • Katie Keith
      November 5, 2018 Reply

      Glad you liked the tutorial. The Product Add-Ons plugin comes with an option to set required add-ons, but not a default selection. WooCommerce.com have provided some developer documentation on how you can do this, which you can read here.

  14. Mustafa
    October 15, 2018 Reply

    Hi
    If I have a restaurant with several branches and I want the order to appear at the branch nearest to the customer by address via notification or email, is that possible?

  15. Nico M
    October 10, 2018 Reply

    Would love too see an integration between Woo Commerce and Menugo so that I could pull my menu right in. I'm currently switching over to Woo Commerce from Wordpress in hopes to maintain more sales during the course of the day, especially to local businesses. We cater our lunch menu to business owners. https://menugo.com/u/o8P61YQw

    • Katie Keith
      October 10, 2018 Reply

      You're right, WooCommerce and Menugo seem to be completely separate systems and no one has developed an integration between them. Menugo seems to be quite a closed system and doesn't have an API, so maybe that's why no one has done it. It looks like you will have to add your foods as WooCommerce products and do it that way.

  16. John Zhu
    September 12, 2018 Reply

    Hi, thanks for this great article.

    I am wondering if you have known any real implementation of multi-restaurant online order application by using WooCommerce (product vendor extension), as you suggested in the article?

    I looked at it, seems to me there are a lot of gaps, but that could be due to my lack of experience/expertise of WooCommerce and the extension.

    Thanks

    John

    • Katie Keith
      September 12, 2018 Reply

      Hi John, unfortunately I don't know the addresses of anyone using the Product Table/Product Vendor combination although we have helped several customers with it. I can tell you about other restaurants using the system (e.g. there are some in our plugin showcase) outlined in this tutorial, but not restaurants using the Product Vendor extension.

      Quite a few of our customers use WooCommerce Product Table to take orders for multiple restaurants without Product Vendors, simply by creating a separate category (or multiple categories) for each restaurant and listing their foods on a different page. You can then send the order confirmation for each restaurant to different a email address using the Advanced Notifications extension.

      You might also like our separate tutorial about how to use WooCommerce Product Table with various multi-vendor plugins.

  17. Jack Funkhauser
    September 1, 2018 Reply

    Great Article,

    Wondering if you know any way we can have multiple choice of delivery dates per product (not just per order).
    We sell many products and require the customer to choose what time they prefer delivery for each product they are purchasing.
    We will be using your table plugin to list the products, then require the customer to be able to choose the time in the same page.

    • Katie Keith
      September 1, 2018 Reply

      Hi Jack, I haven't seen any plugins that let you choose a separate delivery date per product. However, you could achieve this using the Product Add-Ons plugin, which integrates with WooCommerce Product Table. This adds extra options to each individual product, not the order as a whole. You would need to create a delivery date add-on where customers can select their required date (e.g. from a dropdown).

  18. ipad self Ordering System
    August 30, 2018 Reply

    Thanks for the article

  19. Steve
    August 29, 2018 Reply

    hello katie,
    I would like to know if you table pulgin support quick view plugin like Quick View WooCommerce or Woocommerce Quick view. Like a link on the table, click it and a pop up shows up. Thank you.

    • Katie Keith
      August 29, 2018 Reply

      Hi Steve, we are planning to add a Quickview/popup feature to the plugin in the next couple of months. I will add your details to our feature request list so that we can notify you when it becomes available. I will also email you a suggested workaround that you can use in the meantime.

  20. Ella Lauren
    August 22, 2018 Reply

    You have provided a very informative tutorial. I liked it. You have mentioned details very well. through this customer can book the table and they don't need to wait for having food.

  21. steve
    August 5, 2018 Reply

    how does it display on mobile phone. on the sample website, it shows name and image only. you have to click the + for more info to be display. I only need name, price and add to cart. can all 3 show at the same time on mobile phone. instead a + sign to display more info. Thank you.

    • Katie Keith
      August 5, 2018 Reply

      Hi Steve, if the screen size is too small to fit all the columns then some of them will automatically be hidden in the child row underneath. There are lots of options that you can use to change how this works, which you can read about in our knowledge base article on responsive options.

  22. pranay
    July 18, 2018 Reply

    Hi Katie,
    Thank you for sharing details .. currently, I have a website with WordPress, As my business grows in future I will have to go for my own code and database implementation and deploy it into my own servers. am I allowed to data migration to my own database? please let me know.

    • Katie Keith
      July 18, 2018 Reply

      Hi Pranay, the method described in this tutorial uses the self-hosted version of WordPress (wordpress.org). This means that you can host the website on your own servers and will have full control over the MySQL database.

  23. Steve
    July 6, 2018 Reply

    Hi Katie,
    I like your article and interesting in your plug in. Just couple more questions. I have a restaurant and lunch time is from 11am to 3 pm. I don't want customers to order lunch outside this time frame. Is there any way to hide or restrict either the lunch products or category automatically so customers can order only between 11am to 3pm daily. I can do it manually in backend to disable/unpublished the lunch menu but want to have a way to do it automatically. another question is about the shipping to different local area. right now I am using gloria food ordering that I can select from google map where I want to delivery and set different delivery charge and different minimum order amount. By using table rate shipping I can setup different minimum order amount and different delivery charges to different zip code I choose. but some zip code cover a big area. I only want to delivery part of the zip code area.
    another plug in I use WooCommerce Shipping Distance Matrix, I can setup delivery rate by distance but cannot set a minimum order required for delivery. Also try the minimum order requirement coding to function. php. It works globally, affecting the pick up option as well. Anyway, What I want is to set different distance or area with different delivery rate and minimum requirements. not by zip code. if It can't be achieved. at least a minimum requirement for all area and ONLY the delivery option. so I can use WooCommerce Shipping Distance Matrix. Thank you in advance. I look forward to purchase your plug in if my questions can be solve.

    • Katie Keith
      July 6, 2018 Reply

      Hi Steve, Simba Hosting have a WooCommerce Opening Hours & Chosen Times plugin that lets you specify opening/delivery times per category, so you could use this to restrict your lunch category automatically.

      Our WooCommerce Product Table plugin simply lists products in a restaurant-friendly layout and doesn't make any changes to the cart/checking/shipping. This means that you can use it with any WooCommerce shipping plugin, including ones that automatically calculate shipping based on distance rather than postcode. It's worth reaching out to the author of the Distance Matrix plugin to ask if this can be enabled per shipping option so that it doesn't affect local pickup (which doesn't make any sense anyway, so they should improve their plugin to fix this). If that's not possible, then you might need to do some custom development for this part of your project.

  24. Xbox Customer Support
    July 2, 2018 Reply

    it's nice technology but the restaurants sometimes not delivering quality foods that is the most problem people are facing while doing online food ordering.

  25. winalan
    May 14, 2018 Reply

    Hi Katie,

    How about each restaurant open and close time if I'm using Dokan.

    • Nayem
      May 16, 2018 Reply

      Hello Winalan,

      Currently, Dokan does not have store-opening/closing time functionality. But you will be happy to know that this feature is on the way and very soon, it will be available in Dokan plugin. Each vendor would be able to insert their opening/closing time and this status would be visible on the store page :)

      Thanks!

      • Katie Keith
        May 16, 2018 Reply

        Thanks Nayem, that will be a good solution for anyone creating a restaurant ordering system with Dokan instead of using the Opening Hours plugin mentioned in this article. For more advice on creating a WooCommerce restaurant site where each restaurant is set up as a separate vendor, please see our guide to using WooCommerce Product Table with multi-vendor plugins.

    • Katie Keith
      May 14, 2018 Reply

      Hi, I'm not sure how the Opening Hours plugin mentioned in this tutorial works with Dokan - you would need to reach out to either Dokan or Simba Hosting to ask if they have tested these plugins together. Realistically, I doubt they have tested them together so you might just need to try and see how you get on!

  26. Andrea
    April 24, 2018 Reply

    Thank you Katie :)

  27. Andrea
    April 17, 2018 Reply

    Hello Katie:

    Thank you for the amazing tutorial.

    If I want to do online orders and then do delivery and local pick up what plugins do you suggest?

    Also, if I want to print out a pick list - i.e. a consolidated list by categories e.g. 5 orders of Cake, 6 orders of main course etc. then which plugin should I use.

    Finally, how do I sort out the orders by delivery location?

    Thanks again.

    • Katie Keith
      April 18, 2018 Reply

      Hi Andrea

      You don't need any extra plugins to do online orders with delivery and local pick up, as these options are all built into WooCommerce itself.

      Regarding your other questions, I don't know any plugins that do this. If you don't want to develop this as a custom feature then the best option is probably to use the WooCommerce Customer/Order CSV Export plugin to export your orders each day, and open them in a spreadsheet where you can quickly sort by delivery location, product, etc.

  28. Ian
    March 2, 2018 Reply

    Please may I ask if the restaurant ordering system using you woocommerce product table is mobile responsive.? I tried to use the demo on my own mobile but couldn't find the shoping cart.. THe problem is likely at my end - but I would like confirmation before purchase that it is mobile ready.
    Thanks

    • Katie Keith
      March 5, 2018 Reply

      Hi Ian, thanks for your interest in WooCommerce Product Table for your restaurant ordering system. Yes, the table layout is fully responsive. When someone adds products to the cart, a View Cart link will appear in the table. Your theme might also add cart links to the header and if there's a sidebar on the page then you can add the WooCommerce Cart widget.

  29. Mark Kopelman
    February 6, 2018 Reply

    With products with more than one option (Cheese Pizza 9", 12"), how does one go about ordering one of each? It appears in your video that they would be forced to select one or the other and that they don't have the ability to select both. Is this true?

    • Katie Keith
      February 7, 2018 Reply

      Hi Mark, this is a limitation of WooCommerce variable products - you can only choose 1 option. A lot of WooCommerce pizza stores use the Product Add-Ons plugin with our Product Table plugin to add checkboxes instead of variations. You can tick as many checkboxes as you want to add different sauces, toppings etc. You can read more about how to do this here.

  30. Nd
    February 2, 2018 Reply

    I am going to give this a try! really looking forward to it! I currently use Gloriafood.com and their service is top notch even though it is a completely free to use if you don't need to take payments online!

    of course has its limitations here and there, but it is excellent for anyone looking for a quick fix!

    JustEat asking 14% in the uk! that's not too bad!
    They want 30% here in Canada!!!

  31. Dragan
    January 27, 2018 Reply

    WOW!!!God bless you for this tutorial!!!This is more than life saviour!!

  32. Ray Boller
    January 27, 2018 Reply

    Seems Wicked but I have multiple rooms available with different prices This seems to just do one price for the one room for one night and i cant seem to find how to add more rooms or different prices

    • Katie Keith
      January 27, 2018 Reply

      Hi Ray, you can offer extra price options either by using variable products, with each option as a separate variation - or by using WooCommerce Product Table with the official WooCommerce Product Add-Ons plugin, which you can read about here. Alternatively, you could use the WooCommerce Bookings extension. If you do this then it's not possible to display the calendar in the product table - you would need to list the products in a product table layout using WooCommerce Product Table, with links to the single product page where people can choose a date and book.

  33. Best Essay Help UK
    January 16, 2018 Reply

    Hi Katie,
    This is Daisy Here from Marylebone and first of all, I would like to say Thanks for delightful content. I would like to know that is there any theme which is compatible with any other multi-vendor platforms for an online restaurant?
    Thanks, Daisy Walker

    • Katie Keith
      January 16, 2018 Reply

      Hi Daisy, multi-vendor plugins should be compatible with any WooCommerce-ready theme. You can then list the products for each vendor in a restaurant order form using the WooCommerce Product Table plugin.

  34. David
    January 15, 2018 Reply

    Hello, thanks for the notes but how can I change currencies. As in from dollars to other currencies, for example, to Uganda Shillings.

  35. Dave
    December 15, 2017 Reply

    Hi Katie, and thanks for the excellent tutorial. I'm implementing a food ordering system for a large campus and your tutorial and plugin was exactly what I needed. I have a small feature I need, and I was hoping you might be able to point me in the right direction.
    This is a corporate setting, and employees are ordering from the company cafeteria. When they submit their order, they don't actually pay, as the payroll dept will deduct their purchase amounts from their payroll check every two weeks. Thus, I need to generate sales reports (preferably CSV export), by customer, showing their purchases over a set period.
    Do you know of a Woocommerce plugin/extension that will allow that, or any other way to accomplish that? I've been searching and haven't found exactly what I'm looking for. Any help is appreciated.

    Thanks,
    Dave

    • Katie Keith
      December 15, 2017 Reply

      Hi Dave, I'm glad you enjoyed the tutorial. I recommend that you contact WooCommerce.com Support with this question to see if any of their export plugins are suitable. For example, they have a WooCommerce Customer / Order CSV Export extension but it's not clear from the documentation whether you can export orders for a specific customer.

      Everything in this tutorial will work with any order/customer export plugin, as the plugins I recommend don't make any changes to the WooCommerce order process. They just affect how your foods are displayed in WooCommerce.

  36. Eainne McDonald
    December 4, 2017 Reply

    Thank you for such a fantastic article with brilliant suggestions. I have a problem with a multi-vendor site I am working on for a client that you may be able to help me with. The client requires the delivery drivers to get a notification when their assigned order is ready for pick up. This means the drivers will need their own, separate front-end login that the vendors assign orders to. Perhaps you have a suggestion for a plugin?

    • Katie Keith
      December 4, 2017 Reply

      Hi Eainne, I haven't seen any plugins that can do anything like this. I had a quick look and didn't spot anything along these lines. Your options are to either build a custom plugin that adds this extra functionality to WooCommerce orders, or integrate with a 3rd party system that can automatically import your orders from WooCommerce and do these extra tasks. I'm afraid I don't know of any systems that allocate orders to delivery drivers in this way, but it probably exists outside of WordPress.

      • Eainne McDonald
        December 4, 2017 Reply

        Thanks Katie! With your suggestions in the article, I could also suggest the driver just receives an email notification and then the order will have the printed delivery details attached upon collection. Do you suggest the Advanced Notifications plugin will work for this?

        • Katie Keith
          December 5, 2017

          Hmm, it depends on how you allocate orders to each driver. Advanced Notifications lets you send order notifications to a different email address based on product, category or shipping class - so if one of these is suitable for you then it's the right plugin, otherwise you might need to do something more bespoke (or manual).

  37. Chris Gallagher
    November 14, 2017 Reply

    Hi Katie, I am looking at hooking this up to a printer which automatically prints email orders. However, the printer also supports a "callback" function where the restaurant staff can refuse the order, or send back the expected time for collection/delivery, 20 mins, 30 mins, etc.... Can any plugin support this?

    • Katie Keith
      November 14, 2017 Reply

      Hi Chris, I haven't seen this function on any of the order printing plugins I have looked at. It's worth doing some more research to see if you find anything (let me know if you do and I will add it to this article!), otherwise you may need to develop something bespoke for this. You can still do everything else in this tutorial, but the system where staff can edit orders from outside of the WordPress admin would need to be bespoke.

  38. Ahmad
    October 23, 2017 Reply

    Hello, How can set the attributes default, as you know when I add some options, in the Front-end page shows: choose an option, but I need the first option I have be default not the "choose an option" ?
    Thank you

    • Katie Keith
      October 23, 2017 Reply

      Hi Ahmad, I'm afraid it's not possible to set a default in the variations dropdown - the customer has to choose their attributes from the list. You can read about the options for controlling the variations in the table here.

  39. Chris Gallagher
    October 16, 2017 Reply

    Great article guys, it really answered a lot of questions I had. I was wondering if you had any experience of using WooCommerce and the plugins you have mentioned on any of the WordPress to App platforms, such as AppPresser? If so, are there any pitfalls or issues? Thanks again.

    • Katie Keith
      October 16, 2017 Reply

      Hi Chris, no I haven't tried any platforms that generate apps based on a WooCommerce website. If you do this, I'd love to hear how you get on!

      • Chris Gallagher
        October 17, 2017 Reply

        I'm planning on trying it and I'd be happy to share my results. Do you have a link to any live restaurant site using the platform, plugins, etc... that you mentioned in this post? I can use that as a tester if so. Thanks.

        • Katie Keith
          October 17, 2017

          Hi Chris, why don't you have a go with your own website when you set it up? Or if that doesn't work for you, you could try it with our demo restaurant page https://producttable.barn2.co.uk/online-restaurant-ordering-system.

  40. Ashley Broke
    October 13, 2017 Reply

    Hello, Katie Keith
    great job,
    I'm thinking about is how the restaurant can manage the waiting time of delivery after an order is placed.

    • Katie Keith
      October 13, 2017 Reply

      Hi Ashley, you will get each customer's email address when they place an order. The easiest way to update them on the expected delivery time is to send update emails.

  41. mar lever
    September 29, 2017 Reply

    looks great but there is no map ?
    no map for clients to select location only address
    so no good where post codes dont work or when they cover a big area like in spain

    needs a map for delivery drivers to follow

    • Katie Keith
      September 29, 2017 Reply

      Hi Mar, you can use a plugin such as Woo Order Google Map Location Finder to give delivery drivers a map to follow. I think customers will always need to enter their exact address because simply clicking a map wouldn't be specific enough, but you could use a plugin such as WooCommerce Checkout Location Picker to let them select their location on a map as well as entering their address. Both of these plugins will work with the other plugins recommended in this tutorial.

  42. sohel
    September 26, 2017 Reply

    how do i receive order in gprs printer?

    • Katie Keith
      September 27, 2017 Reply

      Hi Sohel, please see the section of this article called 'Managing orders in your online restaurant ordering system'. This includes some recommendations on plugins to print your WooCommerce orders to a GPRS printer.

  43. Tam
    August 30, 2017 Reply

    Hello Katie!
    Thanks for this helpfull article, great job!

    The only thing I'm thinking about is how the restaurant can manage the waiting time of delivery after an order is placed. Thanks to the email notifications we can confirm the received order to the client, but how can we customize the delivery time choosen by the restaurant?

    Thanks in advance for your time

    • Katie Keith
      August 30, 2017 Reply

      Hi Tam, glad it was useful to you in taking bookings for your restaurant. Please see the section about delivery time slots in section 1f of the tutorial, this should answer your question.

  44. Yesha
    August 23, 2017 Reply

    Postcode Based Order Restriction for WooCommerce plugin has not been updated for 2 years, Do you have an alternative for this plugin? i actually want to use a feature like this to restrict my users from seeing the restaurants that are outside a certain area.

    • Katie Keith
      August 25, 2017 Reply

      Hi Yesha, you're right - it is worrying that it is no longer updated or supported so I shouldn't really recommend this plugin. I have rewritten section 1g of this tutorial to recommend some different options for restricting delivery, I hope this is helpful for you. These won't restrict users from seeing restaurants outside their area (I recommend doing this by creating intuitive area-based navigation links etc.), but it lets users check that you will deliver to them.

  45. Mostafa
    August 3, 2017 Reply

    one more thing, let say I want to sell wings +pizza + drink. I would assume to get WC addons to make selecting options and making special requests easy. How can I make it in a way that after getting this item from the product page the costumer be redirected to the shop page when pressing add to cart,. meaning when he choose the option the costumer come back to the shop page with the updated cart.
    you are a great help, thank you

    • Katie Keith
      August 3, 2017 Reply

      Hi Mostafa, WooCommerce Product Table supports product variations but not add-ons created by third party plugins such as WooCommerce Product Add-ons. If you want to use add-ons instead of variations, then you can do this but customers will need to select their add-ons from the single product page instead of the product table. That should be fine and you can still follow all the other steps in this tutorial, as customers can click on an item in the product table to access the single product page and choose their add-ons.

      By default, customers will stay on the same page after they add a product to the cart, and a 'Success' message will be shown with a 'View Cart' link. WooCommerce have provided some custom code that you can use to change the redirect URL, e.g. to redirect to the shop page after adding to the cart. You can find this at: docs.woocommerce.com/document/set-a-custom-add-to-cart-url-to-redirect-to.

  46. Matt Simpson
    August 2, 2017 Reply

    So being a restaurant that delivers, I'm worried about how the checkout process says "shipping" and not delivery...There doesn't seem to be a an easy way to ask for the customers "delivery address". What are your thoughts this?

    • Katie Keith
      August 2, 2017 Reply

      Hi Matt, that's a fair point. You can change the wording of 'shipping' to 'delivery' via the code. If you don't have a developer who can do this for you, then the cheapest way to find someone suitable is probably to post a job on Codeable and use one of their WordPress experts.

  47. Mostafa Elkabir
    July 25, 2017 Reply

    Does Product Table works well with Listify; I am making a website with listings and selling products through those listings. It would be perfect if I can use your plugin with woocomerce to make the purchasing more convenient. I would also like to know how can I make a popup add-owns when they choose something; like lets say a soda, I want them to choose what kind and what size.
    Best,
    Mostafa

    • Katie Keith
      July 26, 2017 Reply

      Hi Mostafa, yes the plugin will work with Listify. However, it's worth clarifying exactly what you want to list in a table. Our WooCommerce Product Table plugin lets you list WooCommerce products in a table, with any theme. If you want to list directory listings that are a different post type (e.g. if the theme has a 'Listings' post type) then you will need our other plugin, Posts Table Pro. This can list other types of WordPress content in a table.

      WooCommerce Product Table supports product variations, so you can use these for the add-ons. If you want to use a different plugin such as WooCommerce Product Add-Ons then these can't be selected from the table. Customers could click through from the product table to the single product page to choose their add-ons and add to the cart. You would need to do some bespoke development work to do this as a popup.

      • Mostafa
        July 31, 2017 Reply

        Thank you for your help; is there is a way that I can add a pickup or delivery per order button; also how can I limit orders to be only from one specific restaurant. Best,
        Mostafa

        • Katie Keith
          August 1, 2017

          Yes, you can do this by adding product variations: 1 variation for pickup and another for delivery. If each restaurant has its own category of products then you can create tables listing products from a specific category.

  48. Nathan
    July 8, 2017 Reply

    Great article. I was hoping to get your opinion, if I have a restaurant with 2 locations, and following your articles for online ordering for pick up or delivery, how do I go about specifying which restaurant the order should go to? Should I use multisite in this case?

    • Katie Keith
      July 8, 2017 Reply

      Hi Nathan, yes you can use multisite. However, I will also suggest a simpler option.

      Create separate categories for each restaurant. On the online food ordering page for each restaurant, use WooCommerce Product Table to list products from the correct category/ies only.

      You can then use the Advanced Notifications plugin to send the order notifications to a different email address depending on which category the customer has ordered from. Use this to ensure that the new order emails are sent to the correct restaurant.

      • Nathan
        July 8, 2017 Reply

        Ahh Fancy smancy! Thank you!!!

  49. James
    July 8, 2017 Reply

    Hey Katie,

    Thanks for sharing my Delivery Slots plugin! I was hoping you could update the link, as the plugin will be moving away from CodeCanyon soon: https://iconicwp.com/products/woocommerce-delivery-slots/

    Thanks in advance :)

    James

    • Katie Keith
      July 8, 2017 Reply

      Hi James, no problem - I have updated the link in the article. Good luck with selling the plugin outside of CodeCanyon, sounds like a good move! In my experience, if your plugin is quite niche (as yours is) then it's not too hard to market it without using a big marketplace, and you can charge a more sensible amount that reflects the amount of work you put in.

  50. Carlos Segura Yoquigue
    June 27, 2017 Reply

    hi congrats for your article this is great, thanks, i got a question, do u know about a similar system but for multi retaurant? is there a solution with woocomerce and wp? thanks in advance and congrats again. my email is yoquigua@gmail.com.

    • Katie Keith
      June 28, 2017 Reply

      Hi Carlos, what do you mean by multi restaurant? If you have multiple restaurants then you can have a page for each restaurant, with their specific products displayed in a table on the page. You can create one or more categories for each restaurant and create product tables for each restaurant that just display products from that category. Please let me know if I have misunderstood.

      • Carlos
        June 28, 2017 Reply

        Hi Katie, is a pleasure to greet you, i mean multi restaurant as one web site where there are many restaurantes and any one of they can update their own data as menu, logo, name, direction, etc., this from their own backend and the final user will can search their food, and so the web site will show the search results, i hope explain myself. Thanks again.

        • Katie Keith
          June 28, 2017

          Hi Carlos, it sounds like you might want a multi-vendor plugin, e.g. Product Vendors. Once this is set up and restaurants can add their own products (i.e. menu items) etc., you can use the steps in this tutorial to create a WooCommerce Product Table for each restaurant. You might need to create an extra custom taxonomy or something like that to label which products relate to which vendor - you can then use WooCommerce Product Table to display products for the correct vendor on their page.

  51. joel seckleman
    June 19, 2017 Reply

    thanks for this great tutorial its been really helpful for me as i am trying to create a system that allows customers to book a full meal consisting of multiple products online, reserve a date and time to come and eat at the restaurant and confirm this booking by paying a percentage of the cost via paypal or woocommerce. i use another plug in called bookly that does some of this really well but i am not sure how to achieve both the multiple items order alongside the functionality of making a reservation, do you have any tips or can you please point me in the right direction?

    • Katie Keith
      June 19, 2017 Reply

      Hi Joel, you could use the WooCommerce Bookings plugin to let people make a reservation for their chosen slot. They can order the multiple products using the order form method described in this tutorial, and also buy a 'bookable product' (from WooCommerce Bookings) to make the actual reservation. This will all work nicely together, but you will need to create a very intuitive navigation structure to guide customers through the process of adding the reservation slot to their cart and then choose the foods and add them to the cart too.

  52. Mo
    June 7, 2017 Reply

    Hi, can u help me pls, I need the orders from woocommerce to be print automatically!? It's that possible and if can u help with
    Thank u

    • Katie Keith
      June 7, 2017 Reply

      Hi Mo, the section in this articles about printing orders includes plugins that can print WooCommerce orders automatically. Hopefully you should be able to find one that works in the way you're looking for.

  53. Richard Pepper
    May 31, 2017 Reply

    Great tutorial. Currently looking at this as an option for an online takeaway delivery service - will this allow us to restrict purchases by time - ie only allow ordering between 5pm-10pm for example?

    • Katie Keith
      May 31, 2017 Reply

      Hi Richard, you can add opening times restrictions using another WooCommerce plugin such as WooCommerce Opening Hours & Chosen Times. This is compatible with WooCommerce Product Table, although some of the features (e.g. messages that appear on the single product page) may not be applicable. Other elements such as the messages and restrictions in the cart and checkout will work with everything I've mentioned in this tutorial. I will add a link to this plugin to the tutorial to help other people who want to do this.

      • Mostafa
        August 3, 2017 Reply

        one more thing, how can I add options to a product that when a costumer is choosing, let's say I am selling a compo of wings, pizza, and drink. I would assume I would need WC addons to make this in the product page, to choose flavors and special requests. How can I let the costumer go back to the shop page with the updated cart.
        you were a great help to me, thank you

  54. Edward McGinnis
    May 15, 2017 Reply

    Well done, Katie, very thorough, Not many tutorials available that detail as you have. I am searching for several solutions to issues and hope you may shed some light. My site prepares family style meals for busy folks and delivers them. I do use the post-code restriction plugin however I offers gift certificates and have run into a situation where customers outside the delivery range want to buy gift certificates for families inside the range. The plugin can restrict payment by shipping but I can't seem to figure out how to configure it to do so. Any suggestions?

    • Katie Keith
      May 15, 2017 Reply

      Hi Edward, glad the tutorial was useful for you. I would suggest sending a support request to the developer of the postcode restriction plugin to ask them whether it's possible to do something like exclude a specific category from the restriction. If so, you could put the gift certificates in a different category from your meals but it depends on whether the plugin has any options like this.

  55. Austen
    May 11, 2017 Reply

    This is awesome, love the detail you've gone to - must've take a while! :-)

    Quick question - I'm looking at doing a healthy 'ready meal' delivery service for a friend, and we need to incorporate such things as minimum order numbers, postcode restriction and so on. Have you got any plugin or setup suggestions for those?

    Cheers again, nice work.

    • Katie Keith
      May 11, 2017 Reply

      Hi Austen, glad it was useful.

      The methods in my tutorial should work with WooCommerce plugins that can add the other features you need such as WooCommerce Min/Max Quantities.

      I believe there are various postcode restriction plugins you could use. All WooCommerce Product Table does is display your WooCommerce products in a table, so anything that restricts the ordering side of things such as postcode restriction should work fine. The way the postcode restriction plugins tend to work is that anyone can add the products to the cart but you can't actually check out if you're in the wrong postcode area. For this reason, I would recommend adding a sidebar to the page where you add the healthy ready meals order form with a prominent notice showing your delivery area, to avoid disappointment.

  56. vinay
    March 10, 2017 Reply

    Hi Katie, You are a life saver.. Currently I m working on the exact project online food ordering system with "wordpress multisite". with restaurant wise sub-domain option. And also I've seen your comment on WooCommerce plugins that can automatically print your orders am really going to use one of those plugins.

    I would like to know one more thing
    * Once Order is Accepted on Printer Terminal - Customer should receive a Confirmation Text message on Mobile & Email.

    Are their any plugins to achieve this functionality.
    Thanks in advance.

    • Katie
      March 10, 2017 Reply

      Hi Vinay, I'm really pleased the tutorial was what you were looking for. You can do everything I described in the tutorial using WordPress multisite. You will need a separate license for WooCommerce Product Table for each sub-site - if you contact us then we can give you a discount for more than 3 licenses.

      I'm afraid I don't know whether any of the order printing plugins offer SMS/email confirmation but it's worth checking the descriptions for these plugins.

      Alternatively, it's probably easier to add a plugin that will send SMS confirmation to the customer when you mark an order as completed in WooCommerce. There are a few plugins to do this including WooCommerce Twilio SMS Notifications or YITH WooCommerce SMS Notifications. (WooCommerce itself sends order completion emails to the customer so you don't need a separate plugin for that.)

  57. Marie Mushing
    March 6, 2017 Reply

    Hi Katie, this was an excellent tutorial thank you. Can it be set up so that if someone scrolls over the menu item or the photo that the larger image of the item shows up on the page? Other than that, this is exactly what I needed to know.

    • Katie
      March 7, 2017 Reply

      Hi Marie, glad you found the tutorial helpful. At the moment you would need to do some custom coding to achieve this - I can send you a quote under our customisations service if you don't know how to do this yourself. I will add this to our feature request list and if lots of people ask for the same thing then we will probably add it to the plugin in the future. Thanks!

  58. Robert Schaap
    February 7, 2017 Reply

    Hello

    Great plugin just few questions: The shortcodes are in ENG, must need translate the plugin into a other language or this will be by default automaticly?

    Just to be sure before purchase the plugin!

    Regards

    Robert

    Netherlands, Amsterdam

    • Katie
      February 7, 2017 Reply

      Hi Robert, WooCommerce Product Table doesn't currently include other languages but you can do this yourself. Please see documentation for full instructions.

  59. James Sharp
    February 3, 2017 Reply

    Hi - great read, thanks for taking the time to make the guide! Just wondering if I used this guide. Would the customers make and account with me so I would then be able to collect there details I.e - phone, email & previous orders? Thanks again

    • Katie
      February 5, 2017 Reply

      Hi James, glad the tutorial was useful for you. Yes you can do this. If you disable guest ordering in the WooCommerce settings then an account will be created for each user which will store their address, phone no., previous orders etc. for when they re-order. You can even add a plugin to integrate your store with MailChimp or another mailing list service so that new customers are added to your mailing list for marketing purposes.

  60. Shahadot
    January 28, 2017 Reply

    Thank you for explaining how to setup online ordering system. Currently I m doing a project for course for creating online food ordering system. Therefore it's help me a lot how to do it. I would like to know one more things whether I can buy a gprs printer and setup in the restaurant or takeway so that customers order come straight to the restaurant or takeaway? Is it possible do it?
    Please let me know about this.

Please share your thoughts...

Your email address will not be published.