• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • 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

Tip in the WooCommerce store on the product page

Updated: September 22, 2021 / Plugin Tutorials

A large percentage of restaurants and other eateries sell online as WooCommerce stores. Handling such sales is often associated with a similar amount of work as in the case of traditional on-site service. An additional tip in the WooCommerce store is an interesting method for this business to increase profit in difficult times.

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. 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.

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.

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.

Tip in the WooCommerce store set as a Checkbox

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 - he will select such a checkbox or ignore it.

  1. 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 to all of them.
  2. Insert a new field with the Add Field button.
  3. Enter a Label.
  4. Set the Field Type to Checkbox.
  5. Do not check the Required checkbox.
  6. Enter a Value. 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.
  7. 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.
  8. Name the Price. This is the amount or percentage of the tip.
  9. Click the Update button and save these changes.

Tip in the WooCommerce store set as a Checkbox

Tip as a Select

This field allows the customer to select one of the tip options. The customer will decide whether to tip 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. 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.
  2. Insert a new field with the Add Field button.
  3. Enter a Label.
  4. Set the Field Type to Select.
  5. Do not check the Required checkbox.
  6. 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.
  7. Add at least two Options for a different tip amount.
    1. Enter a Value and a Label for each of the options.
    2. Select the Price Type and Price for each of the options.
  8. Click the Update button and save these changes.

Tip as a Select

Conclusions

Flexible Product Fields PRO 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).

 

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: 2022-05-12
Works with WooCommerce 6.2 - 6.5.x
Tweet

3 minutes read975 views

Tomasz Drzewiecki

Happiness Engineer but more Happiness than Engineer. Member of the Rangers team responsible for Flexible Checkout Fields and Flexible Product Fields.

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 › Tip in the WooCommerce store on the product page

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
  • FAQ
  • Docs
  • Get Support
  • Octolize

Legal

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

© 2022 WP Desk