If you run a website for your restaurant, you’ll want to consider offering an online ordering system. Your customers will appreciate the convenience of being able to choose what they want right from your site. However, it may not be immediately clear how to set this type of system up.
Fortunately, creating an online restaurant ordering system is quite simple. In fact, all you need is a WordPress website with WooCommerce and the WooCommerce Product Table plugin. With this set of tools, you’ll be able to build and customize a web page where people can order whatever they want and pay for it in just a few minutes.
In this guide, we’ll talk a little about how a personalized ordering system can benefit your restaurant business. Then we’ll walk you through the process of setting one up. Let’s get started!
There’s no denying the growing popularity of ordering food online. Whether for pickup or delivery, people love being able to place an order quickly and move on with their lives.
If you have the resources, therefore, offering an online ordering option is a smart move. However, you aren’t likely to have much success if you don’t design your online restaurant ordering system carefully.
As it stands, most platforms aren’t built to do this easily. Take WooCommerce, for example: it enables you to turn your website into an online store quickly. However, it’s designed for selling individual products or services. Customers have to visit separate pages for each item they want – which is hardly ideal when ordering food.
That’s why you’ll need an additional tool, one that will help you design a one-page ordering system that functions as an online menu.
If you want to set up an online restaurant ordering system, WooCommerce Product Table can help you out:
This plugin is designed to integrate with WooCommerce and offer additional functionality. More specifically, it lets you create a product table showcasing all your items or services on a single page. For your restaurant site, this means you can list out all your dishes and other offerings in one online menu.
The benefits of using WooCommerce Product Table to set up your ordering system include:
- All your dishes will be presented on one menu-like page.
- You can customize exactly what information is displayed about each item.
- Customers can select everything they want, and add it all to their cart with one click.
Best of all, creating this type of ordering system is quick and simple. If you already have information and images handy about each item on your menu, you can get a customized product table up and running in no time. Let’s take a look at what that process involves.
Before we jump in, let’s address a few initial steps you’ll need to take. We’re going to assume that you already have a WooCommerce website set up for your restaurant. If not, you’ll want to make sure to do the following things:
- Set up WordPress
- Install WooCommerce on your site
- Add each item on your menu as an individual product in WooCommerce.
When your WooCommerce site is ready, you can move on to the first step!
First, you’ll need to purchase the WooCommerce Product Table plugin and install it on your site. Once the plugin is activated, you can navigate to WooCommerce > Settings in your dashboard. Select the Products tab, and click on Product tables from the menu at the top of the page:
Here, you’ll need to enter the license key you were given when you bought the plugin. Save your changes, and WooCommerce Product Table will be ready to go.
Now, open up a new page and give it whatever name you like (for example: “Our Menu”). If you can only see one row of icons, click the icon labeled Toggle Toolbar. In the second row of icons that appears, choose Insert Product Table:
This will place a shortcode on your page, which will automatically generate your product table. It will include all of your WooCommerce ‘products’ — in this case, your individual dishes, beverages, and so on. If you check it out on the front end, it should look something like this:
It’s a little basic right now, but don’t worry. You can fully customize your ordering system to add exactly the information and functionality you want. Save this page for now, and then we’ll explore how to do that.
At this point, you’ll want to return to WooCommerce > Settings > Products > Product tables. This is where you can make alterations to your product table, and turn it into a fully-functional online menu.
There are a lot of options here, so let’s touch on a few of the most important settings. First up, you’ll want to check out the Columns section:
As the name suggests, this is where you decide what columns will appear in your product table. For a restaurant ordering system, you’ll probably want to keep things simple. We’d suggest including an image, name, description, price, and add-to-cart button for each item.
Right below that, you can check the Quantity selectors box. This feature will let customers order more than one of each dish:
Moving down the page, open the Add to cart button menu and select Button and checkbox:
This is essential for making your ordering system user-friendly. Thanks to this option, customers will be able to check off all the food they want, and add it to their cart with a single click.
You may also want to enable both variations and filters. The Product variations field will let you display options within your product table. So if you offer multiple variations on a single dish, for example, you can showcase each one on its own line or in a drop-down list:
Filter dropdowns will add menus to the top of your product table, letting customers filter for specific types of dishes:
There are a lot more options here to explore, all of which are explained in the WooCommerce Product Table documentation. Don’t forget to hit Save changes at the bottom of the page when you’re done.
Finally, it’s also worth noting that you don’t have to stick with a single product table for your WooCommerce restaurant ordering system. You can create several tables and add them all to the same page — each displaying offerings from a different category. This allows you to separate your appetizers, main courses, beverages, and so on.
Your online restaurant ordering system should now look something like this:
Before you make this new feature live, however, you may want to consider adding a few extra features. While not required, these options will provide additional information to customers and make the ordering process more convenient.
For instance, most online stores operate 24/7. However, you’ll only want customers to place orders during your hours of operation. You can take care of this using the WooCommerce Opening Hours & Chosen Times plugin:
With this tool, you can decide exactly what times you’d like to offer online ordering. If a customer visits your ordering system outside those hours, a message will be displayed informing them that your restaurant is closed (and letting them know when it will re-open).
The WooCommerce restaurant order form lists meal variations or add-ons for each item. This is fine if you only have a few options for each food but often you will have too many options to fit into a one-page food order form and will need to visit a separate page for each item. The WooCommerce Quick View Pro plugin adds extra ‘Quick View’ links to the restaurant order form. Instead of customers having to buy their items directly from the order form, they click on a button to view the purchase options in a quick view lightbox popup. They simply click the quick view button for each item, select their desired options, and immediately return to the order form where they can continue adding foods to the cart, making it much more user friendly. This is the perfect companion to the WooCommerce Product Table.
In addition, some of your customers will likely want to order food and have it delivered (or pick it up) at a later time. You can add this functionality to your ordering system with the WooCommerce Delivery Slots plugin:
This plugin lets customers select a delivery date and time slot for their order. As a bonus, it also help you keep the number of orders you accept each hour at a manageable level.
Last but not least, you may want to check out the WooCommerce Google Cloud Print plugin:
This plugin lets you connect your WooCommerce store directly to Google Cloud Print. You can easily set up a system that automatically prints new orders straight to the kitchen. This helps you fulfill orders more quickly, ensuring that your staff don’t miss any.
Setting up an online ordering system for your restaurant may seem a little intimidating at first. Although you know your customers would love the option to purchase food through your website, you might not be sure how to get started. However, you can drastically improve your chances of success with some careful design and the right tools.
To recap, here are the steps you’ll want to follow once you have WooCommerce set up:
- Install WooCommerce Product Table and list your foods in a one-page order form.
- customize your restaurant ordering system
- Expand the functionality with additional plugins like WooCommerce Opening Hours & Chosen Times, WooCommerce Delivery Slots, or WooCommerce Google Cloud Print.
Do you have any questions about how to build an ordering system for your restaurant? Ask away in the comments section below!
Your WooCommerce store can drive additional revenue by improving your email marketing. Try Jilt for free to increase sales with abandoned cart recovery emails, post-purchase follow-ups, and more!