<ul class="wccom-tick-list-primary">
<li>Collect donation or tip from cart and checkout pages</li>
<li>Restrict by products, user roles, shipping methods, and more</li>
<li>Choose from 3 layouts (Radio buttons, Popup, Simple buttons)</li>
<li>Extensive customization options to personalize labels and colors</li>
<li>Compatible with Cart and Checkout Blocks</li>
</ul>
<hr class="wccom-product-single__section-hr" />
<h2 style="text-align: center"><strong>Add a Simple Tipping or Donation Box to Your Online Store</strong></h2>
<p>Tipping at Cart and Checkout for WooCommerce enables you to collect tips or donations from your online store. Using the pre-defined positions, you can display tipping or donations anywhere on the cart and checkout page. Using the shortcode, you can also display it anywhere in your store.</p>
<p><span style="color: var(--wp--preset--color--woo-text-gray,#101517);font-family: var(--wccom-font-family-default);letter-spacing: -0.011em">Choose from 3 different layouts, including the popup,  radio-buttons, and simple buttons layout. Customize labels, buttons, and suggested amounts according to your business needs. Show the custom amount option to let customers enter the desired amount they want to contribute.</span></p>
<p>Enable tipping or donation options for all or specific customers based on user roles. Trigger on the cart and checkout pages when an order includes certain products, categories, or when a customer selects specific shipping method during checkout.</p>
<h2>Use Cases:</h2>
<p><strong>Restaurants:<br />
</strong>If you are running a restaurant provide delivery services, you can use this extension to collect tips from customer during checkout.</p>
<p><strong>Delivery service:<br />
</strong>If you are providing any kind of delivery services, you can use this extension to collect tips for you riders while customer is placing an order.</p>
<p><strong>Donation or cause funding:<br />
</strong>If you are running a non-profit website or need to collect donation for specific cause from your online store, you can use this simple extension to seamlessly collect donations during checkout.</p>
<h2>Features List:</h2>
<ul>
<li>Collect tip or donation from cart and/or checkout page</li>
<li>Choose from 4 different layouts,
<ul>
<li>Select-box</li>
<li>Popup</li>
<li>Radio button</li>
<li>Simple buttons</li>
</ul>
</li>
<li>Show suggested amounts along with a custom amount field</li>
<li>Collect tips or donation in fixed or percentage of the order amount</li>
<li>Three cart display positions:
<ul>
<li>Before cart table</li>
<li>After cart table</li>
<li>After cart</li>
</ul>
</li>
<li>Six checkout display positions:
<ul>
<li>Before Checkout Customer Details</li>
<li>Before Checkout Billing Form</li>
<li>After Checkout Billing Form</li>
<li>Before Order Notes</li>
<li>After Order Notes</li>
<li>After Checkout Form</li>
</ul>
</li>
<li>Shortcode to show tip/donation feature anywhere on your website</li>
<li>Ability to customize labels, buttons, success messages and colors scheme</li>
<li>Restriction based on user roles and shipping methods</li>
<li>Trigger tip/donation when cart contains specific products or categories</li>
<li>Reports to show donations/tip collection</li>
<li>Personalize colors scheme, borders and add custom CSS if needed</li>
</ul>
<h2>Collect tips or donation during checkout:</h2>
<p>You can collect tip or donation from cart, checkout or both pages as per you business needs. Display it almost anywhere on your cart and checkout page using following pre-defined positions,</p>
<ul>
<li>Cart display positions:
<ul>
<li>Before cart table</li>
<li>After cart table</li>
<li>After cart</li>
</ul>
</li>
<li>Checkout display positions:
<ul>
<li>Before Checkout Customer Details</li>
<li>Before Checkout Billing Form</li>
<li>After Checkout Billing Form</li>
<li>Before Order Notes</li>
<li>After Order Notes</li>
<li>After Checkout Form</li>
</ul>
</li>
</ul>
<p><strong style="color: var(--wp--preset--color--woo-text-gray,#101517);font-family: var(--wccom-font-family-default);letter-spacing: -0.011em"><strong><img class="alignnone size-full wp-image-18734004508428" src="https://woocommerce.com/wp-content/uploads/2024/11/Collect-tips-or-donation-at-checkout-or-cart-1.png" alt="" width="980" height="734" /></strong>     </strong></p>
<h2>Choose from 3 layouts:</h2>
<p>Tipping at Cart and Checkout for WooCommerce comes with 4 different layouts to choose from.</p>
<h3>Select-box:</h3>
<p>The select-box layout shows tipping options in a dropdown to let customers choose the relevant option or enter a custom amount to include in their order.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508424" src="https://woocommerce.com/wp-content/uploads/2024/11/Selectbox-dropdown-design-for-tipping-and-donation.png" alt="" width="980" height="394" /></strong></p>
<h3>Simple Buttons</h3>
<p>This design shows suggested amounts or percentages as buttons that customers can click to include in their order totals. Customers can remove or update them by clicking on any other option or entering a custom amount.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508425" src="https://woocommerce.com/wp-content/uploads/2024/11/Simple-buttons-design-for-tipping-and-donation.png" alt="" width="980" height="459" /></strong></p>
<h3>Radio-buttons</h3>
<p>The radio-button style keeps the selection highlighted and allows customers to select any other option as they desire.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508432" src="https://woocommerce.com/wp-content/uploads/2024/11/Radio-buttons-design-for-tipping-donation.png" alt="" width="980" height="391" /></strong></p>
<h3>Popup</h3>
<p>Popup design allows you to retain your existing cart and checkout page layout while displaying tip or donation options in an attractive popup as soon as customers lands on their cart or checkout page.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508423" src="https://woocommerce.com/wp-content/uploads/2024/11/Popup-design-for-tipping-and-donation.png" alt="" width="980" height="624" /></strong></p>
<h2>Products and shipping method restrictions:</h2>
<p>You can restrict tipping or donation by products, categories, and shipping methods. Show the tipping/donation option only when any of the selected products or categories are in the cart or the customer selects a specific shipping method.</p>
<p><img class="alignnone size-full wp-image-18734004508462" src="https://woocommerce.com/wp-content/uploads/2024/11/Payment-and-product-restrictions-1.png" alt="" width="980" height="451" /></p>
<h2>Collect tips or donations in amount or percentage of cart total:</h2>
<p>You can collect tips in the amount or percentage of the cart totals. Depending on the collection type, you can show suggested options to let customers quickly add the tip/donation to their cart. Additionally, you can show a custom field to let customers enter the desired tip instead of choosing from the suggested options.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508430" src="https://woocommerce.com/wp-content/uploads/2024/11/Tip-donation-at-Fixed-or-percentage-amount.png" alt="" width="980" height="360" /></strong></p>
<h2>Shortcode:</h2>
<p>Using the shortcode, you can display a tip and donation option anywhere on your website. Additionally, you can add personalized heading, labels and other options for the shortcode.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508433" src="https://woocommerce.com/wp-content/uploads/2024/11/Tipping-Shordcode.png" alt="" width="980" height="394" /></strong></p>
<h2>Restrict by user roles:</h2>
<p>You can enable tipping and donation option for all or specific customers by user roles.</p>
<p><strong><img class="alignnone size-full wp-image-18734004508434" src="https://woocommerce.com/wp-content/uploads/2024/11/User-Role-restrictions.png" alt="" width="980" height="328" /></strong></p>
<h2>Extensive customization options:</h2>
<p>Tipping at Cart & Checkout for WooCommerce comes with extensive customization options, which includes,</p>
<ul>
<li>Customization of labels, buttons, and success messages</li>
<li>Change colors of text labels, submit button, option amounts, background and more</li>
<li>Personalize border and radius</li>
<li>Add custom CSS for advanced customization</li>
</ul>
<p>Please see documentation for more details on customization options.</p>

Tipping at Cart and Checkout

<p>Allow your customers to leave a tip or donation while placing an order. Enable tip/donation on cart, checkout or any other page using shortcode. Restrict based on products, categories, user roles, and more.</p>

<ul>
<li><strong>Create Flexible Product Bundles</strong><br />
Combine multiple simple and variable products into a single, configurable bundle.</li>
<li><strong>Support for Variable Products</strong><br />
Allow customers to select variations (size, color, etc.) for bundled products.</li>
<li><strong>Multiple Pricing Options</strong><br />
Choose between auto-calculated pricing or a fixed bundle price.</li>
<li><strong>Advanced Discount Management</strong><br />
Apply percentage or fixed discounts to regular or sale prices.</li>
<li><strong>Multiple Bundle Layouts</strong><br />
Display bundles in List, Grid, or Accordion layouts for better usability.</li>
<li><strong>Smart Stock Handling</strong><br />
Control bundle availability with strict, flexible, or ignore-stock modes.</li>
<li><strong>Custom Quantity Controls</strong><br />
Set minimum and maximum quantities for bundles and bundled items.</li>
<li><strong>Cart & Checkout Control</strong><br />
Decide how bundles and individual items appear in the cart and checkout.</li>
<li><strong>Custom Labels & Text</strong><br />
Personalize all bundle-related text to match your store language.</li>
<li><strong>Button & Style Customization</strong><br />
Fully customize buttons, colors, borders, and bundle UI elements.</li>
<li><strong>Show or Hide Item Details</strong><br />
Display thumbnails, prices, and short descriptions for bundle items.</li>
<li><strong>Conversion-Focused Design</strong><br />
Clean layouts and clear bundle presentation improve customer decision-making.</li>
</ul>
<p><strong>Chained Product Bundles for WooCommerce</strong> lets you create flexible, conversion-focused product bundles by linking multiple products together in a single purchase flow. It empowers store owners to build smart bundles that adapt to customer choices while maintaining full control over pricing, layout, and bundle behavior.</p>
<p data-is-last-node="" data-is-only-node="">With advanced configuration options, customizable layouts, dynamic pricing rules, and seamless cart and checkout handling, the plugin makes it easy to offer personalized bundles that increase average order value and improve the overall shopping experience—without complicating store management.</p>
<h3><strong>Create Smart Product Bundles</strong></h3>
<p>Easily configure each product bundle with flexible pricing, layout, and discount options to match your sales strategy. Choose between auto-calculated or fixed pricing, apply percentage or fixed discounts to regular or sale prices, and control minimum and maximum purchase quantities. Multiple layout styles—List, Grid, or Accordion—ensure your bundles look great and remain easy to customize.</p>
<p><img class="alignnone size-full wp-image-18734006229612" src="https://woocommerce.com/wp-content/uploads/2026/01/1-Adding-a-Bundles-1.png" alt="Product bundles for woocommerce" width="980" height="968" /></p>
<h3><strong data-is-only-node="">Multiple Layout Types</strong></h3>
<p>Choose from List, Grid, or Accordion layouts to display your bundles in a clean and user-friendly way. Present products exactly how you want to improve readability and customer engagement.</p>
<p><img class="alignnone wp-image-18734006229605" src="https://woocommerce.com/wp-content/uploads/2026/01/Frame-1-2.png" alt="" width="1087" height="262" /></p>
<h3>Support for Variable Products</h3>
<div class="flex flex-col text-sm pb-25">
<article class="text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&:has([data-writing-block])>*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" dir="auto" data-turn-id="request-WEB:d53ec336-ca24-44bb-b3af-1b32179486b0-5" data-testid="conversation-turn-10" data-scroll-anchor="true" data-turn="assistant">
<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] @w-sm/main:[--thread-content-margin:--spacing(6)] @w-lg/main:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)">
<div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn">
<div class="flex max-w-full flex-col grow">
<div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&]:mt-1" dir="auto" data-message-author-role="assistant" data-message-id="163ccfad-ada3-4d24-a819-348aa65447fa" data-message-model-slug="gpt-5-2">
<div class="flex w-full flex-col gap-1 empty:hidden first:pt-[1px]">
<div class="markdown prose dark:prose-invert w-full break-words light markdown-new-styling">
<p data-is-last-node="" data-is-only-node="">Easily include variable products in your bundles and let customers choose variations like size, color, or style. This ensures full flexibility while keeping the bundle experience seamless and intuitive.</p>
<p data-is-last-node="" data-is-only-node=""><img class="alignnone size-full wp-image-18734006229619" src="https://woocommerce.com/wp-content/uploads/2026/01/Frame-2-1.png" alt="Variable products product bundles woocommerce" width="980" height="808" /></p>
</div>
</div>
</div>
</div>
<h3 class="z-0 flex min-h-[46px] justify-start">Display All Bundles in One Place</h3>
<div class="z-0 flex min-h-[46px] justify-start">Show all available bundles together in a single view, making it easy for customers to find and compare options. This saves time and improves product discovery and conversions.</div>
<div><img class="alignnone size-full wp-image-18734006229621" src="https://woocommerce.com/wp-content/uploads/2026/01/4-Bundle-in-once-place-1.png" alt="Product bundles for woocommerce" width="980" height="612" /></div>
<h3><strong data-is-only-node="">Minimum & Maximum Purchase Limits</strong></h3>
<div>Set minimum and maximum quantity limits for the entire bundle or individual products within the bundle. This helps control inventory, prevent misuse, and guide customers toward optimal purchase quantities.</div>
<div><img class="alignnone size-full wp-image-18734006229627" src="https://woocommerce.com/wp-content/uploads/2026/01/Frame-3-1.png" alt="Limit purchase woocommerce product bundle" width="980" height="591" /></div>
<p><strong data-is-only-node="">Smart Stock Handling for Bundles</strong></p>
<p>Define how bundles behave when products are out of stock or unavailable.</p>
<ul>
<li><strong>Strict</strong> <strong>– Hide Bundle Completely</strong><br />
Hide the entire bundle if any item is unavailable.</li>
<li><strong>Flexible</strong> <strong>– Disable Unavailable Items</strong><br />
Show the bundle but disable unavailable items.</li>
<li><strong>Flexible</strong> <strong>– Hide Unavailable Items</strong><br />
Automatically hide unavailable items from the bundle.</li>
<li><strong>Ignore Stock – Always Available</strong><br />
Keep the bundle available regardless of stock status.</li>
</ul>
<p><img class="alignnone wp-image-18734006229634" src="https://woocommerce.com/wp-content/uploads/2026/01/image-9.png" alt="woocommerce bundle discount" width="731" height="189" /></p>
<p><strong data-is-only-node="">Optional & Required Bundle Items</strong></p>
<div>Mark bundle items as optional or required to control customer selections. Ensure essential products are always included while giving flexibility to add or skip optional items.</div>
<div><img class="alignnone size-full wp-image-18734006229655" src="https://woocommerce.com/wp-content/uploads/2026/01/Frame-4-1.png" alt="Product bundles for woocommerce" width="980" height="685" /></div>
<div></div>
<h3><strong data-is-only-node="">Bundle & Item-Level Discounts</strong></h3>
<div>Apply discounts at both the bundle level and the individual product level. Create powerful pricing strategies by combining overall bundle savings with item-specific discounts.</div>
<div><strong data-is-only-node="">Display Settings</strong></div>
<div>Control how bundle items appear on the product page with flexible display options. Show thumbnails, prices, and short descriptions, allow quantity changes, or hide the total bundle price for a cleaner presentation.</div>
<div><img class="alignnone wp-image-18734006229697" src="https://woocommerce.com/wp-content/uploads/2026/01/image-12.png" alt="Bundle Display Settings for WooCommerce" width="698" height="355" /></div>
<div></div>
<h3><strong data-is-only-node="">Fully Customizable Bundle Design</strong></h3>
<div>Customize buttons, labels, colors, and layouts to match your store’s branding. Create a seamless, consistent bundle experience without touching any code.</div>
<div><img class="alignnone size-full wp-image-18734006229678" src="https://woocommerce.com/wp-content/uploads/2026/01/image-11.png" alt="Fully Customizable design for woocommerce bundles" width="980" height="1154" /></div>
</div>
<div></div>
</div>
</article>
</div>

Chained Product Bundles

<p>Chained Product Bundles for WooCommerce allows you to create powerful product bundles with flexible pricing, layouts, and discount controls to boost conversions and average order value.</p>

Tipping at Cart and Checkout vs Chained Product Bundles