We'll create fresh WordPress site with Order Tip for WooCommerce installed. You have 20 minutes to test the plugin after that site we'll be deleted.
Order Tip for WooCommerce is a plugin that allows customers to add a tip or donation to a WooCommerce order. The tip is added under the form of a WooCommerce fee.
It allows the tip to be a percentage of the order total or a fixed custom amount. Cash tip is also available which marks the tip as 0 in value, but you should expect a tip on the delivery of your products or on the pickup of the order by the customer.
There is also an option for adding a custom tip which brings up a text field where the customer is able to type in a custom amount and which is subsequently added as a fixed amount to the order.
The tip can also be set to be taxed or not as per your current Tax options set in WooCommerce. It features 6 standard tip rates (5, 10, 15, 20, 25, 30) that can be extended through a filter – see below under the Developers section.
It features various configuration options in the WooCommerce Settings panel under the tab Order Tip.
The plugin’s backend is translated in German, Swiss German, Spanish, French, Italian, Romanian.
Dutch language support was added, thanks to Roel Mehlkopf (@mhlkpf).
The plugin works out of the box, with no coding skills required on basically any theme. However, it uses JavaScript for adding the tip to the order. If for some reason it doesn’t work as expected, please check your browser’s console for any JS errors or drop a line here in the Support tab providing a link to your website.
Websites using the Astra or Neve theme should avoid using the “After customer details position” to display the tip form. It may break the layout causing the order review sidebar to fall under the customer details one.
There are a couple of filters you can hook into should you need to extend or edit the core functionality:
And a few other filters for changing various strings dynamically, from a different plugin or the active theme:
And one filter for the backend:
CSS classes and IDs that allow customization: