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

<h2>Add Sophisticated Donation Capabilities to Your Site</h2>
<p><strong>Advanced Donation</strong> for WooCommerce enables you to run fundraising campaigns for non-profits. It’s ideal for social purposes like NGOs, hospitals, charities, or any other cause.  With this extension, merchants can create a separate donation product or display a donation option on cart and checkout pages. Your customers will be able to donate easily with either option.</p>
<p>The extension enables merchants to run goal-based donation campaigns to raise specific amounts or run ongoing donation campaigns with no specific target. Merchants can also add multiple causes to each donation campaign, set a minimum or maximum donation amount, choose from multiple layout options, display a progress bar, and more.</p>
<p>Compatibility with the official <a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> extension enables merchants to set up recurring donations and let customers contribute regularly to ongoing campaigns. Customers can subscribe to multiple donation campaigns and contribute daily, weekly, monthly, or annually depending on the subscription settings as configured by store admins.</p>
<h2><strong>Features</strong></h2>
<ul class="wccom-tick-list-secondary">
<li>Run multiple donation campaigns on your WooCommerce store</li>
<li>Compatible with the WooCommerce Subscription extension for recurring donations</li>
<li>Create donation campaigns with or without goal amounts</li>
<li>Create a separate donation product or raise donations from the cart and checkout pages</li>
<li>Show donations in percentage, fixed, or rounded-up amounts on the cart and checkout pages</li>
<li>Ability to add donations as credit card fees on checkout</li>
<li>Display donation progress bars to motivate customers to donate more</li>
<li>Display recommended donation amounts or let customers manually enter amounts</li>
<li>Multiple options to end donations
<ul>
<li>When a goal amount is raised</li>
<li>On a specific date</li>
<li>After X number of days</li>
<li>After X number of donations</li>
<li>Manually close campaigns</li>
</ul>
</li>
<li>Attach multiple causes to each donation campaign</li>
<li>Choose to show or hide donation products on cart and checkout pages</li>
<li>Attractive dashboard to see fundraising details by date, campaigns, and more</li>
<li>Display campaigns in-popups or on-page on cart and checkout pages</li>
<li>Choose from different campaign display positions</li>
<li>Shortcode to display campaigns anywhere on your store</li>
</ul>
<h2><strong>Three types of donation campaigns</strong></h2>
<h3>Add donation products</h3>
<p>You can create dedicated campaign product pages. Customers can view the pages to find campaign details, raised amounts, and more before making donations. You can also use this feature to create pages for items that include a percentage donation with each purchase. Store admins can add an open amount field with minimum and maximum limits to give customers the opportunity to donate larger amounts.</p>
<p><img class="alignnone size-full wp-image-18734001616460" src="https://woocommerce.com/wp-content/uploads/2023/02/Donation-as-product.png" alt="" width="980" height="590" /></p>
<p><strong>These donation products can be displayed on cart and checkout pages. Customers can donate during their checkout process.</strong></p>
<h3>Add donation as a fee</h3>
<p>With this WooCommerce Donation extension by Addify, you can choose to offer donations on the cart and checkout pages as a normal fee, credit card fee, or round-up. The store admin can configure the fee type (fixed or percentage) when they create the donation. These campaigns will appear on the cart and, or checkout pages to let customers quickly donate during checkout. There is no need to create a dedicated product for this type of donation campaign.</p>
<p><img class="alignnone size-full wp-image-18734001616611" src="https://woocommerce.com/wp-content/uploads/2023/02/Donation-as-fee.png" alt="" width="980" height="604" /></p>
<h3>Recurring donation</h3>
<p>Thanks to compatibility with the official <a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> extension, you can offer customers an option to donate recurring payments. Depending on your subscription settings, the donation can be daily, weekly, monthly, or annually. Store admins can choose to keep this option open for customers and let them decide the interval for recurring donation payments.</p>
<p><img class="alignnone size-full wp-image-18734001616694" src="https://woocommerce.com/wp-content/uploads/2023/02/WooCommerce-Subscription-Compatibility-.png" alt="" width="980" height="612" /></p>
<h3>Donation on cart and checkout</h3>
<p>You can show donation campaigns on the cart and checkout pages. If you are running multiple donation campaigns, you can limit which campaigns are shown on the cart and, or checkout pages.</p>
<p><strong><img class="alignnone size-full wp-image-18734001616637" src="https://woocommerce.com/wp-content/uploads/2023/02/Donation-on-cart-and-checkout.jpg" alt="" width="980" height="324" /> </strong></p>
<h2><strong>Campaign goals</strong></h2>
<p>When you create donation campaigns, you can add goals to raise an amount of money or set the number of donations. You can display a progress bar to keep your donors informed. You can show the number of donors, the amount raised, or the remaining amount to be raised in a progress bar.</p>
<p><img class="alignnone size-full wp-image-18734001616663" src="https://woocommerce.com/wp-content/uploads/2023/02/Campaign-goals.jpg" alt="" width="980" height="800" /></p>
<h2><strong>Donation progress</strong></h2>
<p>When you add donation goals, you can display a progress bar to keep your customers informed. You can show any of the following information on the progress bar,</p>
<ul>
<li>Amount donated</li>
<li>Percentage to target</li>
<li>Number of donations</li>
</ul>
<p><img class="alignnone size-full wp-image-18734001616667" src="https://woocommerce.com/wp-content/uploads/2023/02/Progress-bar.jpg" alt="" width="980" height="297" /></p>
<h2><strong>Donate custom amounts</strong></h2>
<p>Instead of showing a single donation amount, you can display suggested amounts and an open field so customers can choose the amount they donate. Store admins can also set minimum and maximum donation ranges.</p>
<p><img class="alignnone size-full wp-image-18734001616713" src="https://woocommerce.com/wp-content/uploads/2023/02/Donation-custom-amounts.jpg" alt="" width="980" height="968" /></p>
<h2><strong>Donation causes</strong></h2>
<p>You can add multiple causes with each donation campaign and share the details of the combined campaigns with customers.</p>
<p><img class="alignnone size-full wp-image-18734001616708" src="https://woocommerce.com/wp-content/uploads/2023/02/Causes.jpg" alt="" width="980" height="403" /></p>
<h2><strong>Campaign ending options</strong></h2>
<p>When you create a new donation campaign you can also define how it ends.</p>
<ul>
<li>When you raise a specific amount</li>
<li>When you receive a specific number of donations</li>
<li>After X number of days</li>
<li>On a specific date</li>
<li>Manually</li>
</ul>
<p><img class="alignnone size-full wp-image-18734001616718" src="https://woocommerce.com/wp-content/uploads/2023/02/Ending-donation-options.jpg" alt="" width="980" height="419" /></p>
<h2><strong>Donation layouts for cart and checkout pages</strong></h2>
<p>With this WooCommerce Donation solution by Addify, you configure different layout options for cart and checkout pages. You can also customize their display positions.</p>
<h3><strong>Popup layouts</strong></h3>
<p>The popup layout enables you to keep your existing cart and checkout page designs intact and display campaigns in a popup window. The store admin can set a popup to open when the page loads or after a button is clicked.</p>
<h2><img class="alignnone size-full wp-image-18734001616736" style="font-family: sans-serif;font-size: 16px" src="https://woocommerce.com/wp-content/uploads/2023/02/Donations-Popup.png" alt="" width="980" height="647" /></h2>
<h3><strong>On-page layouts</strong></h3>
<p>The on-page option enables you to display donation campaigns on the cart and, or checkout pages. Customers can see donation campaigns and donate to any campaign by simply clicking the donate button.</p>
<p><img class="alignnone size-full wp-image-18734001616473" src="https://woocommerce.com/wp-content/uploads/2023/02/Donation-on-cart-page-1.png" alt="" width="980" height="847" /></p>
<p><strong>On the checkout page, the on-page layout shows donations in a list view to use the minimum amount of space.</strong></p>
<p> </p>
<p><img class="alignnone size-full wp-image-18734001616737" src="https://woocommerce.com/wp-content/uploads/2023/02/Checkout-Page-Donation-List.png" alt="" width="980" height="727" /></p>
<h2><strong>Donation Dashboard</strong></h2>
<p>The Donation Dashboard enables you to see the total donations raised along with the performance of each donation campaign.</p>
<h2><img class="alignnone size-full wp-image-18734001680398" src="https://woocommerce.com/wp-content/uploads/2023/03/Campaign-dashboard.jpg" alt="" width="980" height="917" /></h2>

Advanced Donation

<p>Add a sophisticated set of customizable non-profit donation capabilities to your site and automate fundraising with the Advanced Donation extension for WooCommerce.</p>

Tipping at Cart and Checkout vs Advanced Donation