Donation or Tip For WooCommerce
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 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 → 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 Install and activate the plugin (WooCommerce must already be active). Go to WooCommerce > Donation or Tip in your WordPress admin. 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. In the Styles tab, customize all colors, font sizes, and button padding to match your store’s design. Save your settings — the donation widget immediately appears on your cart and/or checkout pages. 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. View all donations received in the Donation Report tab, searchable and sortable by amount, with direct links to each order.
Top keywords
- donation57×4.31%
- button32×2.42%
- predefined26×1.97%
- color22×1.66%
- text20×1.51%
- woocommerce17×1.28%
- set16×1.21%
- cart14×1.06%
- order14×1.06%
- checkout13×0.98%
- value13×0.98%
- tip12×0.91%
Translate WordPress with GTranslate
Translate WordPress with GTranslate plugin uses Google Translate AI translation service to translate wordpress site with Google power and make it multilingual. With 103 available languages your site will be available to more than 99% of internet users. Our paid versions are fully SEO compatible which will increase your international traffic and sales. This translate plugin is a budget multilingual WordPress solution which combines automatic and human translations to save money and is easy to implement. GTranslate is a leading website translation services provider since 2008, it moves away the language barriers. Compared to other translation plugins for WordPress, we use cloud based approach which does not slow down your website. In addition to that, we can offer complete SEO features based on sub-domains with our paid options, which can make your website appear in search engines in different languages which will increase your international traffic and sales. In our paid versions we DO NOT limit the number of words or the number of translated pageviews. You DO NOT pay additionally for automatic translations. Please use GTranslate Support for your questions and support requests! We are multilingual! Please check our FAQ to get quick answers. Features Free Google automatic machine translation Hides Google top frame after translation Translate website on the fly Translate posts and pages Translate categories and tags Menus and widgets translation Themes and plugins translation Right to left language support Google language translator widget Auto-switch language based on browser defined language Available styles Float, Dropdown, Flags, Flags with dropdown, Nice dropdown with flags, Flags with language names, Flags with language codes, Language names, Language codes, Globe, Popup Floating language selector WooCommerce shop translation Multilingual language names in native alphabet Alternative flags for Quebec, Canada, USA, Brazil, Mexico, Argentina, Colombia Lazy loading for language flags and js libraries to boost performance Lightweight vanilla javascript without dependencies Forum Support Paid Features Multilingual SEO – Enable search engine indexing Neural machine translations with human level translation quality Increase traffic and AdSense revenue Search engine friendly (SEF) URLs Yoast SEO compatible – translate meta keywords, meta description, schema.org data structures, translate sitemaps WooCommerce compatible – translate products, schema.org data structures You can have sub-directory (example.com/es/) or sub-domain (es.example.com) URL structure URL Translation aka slug translation is possible (example.com/about-us → example.es/sobre-nosotros) Add hreflang tags for translated alternatives You can manually correct translations In context translation interface (make corrections without losing the context) Meta data translation (meta keywords, meta description) Translating schema.org microdata for better search engine appearance Seamless updates (cloud service updated on our side – SaaS, you do not need to worry about backups on your side) JSON format translation Translate WooCommerce emails AMP translation (Accelerated Mobile Pages translation) Image localization – Media translation Translation Proxy (aka Translation Delivery Network) Centralized Translation Cache – We revise and improve translations over time Language Hosting (example.fr) User Dashboard with Analytics Live Chat Support See also If you are looking for unlimited, high-quality automatic translations, check out TranslateX – an automatic translation API offering unlimited translation for your website or application. We also offer integration plugins: TranslateX for Loco Translate – integrate TranslateX API directly into Loco Translate for seamless, unlimited automatic translations. TranslateX for TranslatePress – bring unlimited automatic translation to TranslatePress using TranslateX API. These solutions make it easy to supercharge your WordPress multilingual setup with TranslateX’s secure and affordable API. GTranslate WordPress Demo Watch GTranslate Tour Edit Translations Demo (paid)