• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • Bundle
  • Support
  • Blog
  • My Account
  • 0

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

Tomasz Drzewiecki

Setting WooCommerce for restaurants with the best restaurant ordering plugin!

Updated: February 27, 2023 / Plugin Tutorials

A large percentage of restaurants and other eateries sell online as WooCommerce stores. An additional tip in the WooCommerce store is an interesting method for this business to increase profit in difficult times. Let's learn how to implement some improvements in WooCommerce for successful restaurant ordering online!

Have you found your restaurant getting fewer visits in the post-pandemic reality? Is your restaurant taking advantage of online ordering to increase sales?

Today, you will learn how to boost your income with WooCommerce, selling custom products, getting tips, and online ordering. Let's see your restaurant online with WooCommerce!

Table of contents

  • WooCommerce for restaurants - how to start?
  • Customize WooCommerce products for restaurants
  • WooCommerce for restaurants: add tips with a checkbox field
  • Restaurant ordering plugin: add tips with a Select field
  • Summary & more about the plugin

WooCommerce for restaurants - how to start?

Let's see how to get your restaurant online with WooCommerce for additional income!

  1. Use WordPress as your CMS (content management system) to build your website.
  2. Get hosting and a domain, and install WordPress.
  3. Here, you can use your restaurant's website and get customers without selling online.
  4. Boost your website with WooCommerce - install a free plugin to sell online.
  5. Watch movies about setting WooCommerce, read our blog posts, and helpful articles, or hire a person to help you with that.
  6. Now, configure WooCommerce to start selling restaurant products online. Read about WooCommerce products!
  7. Next, customize your store with free plugins and PRO extensions to make your WooCommerce better.
  8. Install our free plugin to adjust your restaurant products for ordering, getting tips, and returning customers.
  9. Improve your restaurant & use the online channel to increase your sales! And make it better!
Read more about WooCommerce basics in this article about the free invoicing plugin in WooCommerce.

If you have any questions, please leave a comment below. We will be able to write more about things you're interested in!

Customize WooCommerce products for restaurants

We have created a plugin to help you sell customizable products in WooCommerce in minutes!

Sell custom products and online ordering for restaurants in WooCommerce
Sell custom products and online ordering for restaurants in WooCommerce

WooCommerce restaurant plugin

The Flexible Product Fields plugin provides additional product configuration fields on the product page of the WooCommerce store. For restaurants (where the products are meals) these are fields to indicate options such as Checkbox or Select.

Download the free plugin & start selling online.

Flexible Product Fields WooCommerce

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Download for free or Go to WordPress.org
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

WooCommerce for restaurants: add tips with a checkbox field

Not all cultures welcome a tip in a restaurant. This behavior is perceived as negative or even disrespectful in several Asian countries. But adding a few pennies to the bill is still a nice gesture in Western countries😊.

➡️  There are two places in the WooCommerce store where inserting a tip field makes sense. The first is a product subpage. You can add a tip with the plugin I've shown you above.

It happens that there are other fields to facilitate the configuration of the dish (e.g. pizza toppings🍕) so one more field will look natural.

👉🏽  The second place is the Checkout form. The total amount to be paid is shown there - so the customer can judge what amount of the tip will be adequate.

💡 Our other Flexible Checkout Fields plugin is used to insert an additional field to the Checkout page. Read the article Tip in the WooCommerce store on the Checkout page for more information.

How to add a tip to the product page

Let's see now how to optimize your WooCommerce restaurant by letting customers leave tips with a checkbox field!

✅ This field will work best if the restaurant prefers a specific amount or percentage of the price of the meal. The customer does not have much choice - they will select such a checkbox or ignore it.

  1. Add new product fields

    Add a new group with fields (click the Add New button) or edit an existing group. When creating a new group - assign it to a single product or all of them.

    Adding a checkbox field as a tip
    Adding a new checkbox field
  2. Choose the custom field type

    Set the Field Type to Checkbox. Enter the Label.

    WooCommerce restaurant ordering - adding a tip
    Select the checkbox field and insert a label
  3. Configure the field

    Do not check the Required checkbox.

    Next, enter a Value when checked. This is the text that will appear next to the field label (e.g. in the Cart) if the customer selects the checkbox. Enter here e.g. Yes.

    WooCommerce restaurant ordering plugin - checkbox field configuration
    Uncheck the Required field and set Label when checked
  4. Pricing (PRO)

    Next, you can decide on the method to calculate/ add a tip.

    Go to the Pricing tab. Select a Price type. The Fixed option means a fixed amount. The Percentage option will add the tip in the WooCommerce store as a percentage of the base price of the meal. The percentage changes to a specific amount.

    Then, name the Price. This is the amount or percentage of the tip.

    Finally, click the Update button and save the pricing settings for the field.

    Setting extra pricing as a tip
    Checkbox field: Pricing tab

    💡 The Pricing tab is available in the PRO version of the plugin.
  5. Add a tip for restaurants in WooCommerce

    😊 And that's it, let's look at how it looks on the product page:

    Restaurant for WooCommerce: tip on the product page
    Tip on the product page: added a checkbox
You can also use new WooCommerce product options with conditional logic.

WooCommerce restaurant ordering plugin: add tips with a Select field

You can encourage to tip also by adding another type of field: the Select field.

✅ This field allows the customer to select one of the tip options. The customer will decide whether to tip at all and how much. If he does not choose one of the options from the list then no amount will be added to the bill.

  1. First, add a new group with fields (click the Add New button) or edit an existing group. When creating a new group - assign it to e.g. a single product or categories.
    Adding a new Select field with Flexible Product Fields
    Add a new fields group
  2. Then, set the Field Type to Select and enter a Label.
    Adding a select field to tip in a restaurant
    Add the select field and define the label
  3. Do not check the Required checkbox.
  4. Next, enter the Placeholder text. This text will appear as the first option in the drop-down list. Enter here e.g. Select one of the options.
  5. Add at least two Options for a different tip amount.
  6. Then, enter a Value and a Label for each of the options.
    WooCommerce restaurant ordering with a tip
    Add some options to your select-type field
  7. Now, go to the Pricing tab. Select the Price Type and Price for each of the options.
  8. Finally, click the Update button and save these changes.
    Adding different pricing
    Pricing tab: define tips for a WooCommerce restaurant

    💡 The Pricing tab is available in the PRO version of the plugin.
  9. 😊 Go to the product page to see the final effect:

    WooCommerce restaurant plugin: adding a tip
    Select field: Tip
If you want me to show you more about ordering in WooCommerce online restaurant, please leave a comment. Let us know what else would be interesting for you when selling restaurant products, additional services, or gift cards.

Summary & more about the plugin

Today, you've learned how to use the Flexible Product Fields PRO plugin to get tips for WooCommerce restaurants.

To sum up, WooCommerce for a restaurant is a good choice, also for online ordering.

What's more, with custom fields you can sell your restaurant products & services much better!

The plugin makes it possible to assign a field to more than one product. It is enough to create one group (field) with a tip and assign it to the entire menu or specific categories. So there is no need to add a field for each meal one after the other. The tip in the WooCommerce store is therefore global.

It is all about what options the customer gets to choose a tip. The simplest solution is a regular checkbox with an assigned price (fixed or percentage). With more options, it will be required to insert a field with a drop-down list or e.g. a Radio (works the same as Select).

Information about the selected tip option will then appear in the Cart and on the Checkout page. A note about the tip will also appear in the purchase summary (Thank You page) and in the WP panel (when editing the purchase).

💡 The Pricing tab is available in the PRO version of the plugin.

Flexible Product Fields PRO WooCommerce £59

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Add to cart or View Details
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-15
Works with WooCommerce 7.1 - 7.5.x

More articles about our WooCommerce restaurant ordering plugin

  • Customize WooCommerce products and checkout page

    WooCommerce product page and checkout custom fields
    WooCommerce product page and checkout custom fields. Find out what you can achieve by using Flexible Product Fields and Flexible Checkout Fields together.

  • WooCommerce datepicker on the product page

    WooCommerce datepicker
    Exclude dates for delivery or local pickup. Find out how to exclude days for delivery or a local pickup with Flexible Product Fields.

Tweet

5 minutes read1596 views

Tomasz Drzewiecki

From 2020 in WP Desk. First as a Happiness Engineer in the Rangers team. Now as a QA Engineer in the Sailors team.

Powered by WP Desk

WP Desk brings you great WooCommerce plugins. We strive to save your time and money by speeding up your processes. Use our plugins to build a better store. Awesome support included in the package.

Premium WooCommerce Plugins →

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

WP Desk › Plugin Tutorials › Setting WooCommerce for restaurants with the best restaurant ordering plugin!

Footer

WP Desk - WooCommerce Plugins

At WP Desk we create great WooCommerce plugins with awesome support. Save time and money with our e-commerce solutions. See how we can help you improve your e-store →

Secured by Comodo

WP Desk

  • About us
  • Giving Back
  • Blog
  • Contact us

Products

  • Premium Plugins
  • Get Support
  • WooCommerce Invoices
  • Email Marketing
  • Octolize

Legal

  • Terms & Conditions
  • Refund Policy
  • Support Policy
  • Privacy Policy

© 2023 WP Desk