From restaurant to online takeaway with WooCommerce

by Socially Stacked

Would you like to create a bigger reach and more revenue? Think of an online shop. Not with merchandise, but just like the various pickup platforms.

What do you need for an online takeaway?

First of all, you need a website. That’s where it all starts.

If you don’t have a website yet, this is also easy to achieve. Register a domain name through a hosting partner, and set up a WordPress website within one day.

If you already have a WordPress website, adding an online order system is at your fingertips.

Use a WordPress plugin

To add a takeaway functionality to a WordPress website you will need some plugins. We will list them for you:

  • WooCommerce: without WooCommerce no webshop
  • Pronamic, Mollie or any other payment plugin: no orders without payments
  • WooCommerce Product Table: creates search, sort and filter options that work as an online food ordering form. Includes courses, drinks and assorted desserts.

Set up WooCommerce Product Table

Step 1

First of all, make sure you have a WordPress theme that supports WooCommerce. With such a theme, you can be sure of a website that is optimized for conversion.

Step 2

Provide various payment options. Within WooCommerce you can find most options, but often you need a supporting plugin like Pronamic or Mollie.

Step 3

Set the delivery options. This option is especially important if you only allow orders in a certain postcode area.

Step 4

Add the meals! Through the Products tab of WooCommerce you can easily add products. Don’t forget to upload clear and attractive product photos. A good product photo is certainly important for a high conversion ratio.

Step 5

Then activate the WooCommerce Product Table plugin. Go to WooCommerce > Settings > Products > Product Table.

Then enter the correct settings for Table content:

  • Columns: image,name,description,price,add-to-cart
  • Product links: none

The other settings can be configured as desired.

Step 6

After ‘Table content’ you can adjust the settings for ‘Add to cart column’.

The settings for ‘Add to cart column’ are as follows:

  • Add to cart button: Button and checkbox
  • Add to cart behavior: checked
  • Quantities: checked
  • Variations: Dropdown lists in add to cart column
  • ‘Add selected’ position: Above and below table
  • ‘Add selected’ button text: Add Selected To Cart

Step 7

Finally, ‘Table controls’. The most convenient settings are the following:

  • Page length: Below table.
  • Search box: Above table.
  • Product totals: Below table.
  • Pagination buttons: Below table.
  • Pagination: Prev/next + numbers.
  • Reset button: checked

Publish the order form

After you have added all the settings for the order form it is time to publish it live. Create a new page. You can also add a title and a short explanation below.

Then add the component ‘shortcode block’. Here you add the snippet, which makes the order form visible.

Then paste the next snippet into the short code block:


Then publish the page, and your order form is live!

Additional usability

Tip: If you divide the products into categories, you can use snippets to make the order form even clearer.

Choose logical categories. For example: starters, salads and drinks.

On the page where you published the order form with the snippet, you can also add snippets that divide the categories. You can use the following snippet:

product_table category="main-course"]

At the place of the main course you can add your own category. You can use this snippet as often as possible! Place the snippet for each product category. Clear, user friendly and conversion increasing.

Making an online takeaway has never been easier! From offline to e-commerce within one day.

Related Posts