How to Create a WooCommerce Takeaway Order System for Your Restaurant

Last Updated: May 8, 2020 6 comments

WooCommerce Takeaway Plugin

If you run a pizza delivery, Chinese, Indian or other type of fast food restaurant, you know how important a quality takeaway ordering system is. A huge variety of paid services exist to help you accept takeaway orders. But if you want to save money, a WordPress takeaway order system based on WooCommerce lets you kick commissions to the curb and do everything in-house.

If you’ve peeked at any of those popular takeaway services, you’ve probably seen that using one of those tools will cost you at least ~$100 per month, plus a hefty setup fee. For example, ChowNow costs $149 per month plus a $399 setup fee for every single location. Yikes – hopefully you’re selling a lot of takeaway food!

But if you run a restaurant with a takeout business – e.g. pizza shops, sandwich shops, etc. – you still need a way to make it as convenient as possible for your customers to put in their takeaway orders.

To make that happen, we’re going to show you how to use the WooCommerce Product Table plugin to create your own WooCommerce takeaway setup with no added monthly fees. You’ll have full control to customize it, and it costs a fraction of what you’d pay for ChowNow’s setup fee alone. In the end, it will look something like this:

All you’ll need is a WordPress site and the WooCommerce takeaway plugin we talk about, as well as a little time to sit down in front of a computer and set up your WordPress takeaway order system.

Case study: AVA Bar og Spiseri

AVA Bar og Spiseri is a pizza delivery takeaway restaurant with an easy to use online order form. Our WooCommerce Product Table plugin has been used to power the WooCommerce pizza ordering form and to keep it simple for customers to use.

There’s a long list of pizza and other food available to order online, so the menu has been broken down into a series of menus in a tabbed layout. Customers click on the menu they want, which lists the foods in the same window. From there, ordering pizza online is easy. You just find what you want, select the quantities, add it to the cart and choose collection or delivery. Simple!

AVA Bar og Spiseri takeaway menu

Continue reading to find out how to create your own online food ordering system.

This is a more condensed, takeaway-focused version of our bigger guide on how to create a WooCommerce restaurant ordering system. So if you ever feel like you want a little more detail, that guide will cover everything you might ever need to know about using WordPress with your restaurant.

What you need for a WooCommerce takeaway system, plus how much it will cost

WooCommerce takeaway order form

To create a successful WordPress takeaway order system, there are a few tools you’ll absolutely need, and then some others that are optional, but can help you refine how the WordPress takeaway plugin functions.

On the must-have front, you’ll need:

  • WooCommerce – free WooCommerce will handle organizing your different menu items. It can also let you accept online payments if desired. But, most people will probably pay for takeaway orders in person anyway, so you can skip the payment functionality if you want to accept payments in person.
  • WooCommerce Product Table – premium By default, the way WooCommerce displays items isn’t good for a takeaway menu. WooCommerce Product Table fixes that by letting you display your entire takeaway menu on one organized page.

Those two plugins comprise the core of your WordPress takeaway plugin stack. But beyond them, you might also want some of these plugins for more functionality:

  • WooCommerce Opening Hours & Chosen Times – £35.00 This plugin lets you close your WooCommerce takeaway store when your physical store is closed.
  • WooCommerce Delivery Slots – $99 This lets customers choose when they want to pick up their orders. For example, they could place a takeaway dinner order several hours in advance.
  • Twilio SMS Notifications – $49 By default, you can view new takeaway orders at your website and you’ll also receive an email. As an alternative, though, you can also use Twilio SMS Notifications to receive text notifications when a customer places a new order. And you can also use it to send texts to customers, like a notification letting them know their takeaway order is ready to be picked up.

And if you have a smartphone or tablet, you can also install the free WooCommerce iOS mobile app. This app allows you or your staff to mark orders as fulfilled when the customer picks the order up without needing to hop on your computer.

How much will all that cost?

Ok, so in total, how much will it cost you to create your WooCommerce takeaway ordering system?

For just the basic system, you’re looking at only $99 on top of your basic WordPress site. And if you want more functionality, that can cost up to $190 more, depending on what you want.

Not free – but a lot better than a $149 monthly fee, right?

Here’s how to put it all together…

How to create a WooCommerce takeaway order system

Below, you’ll find a full written tutorial about how to take fast food orders online with WordPress and WooCommerce. Alternatively, watch this video and watch us setting it up!

You can divide the process into three rough steps:

  1. Adding your menu items to WooCommerce
  2. Creating your takeout order menu with WooCommerce Product Table
  3. Extending your WooCommerce takeaway system with other plugins if needed

Step 1: Add your menu items as WooCommerce products

To get started, make sure you’ve installed and activated the WooCommerce plugin, as well as configured basic information using the plugin’s setup wizard. Unless you want to accept online payments, don’t worry about setting up a payment gateway (you can just have your customers pay when they pick up their order for simplicity, as most will prefer that anyway).

If you need help with the WooCommerce basics, here’s a good basic tutorial.

Once you have WooCommerce running on your site, you’ll need to add each item on your menu as a WooCommerce product.

To do that, go to Products → Add New in your WP dashboard. Because WooCommerce is a general eCommerce plugin, not all of the settings here will apply to your takeaway order system.

Generally, here’s all you need to fill out:

  • Title – the name of the menu item.
  • Long description – the full description of that menu item
  • Product data – this is where you’ll add the price and, if needed, let people customize the dish with their own toppings, substitutes, etc.
  • Short description – if you want, you can create a separate shorter description.
  • Category – this helps you divide your menu into different categories. For example, you could have one category for “Pizza”, another for “Subs”, etc.
  • Image – the image for your menu item. Make it as mouth-watering as possible!
  • Publish – once you finish configuring everything, you click this button to save your menu item and make it live.

Once you’re done, you’ll need to repeat the process for all of your menu items. And you can also give your customers more information and flexibility by using more of WooCommerce’s core features…

Use tags or product attributes for extra information

If you want to display extra information about a menu item – like whether or not it’s gluten-free, or how many calories it has – you can use product tags or attributes:

  • Tags – all your menu item’s tags display in a single column on your menu.
  • Attributes – each attribute displays as a separate column on your menu.

Read our online restaurant system guide for more info on how to use tags and attributes.

Use product variations or add-ons to let shoppers customize their orders

You’ll probably have some menu items where your customers get to pick different toppings or sizes as part of their takeaway order. Or, you might even have items where a customer needs to pick both.

For example, if you’re setting up online pizza ordering in WooCommerce, then customers will want to:

  • Choose what size pizza they want
  • Add their own toppings (for an extra cost)

To give customers the power to customize their own orders, you can use two more options called variations or add-ons:

  • Variations – variations are good for core options – like a food item’s size. Product variations are built into the free WooCommerce plugin.
  • Add-ons – add-ons are better for upgrades – like toppings to add on to a pizza. You’ll need the official Product Add-Ons plugin to add these extra options to your takeaway meals.

You can see the difference between variations and add-ons in the screenshot below:

WooCommerce pizza restaurant order system with extra toppings

Read our online restaurant system guide for more info on how to use variations and add-ons

Step 2: Create your WooCommerce takeaway order form with WooCommerce Product Table

Once you’ve added all of your menu items as WooCommerce products, you need a user-friendly way to display them so that your shoppers can browse your entire takeout menu without needing to click around to different pages.

That’s where WooCommerce Product Table comes in. It will let you:

  • Display all of your menu items in one list, or divide them into different categories.
  • Control exactly what information displays, like showing a special column dedicated to whether or not items are gluten-free or vegan.

And your customers will be able to:

  • Customize menu items
  • Add all the food they want to their cart without leaving the page

To get started, make sure you’ve purchased and installed the WooCommerce Product Table plugin:

WooCommerce Product Table
The easy way to create a WordPress takeaway order form for your restaurant.

Configure the takeaway order form

To configure how your menu functions, you can use the plugin’s shortcodes and shortcode attributes.

Read this article for a full list of all shortcode options

The easiest way to get started is to just use the basic shortcode:

[product_table category="category-id"]

Where <category-id> is the slug for the menu item category you want to display. For example:

[product_table category="pizza"]

All you need to do is add this shortcode to a new page. Call it “Takeaway Order Form” or whatever you like. You should see a basic takeaway order form:

initial form

There are some problems with the form, though. For example, it doesn’t actually let customers pick the size of their pizza from the order form.

To fix that, you can use the aforementioned shortcode parameters. You can set things up however you want, but here are some good presets to display. These shortcodes will get you straight there. If you don’t like editing shortcodes, then you can also configure most of these options directly on the plugin settings page.


[product_table columns="image,title,description,tags,price,add-to-cart" show_quantity="true" links="tags" sort_by="title" description_length="-1" filters="true"]


[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"]


[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"]

Here’s what the updated order form looks like when you display variations:

WooCommerce takeaway order form

To display different forms for each menu category, all you need to do is insert separate shortcodes for each category.

Read this article for a full list of all shortcode options

Step 3: Extend your Woo ordering system (opening times, scheduled orders, etc.)

At this point, you have a working WooCommerce takeaway ordering system. But there are still a few potential problems:

  • People can place a takeout order at any time. Unless you operate 24/7, this can be an issue.
  • There’s no way for people to select what time they want to pick up their order.
  • You have to pay attention to your email or refresh the website to see when a new takeaway order comes in.

To refine your WooCommerce takeaway system’s functionality and fix some of these issues, you can optionally use some of those plugins we discussed earlier to change how things work.

Again, consider:

  • Twilio SMS Notifications to receive SMS notifications whenever a customer places a new takeaway order. Or, optionally, to send automatic SMS notifications to customers when their order is ready to be picked up.

Bonus: Sell extras by adding quick view to your takeaway order form

WooCommerce restaurant quick view plugin

So far, you’ve learned how to create a WooCommerce takeaway order form with all the product options available to purchase from a single page. That’s great if you just have a few options for each product. However, some takeaway ordering websites have a large number of options per product.

For example, you might sell pizzas in WooCommerce with a long list of toppings. This would look messy if you listed all the toppings directly on the order form page. But it would be strange for a restaurant to direct users to a separate page for each pizza – that’s simply not how takeaway ordering websites tend to work!

The solution is to add the WooCommerce Quick View Pro plugin to your fast food takeaway website. Once you’ve installed this WordPress plugin, replace the add-to-cart column with a quick-view column in the product table(s) listing your takeaway foods. Customers can click on this button to view extra photos, variations and product add-on options in a popup lightbox. Once they’ve added a dish to the cart, they remain on the takeaway ordering page – this is much more appropriate and user-friendly than sending them to a separate page for each item.

You can also use the quick view plugin settings page to change the name of the plugin and control what information appears in the lightbox. For example, you might want to rename it to ‘Customize Pizza’ or ‘Select Options’.

Get WooCommerce Quick View

Bonus: Increase your average order value by taking tips on your WooCommerce takeaway website!

When you accept takeaway orders online via WooCommerce, it’s easy to miss out on tips. This is because ordering and paying in person is personal and people are in the habit of adding a tip to their order. To increase the average order value from your takeaway restaurant customers, you need to replicate this on your website.

Fortunately, you can do this using the WooCommerce Donation Or Tip On Cart And Checkout plugin. It adds a ‘Tip’ field, pre-filled with a suggested tip amount, to the checkout page. This is a great way to increase your revenue and accept tips from your online takeaway orders.

Save money with this WordPress takeaway plugin stack today

By creating a WooCommerce takeaway system, you both gain the flexibility to create a truly custom takeaway order system and bypass huge setup fees and monthly fees for other restaurant ordering systems.

That means happier customers and a better bottom line for your restaurant! Whether you need an online pizza delivery system or automated ordering for Chinese fast food, it’s the perfect solution.

Get started today with WooCommerce, WooCommerce Product Table, and some of the other optional plugins that we mentioned.

If you want a more in-depth look at any of the topics we touched on in this post, be sure to read our complete guide to creating a restaurant ordering system with WordPress.

WooCommerce Product Table
The easy way to create a WordPress takeaway order form for your restaurant.

Colin Newcomer

Colin Newcomer is a freelance WordPress writer for hire with a background in SEO and affiliate marketing. He helps clients grow their web visibility by writing primarily about digital marketing and WordPress. You can hire him to write for your website.


  1. Tommie
    March 28, 2020 Reply

    Hi there, thank you for a very comprehensive tutorial.
    Is there a possibility to show the available time slots for food pick up, even
    before starting to order? That would safe frustration for the customer when he tries to order then realizes he will have to wait a long time.

  2. Andreas
    March 26, 2020 Reply

    which woocommerce theme do you recommend, the fastest and best for takeaway food, why do you have buy your table plugin to make takeaway orders?

    • EJ
      March 27, 2020 Reply

      Hi, Andreas. WooCommerce Product Table is designed to work with any WordPress theme. Our plugin's front-end demo site uses the official Storefront theme and we highly recommend it. You can also refer to this list of other Recommended themes.

      Buying the plugin lets us continually add new features and provide important security updates, ongoing customer support, and compatibility with future versions of WordPress and WooCommerce.

  3. Diego Cardenas
    February 29, 2020 Reply

    Hi, I want to know if this plugin (WooCommerce Product Table) let me to modify the Orders in progress for add more items like a additional Coca Cola or ice cream to the comensal.

    • EJ
      March 6, 2020 Reply

      Hi. Diego. WooCommerce Product Table only allows you to display your products (food menu items) more efficiently and add them to the Cart. From there (which is outside our plugin), you proceed to the Checkout and then place the order. If payment has already been made during Checkout, then the Order can no longer be modified and any additional items should be accepted as new orders. However, if your Checkout page has a payment method/option (e.g. Cash on Delivery) that results in the Order Status being "Pending payment," then you can go ahead and Edit the Order in WooCommerce and add more items to it.

Please share your thoughts...

Your email address will not be published.