<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 class="wccom-tick-list-primary">
<li>Create multiple chained product bundles by linking different products together</li>
<li>Force add linked products to cart along with main product</li>
<li>Offer linked products at discount, at the same price or for free</li>
<li>Add a fixed linked-product quantity or tie it the main product quantity</li>
<li>Create chained products using global rules or from product detail page</li>
<li>Compatible with variable products & option to force with every order</li>
<li>Customize chained block labels, out-of-stock options and position on product page</li>
</ul>
<hr class="wccom-product-heading__hr" />
<p>Offering product bundles or complementary gifts is a simple way to increase your store’s average order value. Linked Products for WooCommerce offers a simple way to create custom product bundles, combo offers, giveaway deals, and more without having merchants to go through extensive options.</p>
<p>Automatically add linked products to the cart and force multiple products to be sold together. Offer your customers a unique value and ultimately improve customer experience and store revenues.</p>
<p><img class="alignnone size-full wp-image-18734004241135" src="https://woocommerce.com/wp-content/uploads/2024/09/Linked-Product-Example-1.png" alt="" width="980" height="540" /></p>
<h2>How does it work:</h2>
<ul>
<li>Create a bundle by linking a single or multiple products to another product, which can be called the main product.</li>
<li>Offer linked products at the same or discount price, or for free.</li>
<li>Specify the quantity of the linked product that must be added with the main product.</li>
<li>Force linked products to automatically add to the cart when a customer purchases the main product.</li>
</ul>
<h2>Use cases:</h2>
<p><b>Offer Giveaways:</b><br />
Giveaways are a common way to boost sales of any online store. By offering complimentary products along with the main product, you can entice your customers to place an order. For example, By offering a free laptop bag along with a laptop can help in increasing the sales of the laptops.</p>
<p><b>Connect/Chained Products:</b><br />
Linked Products for WooCommerce enables you to sell products that must be bought in pairs of 2 or more. For example, If you are selling a gym training plan that requires a particular diet plan for maximum results, you can combine them together and force your customers purchase them as a package deal.</p>
<p><b>Bundle Offers:</b><br />
With this extension, you can combine multiple products to create different bundles. Offer discounts on linked products and let your customer see the value of purchasing a bundle, hence helping you to increase your overall store’s revenue. Suitable for selling shaving kits, makeup boxes, related product bundles, and more.</p>
<h2>Create chained products using product level settings:</h2>
<p>Linked Products for WooCommerce enable merchants to link product(s) to any selected product right from the product edit sheet. You can link single or multiple items to the product and control their prices and quantities. You can also choose to force add linked products to cart for once or every time a customer hits the add to cart button.<img class="alignnone size-full wp-image-18734004241033" src="https://woocommerce.com/wp-content/uploads/2024/09/Link-products-from-product-page-1.png" alt="" width="980" height="506" /></p>
<h2>Create chained products using global rules:</h2>
<p>With a rule-based method, you can attach linked-product(s) to the entire store catalog or selected products and categories. You can also restrict chained products to selected user roles.</p>
<p><img class="alignnone size-full wp-image-18734004241011" src="https://woocommerce.com/wp-content/uploads/2024/09/Linked-Product-Global-rule.png" alt="" width="980" height="732" /></p>
<h2>Adjust linked-product prices:</h2>
<p>You can adjust the price of the linked product as per your business needs. The extension offers 4 price adjustment types,</p>
<ul>
<li><b>Free</b> – the linked-product will be added to cart with zero price</li>
<li><b>Same</b> – the linked-product will have same price at set in store</li>
<li><b>Percentage discount </b> – offer linked product at a percentage discount of its current price</li>
<li><b>Fixed discount</b> – you can also offer linked product at a fixed discount of its current price</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004241121" src="https://woocommerce.com/wp-content/uploads/2024/09/Linked-Product-discount-example.png" alt="" width="980" height="251" /></p>
<h2>Control linked-products quantity:</h2>
<p>You can choose to set linked products quantity as “Fixed” or “Linked”. In case of Fixed, the linked product quantity that will be added to cart will remain fixed irrespective of main product quantity whereas in case of Linked, the linked-product quantity will be the same as main product product quantity. See documentation for more details.</p>

Linked Products

<p><span style="font-weight: 400">Chain products together and offer them as a bundle. Automatically add associated items to the cart along with the main product at a discounted price, the same price, or for free. Suitable to create custom bundles, giveaways, product kits, combo offers, BOGO and more. </span></p>

Tipping at Cart and Checkout vs Linked Products