Tip in the WooCommerce store on the product page

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.

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

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