<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><b>Enable Repeat Order and Buy Again for Customers</b></h2>
<p><span style="font-weight: 400">With Buy Again for WooCommerce, you let your customers reorder previously purchased items in multiple ways. The customer can reorder from their “Account Page” and “Order Page.” On both these pages, the customer is allowed to add an item back to the cart or reorder directly through a “Buy Now” and a “Reorder” button, respectively. </span></p>
<p><span style="font-weight: 400">With the Order Again for WooCommerce extension, you also keep the customers notified through custom notifications about when they have purchased the same item. You can also display the buy again table on your preferred pages through shortcodes. </span></p>
<p><span style="font-weight: 400">For a better display of the buy again table, you can choose which product details to display in the columns. Furthermore, you get to choose to display the products in the table based on the order status. </span></p>
<h3><b>Repeat Order Feature List:</b></h3>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Reorder from the My Account page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a buy now button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Buy again from the Order details page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a reorder button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customer notifications for previous purchases</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the customer notification</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Shortcodes to display the buy again table</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose the columns to display in the reorder table</span></li>
<li>Size parameter in shortcode to adjust table size <strong>(NEW)</strong></li>
<li style="font-weight: 400"><span style="font-weight: 400">Drag and drop the columns to rearrange</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display products in the table based on order status</span></li>
</ul>
<h3><b>Easily Reorder Products with WooCommerce Order Again</b></h3>
<p><span style="font-weight: 400">There are two easy methods through which customers can reorder their previous purchases. These two methods are</span></p>
<ul>
<li>
<h4><b>“Buy Again” Section on the My Account Page</b></h4>
</li>
</ul>
<p><span style="font-weight: 400">With a dedicated “Buy Again” section on the customer’s My Account page, customers can reorder their previous purchase swiftly. Customers get two choices: add as many products as they want to their cart using the Add to Cart button. Or directly buy the previously purchased product using the “Buy Now” button</span></p>
<p><img class="aligncenter wp-image-18734005338683 size-full" src="https://woocommerce.com/wp-content/uploads/2025/05/Screenshot-from-2025-05-26-14-12-26.png" alt="" width="1101" height="624" /></p>
<ul>
<li>
<h4><b>Reorder from the Order Details Page</b></h4>
</li>
</ul>
<p><span style="font-weight: 400">The Buy Again extension also lets you add a “Buy Again” button so that customers can reorder directly from their previous order details. From the order details page, customers can add items again to their cart or buy immediately using the “Re-Order Button”.</span></p>
<p><img class="aligncenter wp-image-18734005338691 size-full" src="https://woocommerce.com/wp-content/uploads/2025/05/Screenshot-from-2025-05-26-14-13-18.png" alt="" width="1092" height="658" /></p>
<h3><b>Notify Customers on Product Page about Previously Purchased Products</b></h3>
<p><span style="font-weight: 400">The Repeat Order and Buy Again extension allows you to display a custom notification on the product page for customers. This notification includes the details on when a customer has purchased that item previously. You can conveniently customize the notification to let customers know about their previous purchase of a specific product. </span></p>
<p><img class="aligncenter wp-image-18734005338696 size-full" src="https://woocommerce.com/wp-content/uploads/2025/05/Screenshot-from-2025-05-26-14-14-29.png" alt="" width="1087" height="582" /></p>
<h3><b>Use Shortcode to Display the Buy Again Table</b></h3>
<p><span style="font-weight: 400">Depending on your specific needs and requirements, you can decide where you want to place the order again button on your website. With Buy Again for WooCommerce, you get the opportunity to place the “Buy Again” table anywhere using shortcodes. </span></p>
<p><img class="aligncenter wp-image-18734005338697 size-full" src="https://woocommerce.com/wp-content/uploads/2025/05/Screenshot-from-2025-05-26-14-15-36.png" alt="" width="1091" height="650" /></p>
<h3><b>Selects Which Columns to Display in the Buy Again Table</b></h3>
<p><span style="font-weight: 400">Have a customized Buy Again table display by selecting certain columns you want in the table. You can also change the sequence of the columns with a simple drag-and-drop option. </span></p>
<p><span style="font-weight: 400">The columns you can include in the reorder table include</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Order ID</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Product Thumbnail</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Product Name</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Times Ordered</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Stock Status</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Quantity</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Price</span></li>
</ul>
<p><img class="aligncenter wp-image-18734005338698 size-full" src="https://woocommerce.com/wp-content/uploads/2025/05/Screenshot-from-2025-05-26-14-16-53.png" alt="" width="1180" height="607" /></p>
<h3><b>Show Products in the Table Based on Order Status</b></h3>
<p><span style="font-weight: 400">With the Order Again for WooCommerce extension, you can choose the products you want to display in the table based on the order status. The order statuses you can consider for this display are completed, processing, or custom status.</span></p>
<p><img class="aligncenter wp-image-18734005338701 size-full" src="https://woocommerce.com/wp-content/uploads/2025/05/Screenshot-from-2025-05-26-14-18-14.png" alt="" width="701" height="297" /></p>

Repeat Order and Buy Again

<p>This order again feature allows your customers to reorder products they have purchased previously from your store.</p>

Tipping at Cart and Checkout vs Repeat Order and Buy Again