<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>

<p>Merchants often struggle with margins because they fail to account for the additional costs associated with an order. In order to increase margins and average order value, use: Conditional Extra Fee for WooCommerce<br />
This extension enables merchants to charge customers an additional fee based on conditional logic. These fees can be charged in a fixed amount or as a percentage, and can be made optional or mandatory. Fees can be made taxable or non-taxable and can be charged in the customer’s local currency.</p>
<h2>Use Cases</h2>
<ul>
<li><strong>Charge Extra for Express Shipping</strong> – Fast delivery options require extra charges. You can configure an additional fee for specific shipping methods.</li>
<li><strong>Add Fee for Cash on Delivery (COD)</strong> – To discourage customers from using cash on deliver and encourage them to use other payment methods, add a fee for cash on delivery.</li>
<li><strong>Apply Surcharge Based on Regions</strong> – Automatically add an extra fee for deliveries to remote postcodes, islands, or rural zones with higher logistics costs.</li>
<li><strong>Packaging Fee for Fragile Items</strong> – Charge an additional packaging fee when the cart includes products marked as fragile or requiring special handling.</li>
<li style="font-weight: 400"><b>Time-based fees</b><span style="font-weight: 400"> – Charge extra temporarily for holidays and weekends when order fulfillment is hard.</span></li>
<li><strong>Add Fee for Low Cart Value Orders</strong> – Encourage larger purchases or cover costs by adding a fee when the cart subtotal is below a certain threshold (e.g., under $20).</li>
<li><strong>Charge Based on Product Attributes</strong> – Add a fee when products with specific attributes (like extra-large size or special materials) are in the cart.</li>
<li><strong>Environmental or Eco-Packaging Fee</strong> – Offer optional or mandatory eco-friendly packaging with an additional cost, selectable by the customer.</li>
<li><strong>Heavy or Oversized Product Surcharge</strong> – Charge extra when the total cart weight, or individual product dimensions (length, width, height), exceed set limits.</li>
<li><strong>Custom Fee based on user roles</strong> – Attach additional fee to orders from certain user roles.</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005354290" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-conditional-extra-fee-223.png" alt="" width="980" height="472" /></p>
<h2>Features</h2>
<ul>
<li>Add an additional fee to the checkout conditionally</li>
<li>Charge extra fee in a percentage or a fixed amount</li>
<li>Make extra fee taxable or non-taxable</li>
<li>Extra fee can be made optional or required</li>
<li>Show a customizable title for additional fee at checkout</li>
<li>Use the tooltip to explain the extra fee charges to the customer</li>
<li>Specify time for which fee is applicable</li>
<li>Charge fees based on conditional logic</li>
<li>Charge fees based on location, cart contents, products, shipping, user data, and more:
<ul>
<li><strong>Location-Based Rules:</strong> Country, Continent, Zone, State, Post Code</li>
<li><strong>Product-Based Rules:</strong> Product presence, quantity, tag, category, and more</li>
<li><strong>Cart-Based Rules:</strong> Subtotals (pre/post discount), weight, payment method, day of week</li>
<li><strong>User-Based Rules:</strong> Specific users or roles</li>
<li><strong>Shipping-Based Rules:</strong> Shipping method and class</li>
<li><strong>Purchase History Rules:</strong> Amount spent during a specific time period</li>
<li><strong>Product Attribute Rules</strong>: Color, size, type, etc.</li>
</ul>
</li>
<li>Fine-tune your logic using conditions like:
<ul>
<li>Equals, Not Equals, Greater Than, Less Than, etc.</li>
</ul>
</li>
<li>Trigger conditional fees based on:
<ul>
<li>Cart quantity, weight, subtotal</li>
<li>Product quantity, weight, subtotal</li>
<li>Category or tag-specific quantity</li>
<li>Shipping class quantity or weight</li>
</ul>
</li>
<li>Choose to show or hide conditional extra fee check box when fee is optional</li>
<li>Choose to show additional fee in WooCommerce order analytics</li>
</ul>
<h2>Add a conditional extra checkout fee</h2>
<p>This plugin allows you to add extra fees and taxes during checkout. You can enable or disable conditional fees based on your business needs. You can create the general rule title, fee type, and additional fee amount, and choose whether the fee is taxable or non-taxable. The plugin also lets you add tooltips to make the fields more understandable. Additionally, you can apply fees based on the selected currency.</p>
<p><img class="alignnone size-full wp-image-18734005232478" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-128.png" alt="" width="873" height="440" /></p>
<h2>Charge fee in Percentage or Fixed Amount</h2>
<p>With conditional extra fees for WooCommerce extension, you can charge an extra fee based on a percentage or a fixed amount value. The percentage-based extra fee can be applied. You can also configure a percentage-based fee to be applied on:</p>
<ul>
<li>Subtotal</li>
<li>Subtotal before tax</li>
<li>Subtotal after tax</li>
<li>Total before discount applied</li>
<li>Total after discount applied</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005232451" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-3.png" alt="" width="913" height="266" /></p>
<h2>Charge an extra fee in different currencies</h2>
<p>Some additional fees are applied in a currency different from the order currency. For example, when a store from the UAE sends items to the United States, merchants may have to pay duties in dollar amounts. Conditional extra fees for WooCommerce enable merchants to configure additional fees in different currency than the default store currency.</p>
<p><img class="alignnone size-full wp-image-18734005232447" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-4_efe521.png" alt="" width="905" height="277" /></p>
<h2>Show a customizable label and tooltip for extra fee</h2>
<p>In order to keep customers informed on additional charges, the WooCommerce extra fee extension allows merchants to add a customizable title for the additional fee, and add a tooltip to let customers know about the charges in detail.</p>
<p><img class="alignnone size-full wp-image-18734005232443" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-5.png" alt="" width="874" height="430" /></p>
<h2>Make extra fee optional or required</h2>
<p>The additional fees added via WooCommerce extra fee extension can be made optional or mandatory depending on fee nature. If a fee is optional, then a checkbox will be displayed, and upon checking, it will be added to the total. If it’s required, then the fee will be added directly to the total and cannot be removed by the customer.</p>
<p><img class="alignnone size-full wp-image-18734005232438" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-2.png" alt="" width="873" height="519" /></p>
<h2>Add multiple scenario-based fees</h2>
<p>The rule-based implementation enables merchants to create and add multiple additional fees based on different scenarios.</p>
<p><img class="alignnone size-full wp-image-18734005232437" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-6.png" alt="" width="878" height="424" /></p>
<h2>Add conditional logic to charge extra fees</h2>
<p>A fee in addition to the order total can be made dependant on conditional logic. It allows merchants to add fees based on certain conditions i.e “If cart contains product x then apply fee”. If you have created multiple logics in a single rule then you can choose to apply fee if: All conditions are applied and Any one of the condition is applied.</p>
<p>The following logics can be applied to filters: Equals to, Less than equals to, More than equals to, Less than, and More than.</p>
<h3 style="text-align: center">Conditions to Apply Extra Fee</h3>
<div style="width: 100%">
<table style="width: 100%;border-collapse: collapse;font-family: Arial, sans-serif;min-width: 600px">
<thead>
<tr style="background-color: #f2f2f2">
<th style="border: 1px solid #ddd;padding: 8px;text-align: left">Rule Type</th>
<th style="border: 1px solid #ddd;padding: 8px;text-align: left">Criteria</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid #ddd;padding: 8px">Location-Based Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Country, Continent, Zone, State, Post Code</td>
</tr>
<tr style="background-color: #f9f9f9">
<td style="border: 1px solid #ddd;padding: 8px">Product-Based Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Product presence, Quantity, Tag, Category, and more</td>
</tr>
<tr>
<td style="border: 1px solid #ddd;padding: 8px">Cart-Based Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Subtotals (pre/post discount), Weight, Payment Method, Day of Week</td>
</tr>
<tr style="background-color: #f9f9f9">
<td style="border: 1px solid #ddd;padding: 8px">User-Based Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Specific Users or Roles</td>
</tr>
<tr>
<td style="border: 1px solid #ddd;padding: 8px">Shipping-Based Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Shipping Method and Class</td>
</tr>
<tr style="background-color: #f9f9f9">
<td style="border: 1px solid #ddd;padding: 8px">Purchase History Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Amount Spent During a Specific Time Period</td>
</tr>
<tr>
<td style="border: 1px solid #ddd;padding: 8px">Product Attribute Rules</td>
<td style="border: 1px solid #ddd;padding: 8px">Color, Size, Type, etc.</td>
</tr>
</tbody>
</table>
</div>
<p><img class="alignnone size-full wp-image-18734005232464" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-1-2.png" alt="" width="907" height="624" /></p>
<h2>Trigger additional fee based on selection rules</h2>
<p>There are multiple selection rules for displaying a conditional fee. These rules are based on:</p>
<ul>
<li>Cart quantity</li>
<li>Cart weight</li>
<li>Cart subtotal</li>
<li>Product quantity</li>
<li>Category quantity</li>
<li>Product subtotal</li>
<li>Product weight</li>
<li>Shipping class quantity</li>
<li>Shipping class weight</li>
<li>Tag quantity</li>
</ul>
<p>Moreover, you can choose the min and max values required to trigger these fees.</p>
<p><img class="alignnone size-full wp-image-18734005232431" src="https://woocommerce.com/wp-content/uploads/2025/04/woocommerce-extra-fee-7.png" alt="" width="899" height="547" /></p>

Conditional Extra Fees

<p>Maximize margins by easily adding fixed or percentage-based fees with 25+ conditions and advanced rules. Gives full control over when and how fees are applied.</p>

Tipping at Cart and Checkout vs Conditional Extra Fees