Donation or Tip For WooCommerce vs Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

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.

Compress images, optimize images, and enable image lazy load automatically with the powerful Smush image optimizer to keep your WordPress site fast, without losing quality. Smush makes it easy to optimize images, compress images, and deliver images faster across your entire WordPress site. This all-in-one image optimizer automatically reduces image file sizes, enables image lazy load, and serves modern formats like WebP and AVIF, all without breaking image quality or adding extra work. Whether you’re running a blog, store, or portfolio, Smush helps you optimize images at scale and keep your site fast with a trusted WordPress image optimizer. Trusted by 1+ Million Sites | 4.8/5 Star Rating Get everything you need to optimize images and speed up your site. Smush works out of the box with no complicated setup – just install and let it handle the rest. Compress images without losing quality Reduce image file size automatically while keeping your images sharp and clear. Smush is an easy-to-use image optimizer which let’s you compress images using both lossless and lossy compression, giving you the best balance of quality and performance without extra work. You can also compress images outside the media library using Directory Smush, making it easy to optimize images stored in theme folders, plugins, or other directories on your server. Lazy load images for faster pages Enable image lazy load across your site so images load only when needed. This image optimizer improves initial page speed and creates a smoother experience for visitors without extra configuration. Serve WebP and AVIF images automatically (PRO) Convert images to WebP and AVIF and serve them automatically to supported browsers. Smush helps you optimize images using next-gen formats to reduce file size and improve load times across your WordPress site. Deliver images faster with an Image CDN (PRO) Serve images through a global image CDN to reduce latency and improve load times for visitors around the world. 119 global CDN servers Up to 500 GB of bandwidth Faster image delivery based on visitor location Improved performance for image-heavy and high-traffic sites Automatically resize and fix image dimensions (PRO) Eliminate common PageSpeed warnings and improve layout stability with automatic image sizing. Smush dynamically resizes images to perfectly fit their containers, regardless of original size, helping fix the “Properly size images” warning in Google PageSpeed Insights. It also automatically adds missing width and height attributes to your images, improving rendering speed and reducing layout shifts. This helps you meet the “Ensure images have explicit width and height” recommendation without any manual work. Optimize your entire site, automatically Smush works across your whole site as a powerful image optimizer to optimize images as you upload them and maintain performance over time without manual work. Optimize images automatically on upload Compress images in bulk or individually Works with your existing media library No need to re-upload images Enable image lazy load across your site Convert images to WebP and AVIF Deliver images with an integrated image CDN Automatically resize and serve correctly sized images Optimize images outside the media library with Directory Smush Built for performance Smush improves page speed and overall performance by reducing image weight and improving how images are delivered. Reduce page load times Improve user experience Better performance for image-heavy pages Supports image lazy load and preload images (PRO) for faster perceived performance Works with your existing setup Smush is built to work with your current WordPress setup, including popular themes, page builders, and plugins. Compatible with Gutenberg, Elementor, WPBakery, and more Works with WooCommerce stores No need to change your workflow Easy to enable and configure Designed to be simple You don’t need to be a performance expert to optimize images with Smush image optimizer. Works out of the box Simple settings when you need them No technical knowledge required Safe to use on any site Why choose Smush? There are plenty of image optimization plugins, but Smush focuses on making it easy to optimize images, compress images, and improve performance without complexity. As a leading WordPress image optimizer, Smush gives you powerful optimization tools without the technical hassle. Trusted by over 1 million WordPress users Built specifically for WordPress Regular updates and improvements Backed by the WPMU DEV team Get started in minutes Install Smush, activate it, and start to compress images, optimize images, and enable image lazy load right away. This easy-to-use image optimizer helps most sites see improvements immediately without changing how they upload or manage images. About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you! Contact and Credits Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.