Title: Donation or Tip For WooCommerce Author: howdytheme Published: 13. Oktober 2023 Last modified: 29. Juni 2026 --- Search plugins ![](https://ps.w.org/donation-or-tip-for-woocommerce/assets/banner-772x250.png?rev =3423507) ![](https://ps.w.org/donation-or-tip-for-woocommerce/assets/icon-256x256.png?rev =2978559) # Donation or Tip For WooCommerce By [howdytheme](https://profiles.wordpress.org/howdytheme/) [Download](https://downloads.wordpress.org/plugin/donation-or-tip-for-woocommerce.zip) * [Details](https://de-ch.wordpress.org/plugins/donation-or-tip-for-woocommerce/#description) * [Reviews](https://de-ch.wordpress.org/plugins/donation-or-tip-for-woocommerce/#reviews) * [Installation](https://de-ch.wordpress.org/plugins/donation-or-tip-for-woocommerce/#installation) * [Development](https://de-ch.wordpress.org/plugins/donation-or-tip-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/) ## Description **Donation or Tip For WooCommerce** is a free WordPress plugin that adds a fully configurable donation or tip widget to your WooCommerce cart and checkout pages. Let customers voluntarily contribute an extra amount to your store — whether as a charitable donation, a tip for your team, a carbon-offset contribution, or any other cause — without leaving the checkout flow. The entire widget is managed from a clean, modern React-powered settings panel inside your WooCommerce admin. No shortcodes, no page builder blocks, no code editing. Enable, position, style, and manage donations entirely from one dedicated settings page, with a live donation report showing every order that included a contribution. > **Requires WooCommerce** to be installed and activated. [⭐ Upgrade to Pro](https://www.topsmodule.com/product/donation-or-tip-for-woocommerce/) #### Why Use Donation or Tip For WooCommerce? WooCommerce has no built-in way to collect voluntary extra payments from customers at checkout. This plugin adds that capability in the most flexible way possible — with two distinct donation modes, fixed and percentage amount support, a fully styled widget, multiple placement positions on both cart and checkout pages, and a built- in reporting dashboard, all for free. Whether you run a nonprofit store, want to collect tips for your fulfillment team, offer a «round up for charity» option, or simply want to give customers a way to show appreciation, this plugin handles every use case without modifying your theme or requiring developer work. #### Free Features **General Settings** * ✅ **Enable / Disable Donation** — Toggle the entire donation and tip functionality on or off from the admin panel with a single switch, without deactivating the plugin * ✅ **Donation Type: Predefined Values** — Offer customers a set of preset donation amounts displayed as clickable buttons or a dropdown selector * ✅ **Donation Type: Free Text Input** — Let customers type in any custom donation or tip amount manually, with a choice between fixed value and percentage at the time of input * ✅ **Predefined Amount Type** — Choose whether predefined values represent fixed currency amounts or percentages of the cart subtotal * ✅ **Predefined Values List** — Enter any comma-separated list of amounts (e. g. 5, 10, 15, 20) to display as preset donation options * ✅ **Currency Symbol** — Set the currency symbol displayed alongside predefined donation values in the frontend widget * ✅ **«Other» Option Button** — Show an «Other» button alongside predefined values that reveals a free-text input field for a custom amount * ✅ **Show / Hide Remove Donation Button** — Optionally display a remove button that lets customers withdraw their donation before submitting the order * ✅ **Show on Cart Page** — Enable or disable the donation widget on the WooCommerce cart page independently * ✅ **Show on Checkout Page** — Enable or disable the donation widget on the WooCommerce checkout page independently * ✅ **Cart Page Position** — Choose exactly where the widget appears on the cart page: before the cart, in the cart collaterals area, or after the cart * ✅ **Checkout Page Position** — Choose exactly where the widget appears on the checkout page: before the form, after order review, after billing form, or after the full checkout form * ✅ **WooCommerce Blocks Compatibility** — Fully compatible with the WooCommerce Cart Block and Checkout Block in addition to the classic shortcode-based pages **Style Settings** * ✅ **Predefined Value Display Style** — Switch between displaying predefined values as pill buttons or as a compact dropdown selector * ✅ **Donation Button Font Size** — Set the font size of the main donation / add button in pixels * ✅ **Donation Alert Font Size** — Set the font size of the success alert message shown after a donation is added * ✅ **Remove Button Font Size** — Set the font size of the remove donation button independently * ✅ **Predefined Value Font Size** — Set the font size displayed inside the predefined value buttons or dropdown * ✅ **Predefined Button Padding** — Control the top/bottom and left/right padding of predefined value buttons independently for precise layout control * ✅ **Alert Text Color** — Set the color of the success alert message shown after a donation is applied * ✅ **Donation Button Background Color** — Customize the background color of the main add-donation button * ✅ **Donation Button Text Color** — Customize the text color of the main add- donation button * ✅ **Remove Button Background Color** — Set the background color of the remove donation button * ✅ **Remove Button Text Color** — Set the text color of the remove donation button * ✅ **Predefined Button Default Background Color** — Set the default background color of predefined value buttons * ✅ **Predefined Button Default Text Color** — Set the default text color of predefined value buttons * ✅ **Predefined Button Hover Background Color** — Set the background color of predefined value buttons on hover * ✅ **Predefined Button Hover Text Color** — Set the text color of predefined value buttons on hover * ✅ **Predefined Button Active Background Color** — Set the background color of the currently selected predefined value button * ✅ **Predefined Button Active Text Color** — Set the text color of the currently selected predefined value button **Donation Report** * ✅ **Built-in Donation Report Dashboard** — A dedicated Donation Report tab inside your WooCommerce admin lists every order that included a donation or tip, with order ID, customer name, donation value, and date * ✅ **Total Donation Summary** — See the total donations collected across all orders at a glance, with a per-page total in the report table * ✅ **Search and Filter** — Search the donation report by customer name or order ID to find specific entries quickly * ✅ **Sortable by Amount** — Sort the entire donation report by donation value in ascending or descending order with a single click * ✅ **Pagination Controls** — Navigate large donation lists with full pagination, configurable rows-per-page (5, 10, 25, 50, or 100), and smart page number display * ✅ **Direct Order Links** — Each row in the report links directly to the WooCommerce order edit screen for quick review * ✅ **Donation Saved to Order Meta** — The donation or tip amount is stored as order meta (`donation_price`) on every WooCommerce order, making it available for custom queries, exports, and third-party integrations * ✅ **Guest & Registered Customer Support** — Donations are correctly attributed to both guest checkouts and logged-in customer accounts in the report #### Pro Version Features Unlock the following advanced controls with the **Pro Version**: * ⭐ **Custom Field Title** — Change the main title shown above the donation widget on the frontend (e.g. «Add a Tip», «Support Our Cause», «Round Up for Charity»)— fully editable in the Pro version * ⭐ **Custom «Other» Option Text** — Translate or customize the label of the « Other» button that reveals the free-text input field * ⭐ **Custom Remove Donation Button Text** — Change the label of the remove donation button from the default «Remove» to any text in any language * ⭐ **Custom Donation Button Text** — Change the label of the add-donation button from the default «Add donation» to any custom text * ⭐ **Custom Donation Amount Label Text** — Change the label shown next to the donation line item on the cart and checkout order summary (e.g. «Tip for our team», «Charity donation») * ⭐ **Custom Alert Success Message Text** — Customize the confirmation message shown to the customer after they successfully add a donation [👉 Get the Pro Version ](https://www.topsmodule.com/product/donation-or-tip-for-woocommerce/) #### Perfect For * Nonprofit and charity WooCommerce stores collecting voluntary contributions at checkout * Restaurants, cafes, and food delivery stores offering a tip option for staff * Any store wanting to offer a «round up for charity» or cause-based donation option * Digital product stores collecting optional tips from satisfied customers * Subscription and membership stores giving members a way to contribute extra * Eco-conscious stores offering a carbon offset or environmental donation option * Freelancers and service providers selling via WooCommerce who want to accept gratuities #### How It Works 1. Install and activate the plugin (WooCommerce must already be active). 2. Go to **WooCommerce > Donation or Tip** in your WordPress admin. 3. In the **General** tab, enable the plugin, choose your donation type (predefined values or free text input), set your predefined amounts, and configure which pages and positions to show the widget on. 4. In the **Styles** tab, customize all colors, font sizes, and button padding to match your store’s design. 5. Save your settings — the donation widget immediately appears on your cart and/or checkout pages. 6. Customers select or enter their donation amount and click the add button. The amount is added as a fee line item to the cart total. 7. View all donations received in the **Donation Report** tab, searchable and sortable by amount, with direct links to each order. ## Screenshots [⌊General settings tab — donation type, predefined values, display and position controls⌉⌊General settings tab — donation type, predefined values, display and position controls⌉[ General settings tab — donation type, predefined values, display and position controls [⌊Translations settings tab — customizable text labels for buttons, alerts, and donation amount fields⌉⌊Translations settings tab — customizable text labels for buttons, alerts, and donation amount fields⌉[ Translations settings tab — customizable text labels for buttons, alerts, and donation amount fields [⌊Style settings tab — full color pickers, font sizes, and button padding controls⌉⌊ Style settings tab — full color pickers, font sizes, and button padding controls⌉[ Style settings tab — full color pickers, font sizes, and button padding controls [⌊Donation Report tab — searchable, sortable, paginated table of all donations received⌉⌊ Donation Report tab — searchable, sortable, paginated table of all donations received⌉[ Donation Report tab — searchable, sortable, paginated table of all donations received [⌊Donation widget with predefined percentage buttons displayed on the WooCommerce cart page⌉⌊Donation widget with predefined percentage buttons displayed on the WooCommerce cart page⌉[ Donation widget with predefined percentage buttons displayed on the WooCommerce cart page [⌊Donation widget with predefined percentage buttons displayed on the WooCommerce checkout page⌉⌊Donation widget with predefined percentage buttons displayed on the WooCommerce checkout page⌉[ Donation widget with predefined percentage buttons displayed on the WooCommerce checkout page [⌊Donation amount shown as a line item on the WooCommerce order confirmation page⌉⌊ Donation amount shown as a line item on the WooCommerce order confirmation page⌉[ Donation amount shown as a line item on the WooCommerce order confirmation page [⌊Donation widget in free text percentage input mode on the WooCommerce cart page⌉⌊ Donation widget in free text percentage input mode on the WooCommerce cart page⌉[ Donation widget in free text percentage input mode on the WooCommerce cart page [⌊Predefined values displayed as a dropdown selector on the WooCommerce cart page⌉⌊ Predefined values displayed as a dropdown selector on the WooCommerce cart page⌉[ Predefined values displayed as a dropdown selector on the WooCommerce cart page [⌊Donation amount saved as a fee line item on the WooCommerce admin order edit screen⌉⌊ Donation amount saved as a fee line item on the WooCommerce admin order edit screen⌉[ Donation amount saved as a fee line item on the WooCommerce admin order edit screen [[ ## Installation #### Automatic Installation (Recommended) 1. Make sure **WooCommerce** is installed and activated on your WordPress site. 2. Go to **Plugins > Add New** in your WordPress admin dashboard. 3. Search for **«Donation or Tip For WooCommerce»** and click **Install Now**. 4. Click **Activate** once installation is complete. 5. Go to **WooCommerce > Donation or Tip** to configure the plugin. #### Manual Installation 1. Download the plugin ZIP file from the WordPress plugin directory. 2. Go to **Plugins > Add New > Upload Plugin** in your WordPress admin. 3. Select the downloaded ZIP file and click **Install Now**. 4. Activate the plugin after installation completes. 5. Go to **WooCommerce > Donation or Tip** to configure the plugin. ## FAQ ### Does this plugin require WooCommerce? Yes. WooCommerce must be installed and activated. The donation amount is added as a WooCommerce cart fee, so the plugin depends entirely on the WooCommerce cart and checkout system. ### Does the donation appear as a line item in the order? Yes. The donation or tip is added as a fee line item on the WooCommerce cart and order summary. It is also stored as order meta (`donation_price`) on the completed order for reporting and integration purposes. ### Can I choose where the donation widget appears on the page? Yes. You can independently control the position on the cart page (before cart, in collaterals, after cart) and on the checkout page (before form, after order review, after billing form, after checkout form) from the General settings tab. ### Can I show the widget on both cart and checkout, or only one? Yes. The cart page and checkout page display are controlled by separate toggles, so you can show the widget on one or both pages independently. ### What are the two donation types? The first type — Predefined Values — shows customers a set of fixed buttons or a dropdown with pre-set amounts (fixed or percentage of cart subtotal). The second type — Free Text Input — shows a number input where customers can type any amount, choosing between fixed or percentage at the time of entry. You can only use one type at a time. ### Can I offer both a predefined list and a custom amount option? Yes. When using predefined values, you can enable an «Other» option button that reveals a free-text input field alongside the preset buttons, giving customers the flexibility of both. ### Does the plugin work with the WooCommerce Cart Block and Checkout Block? Yes. The plugin is fully compatible with the WooCommerce blocks-based cart and checkout in addition to the classic shortcode-based pages. ### Where do I view the donations customers have made? Go to **WooCommerce > Donation or Tip** and click the **Donation Report** tab. You will see a searchable, sortable, paginated table of all orders containing a donation or tip, with the customer name, amount, date, and a direct link to each order. ### Can customers remove a donation they have already added? Yes. You can enable a «Remove donation» button from the General settings tab. When visible, customers can click it at any time before completing checkout to remove their donation from the cart total. ### What are the Pro version features? The Pro version unlocks the ability to customize all text labels shown to customers— the widget title, the «Other» button text, the add-donation button text, the remove- donation button text, the donation amount label in the order summary, and the success alert message. These are essential for multilingual sites or stores that want custom branding. [Upgrade here ](https://www.topsmodule.com/product/donation-or-tip-for-woocommerce/) ### Is the donation amount included in WooCommerce order emails? Yes. Because the donation is added as a WooCommerce fee, it appears as a line item in all standard WooCommerce order confirmation and admin notification emails automatically. ### Where can I report a bug or request a feature? Please use the plugin support forum on WordPress.org to report bugs or submit feature requests. ## Reviews ![](https://secure.gravatar.com/avatar/fe81c1e44149a1978144fb2f200cf4015b974d8dfe4ee71699d03f676f4f8c07? s=60&d=retro&r=g) ### 󠀁[Quick easy and inexpensive way to add a donation button to woocommerce](https://wordpress.org/support/topic/quick-easy-and-inexpensive-way-to-add-a-donation-button-to-woocommerce/)󠁿 [geschmidt](https://profiles.wordpress.org/geschmidt/) 15. Januar 2026 I am doing a website for a non-profit for minimal cost. Everything I found out there for a donate button was complicated for a beginner, or too expensive to buy a annual renewal version.This is free or $20 for one time paid, which is a good deal, especially for a non-profit.I did have a small issue. They responded instantly and remedied my issue (on my end). ![](https://secure.gravatar.com/avatar/4f4cd2e4545b73c8e15811ec75fe2cd5b585a2a625a13ed16db1601cb7185f57? s=60&d=retro&r=g) ### 󠀁[Simple Plugin but Works Great!](https://wordpress.org/support/topic/simple-plugin-but-works-great/)󠁿 [ladysham](https://profiles.wordpress.org/ladysham/) 29. September 2025 I was trying to find an easy plugin to implement donations into WooCommerce. Found this plugin and it was affordable. Had a few formatting issues after it was installed and contact the creator for help. Was contacted in less than an hour and it was fixed soon after that! So thankful for the help! Good job! [ Read all 2 reviews ](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/) ## Contributors & Developers “Donation or Tip For WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ howdytheme ](https://profiles.wordpress.org/howdytheme/) [Translate “Donation or Tip For WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/donation-or-tip-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/donation-or-tip-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/donation-or-tip-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/donation-or-tip-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/donation-or-tip-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Initial release — adds a fully configurable donation or tip widget to WooCommerce cart and checkout pages, with predefined value mode (buttons or dropdown, fixed or percentage), free text input mode (fixed or percentage), «Other» custom amount option, remove donation button, six configurable placement positions across cart and checkout, full style customization (colors, font sizes, button padding), WooCommerce Blocks compatibility, HPOS support, and a built-in Donation Report dashboard. ## Meta * Version **1.0** * Last updated **4 Monaten ago** * Active installations **100+** * WordPress version ** 5.5 or higher ** * Tested up to **7.0.7** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/donation-or-tip-for-woocommerce/) * Tags * [donation plugin](https://de-ch.wordpress.org/plugins/tags/donation-plugin/)[woocommerce donation](https://de-ch.wordpress.org/plugins/tags/woocommerce-donation/) [Woocommerce tip](https://de-ch.wordpress.org/plugins/tags/woocommerce-tip/) * [Advanced View](https://de-ch.wordpress.org/plugins/donation-or-tip-for-woocommerce/advanced/) ## Ratings 5 von 5 Sternen. * [ 2 5-Sterne-Rezensionen ](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/?filter=5) * [ 0 4-Sterne-Rezensionen ](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/?filter=4) * [ 0 3-Sterne-Rezensionen ](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/?filter=3) * [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/?filter=2) * [ 0 1-Sterne-Rezensionen ](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/reviews/) ## Contributors * [ howdytheme ](https://profiles.wordpress.org/howdytheme/) ## Support Issues resolved in last two months: 0 out of 1 [View support forum](https://wordpress.org/support/plugin/donation-or-tip-for-woocommerce/)