<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>Offer more intelligent upsells and cross-sells — or create your own, rule-based <a href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">recommendation engines</a>.</li>
<li>Improve the shopping experience across your entire store, with recommendations placed at <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#locations" target="_blank" rel="noopener noreferrer">strategic locations</a>.</li>
<li>Measure their impact and optimize your strategies with in-depth <a href="https://woocommerce.com/document/product-recommendations/store-owners-guide/#analytics" target="_blank" rel="noopener noreferrer">analytics</a>.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<div class="woo-sc-box normal"><strong>Woo Product Recommendations</strong> has not been optimized for use with block themes: Recommendation Engines may not work as expected when a block theme is active. Support for the Block/Site Editor is coming soon.</div>
<h2></h2>
<h2>Upsells and cross-sells with a pinch of intelligence</h2>
<p>Ever noticed how the most successful stores leverage the power of product recommendations? When done right, upsells and cross-sells deliver a more engaging experience to your visitors — the kind of experience that not only helps them find products they like, but also keeps them coming back.</p>
<p>Fortunately, you don’t need a team of machine learning specialists to get started. <strong>Product Recommendations</strong> is a state-of-the-art product recommendations platform for WooCommerce that brings together human intelligence and machine learning, with one goal: To help you grow your sales.</p>
<h3>Let technology do the heavy lifting for you</h3>
<p>Build intelligent engines that generate automated, accurate <a title="Recommend products that are frequently bought together." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-frequently-bought-together-recommendations/" target="_blank" rel="noopener noreferrer">Frequently Bought Together</a> recommendations, with near-zero waiting or training. Our lightweight search algorithm analyzes your orders to discover meaningful product relationships, and quickly adapts itself to new trends and seasonal patterns.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_6110666" aria-describedby="caption-attachment-6110666" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-6110666" src="https://woocommerce.com/wp-content/uploads/2019/07/use-case-frequently-bought-together-result.png" alt="Deliver captivating, Amazon-style recommendations, without giving up your store's data or revenue to anyone" width="980" height="938" /><figcaption id="caption-attachment-6110666" class="wp-caption-text">Deliver captivating, Amazon-style product recommendations, without giving away your store’s data (or revenue) to third-parties.</figcaption></figure>
</div>
<h3>Add recommendations across your entire catalog, effortlessly</h3>
<p>Ever tried to manually add upsells and cross-sells to every product or category page of your store? With <strong>Product Recommendations</strong>, you can do both in minutes. Create upsells and cross-sells in bulk, instead of entering products one by one. Add category, attribute, tag, or price <strong>filters</strong> to narrow down products, and use <strong>amplifiers</strong> to boost specific results based on popularity, rating, creation date, conversion rate, or more advanced criteria.</p>
<p>Looking for a way to recommend products from the currently viewed category, or brand? Want to limit results to products that cost more than the currently viewed product? No problem! <strong>Product Recommendations</strong> lets you deploy context-aware recommendations, faster.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943601" aria-describedby="caption-attachment-4943601" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943601" title="Create upsells, cross sells and related products in bulk, by category or tag." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-upsells-sm.png" alt="Create upsells, cross sells and related products in bulk, by category or tag." width="980" height="891" /><figcaption id="caption-attachment-4943601" class="wp-caption-text">Use smart <strong>filters</strong>, <strong>amplifiers</strong> and <strong>visibility conditions</strong> to create recommendation recipes for multiple products and product category pages at once.</figcaption></figure>
</div>
<h3>Promote the right product, to the right customer, at the right time</h3>
<p>Increase your store’s average order value by recommending <a title="Offer upsells after checkout." href="https://woocommerce.com/document/recommend-recently-viewed-products/" target="_blank" rel="noopener noreferrer">recently viewed products</a> and products from <a title="Offering upsells on the thank you page." href="https://woocommerce.com/document/recommend-products-from-recently-viewed-categories/" target="_blank" rel="noopener noreferrer">recently viewed categories</a> on the checkout page, or even after customers complete their orders. Make relevant, well-timed offers by displaying them conditionally, based on your customers’ cart/order contents, browsing history, date, or location.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943634" aria-describedby="caption-attachment-4943634" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943634" title="Recommend products from recently viewed categories." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-still-looking.png" alt="Recommend products from recently viewed categories." width="980" height="455" /><figcaption id="caption-attachment-4943634" class="wp-caption-text">Offer personalized upsells before or after checkout. Recommend products from categories that customers viewed, and display your recommendations conditionally, based on order or cart contents.</figcaption></figure>
</div>
<h3>Recommend products anywhere</h3>
<p>Deploy recommendations at more than 20 locations on your store’s:</p>
<ul>
<li>Main shop page.</li>
<li>Product category or tag pages.</li>
<li>Individual product pages.</li>
<li>Cart and checkout pages.</li>
<li>Thank You (order-received) and order-pay pages.</li>
</ul>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_4943600" aria-describedby="caption-attachment-4943600" style="width: 980px" class="wp-caption aligncenter"><img class="aligncenter size-full wp-image-4943600" title="Boost your customers' confidence and make browsing more fun by recommending best sellers and top rated products." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-top-rated-sm.png" alt="Boost your customers' confidence and make browsing more fun by recommending best-sellers and top-rated products." width="980" height="1661" /><figcaption id="caption-attachment-4943600" class="wp-caption-text">Effortlessly add recommendations to every category page in your catalog.</figcaption></figure>
</div>
<h3>Make your own rules</h3>
<p>Tailor the shopping experience across your entire site to fit your merchandising strategies. Build custom recommendation engines that utilize <strong>filters, amplifiers and visibility conditions</strong> to match products and customers. Want some inspiration?</p>
<ul>
<li>Use the psychology of social proof to your advantage. Boost your customers’ confidence and make browsing more fun by recommending <a title="Recommend best sellers in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-trending-products/" target="_blank" rel="noopener noreferrer">best selling</a> and <a title="Recommend top rated products in your WooCommerce store's shop archives." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-top-rated-products/" target="_blank" rel="noopener noreferrer">top rated</a> products at the top of your store’s product category and tag pages.</li>
<li>Inspire customer loyalty: Offer curated <a title="Make complementary products easier to discover in WooCommerce product pages." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/offer-complete-the-look-recommendations/" target="_blank" rel="noopener noreferrer">Complete the Look</a> recommendations in product pages, or after customers have placed their orders.</li>
<li>Incentivize customers to <a title="Encourage customers to spend more and unlock free shipping." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-to-unlock-free-shipping/" target="_blank" rel="noopener noreferrer">spend more in order to unlock perks</a>, such as free shipping.</li>
<li>Encourage impulse purchases by recommending popular products on the checkout page: To optimize conversion, prioritize <a title="Recommend on sale products in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-last-minute-deals/" target="_blank" rel="noopener noreferrer">on-sale</a> and <a title="Offer seasonal product recommendations in your WooCommerce store's checkout page." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/recommend-products-on-specific-dates/" target="_blank" rel="noopener noreferrer">seasonal</a> items.</li>
</ul>
<p>Need more ideas? Get a head start with <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> high-performing strategies.</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<p><img class="aligncenter wp-image-18734001019355 size-full" style="margin-bottom: 1.5em" title="Use filters and amplifiers to create your own, custom recommendation engine." src="https://woocommerce.com/wp-content/uploads/2019/07/Engine-configuration-sample.png" alt="" width="1742" height="968" /></p>
</div>
<h3>Optimize your strategies with in-depth analytics</h3>
<p>Drill down into insightful reports to understand and refine your recommendation strategies. Track and analyze:</p>
<ul>
<li>Gross and Net Revenue.</li>
<li>Conversions.</li>
</ul>
<p>To help you understand what drives conversions, we’ve made every report filterable by date, converted product and location!</p>
<div class="aligncenter" style="margin-bottom: 2.5em;font-size: 95%;font-style: italic">
<figure id="attachment_18734000458815" aria-describedby="caption-attachment-18734000458815" style="width: 980px" class="wp-caption alignnone"><img class="size-full wp-image-18734000458815" title="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." src="https://woocommerce.com/wp-content/uploads/2019/07/prl-report-1.png" alt="Generating Revenue and Conversion reports with WooCommerce Product Recommendations." width="980" height="966" /><figcaption id="caption-attachment-18734000458815" class="wp-caption-text">Optimize your strategies with detailed Revenue and Conversion analytics.</figcaption></figure>
</div>
<p>The best part? <strong>Product Recommendations</strong> has been carefully designed to work on hosting environments with limited resources, and is built to scale.</p>
<h3>How to get started</h3>
<ol>
<li>Buy <strong>WooCommerce Product Recommendations</strong>.</li>
<li>Download and install it.</li>
<li>Pick one of <a title="Simple, engaging product recommendation strategies for your WooCommerce store." href="https://woocommerce.com/document/product-recommendations/recommendation-strategies/" target="_blank" rel="noopener noreferrer">these</a> tried-and-tested strategies.</li>
<li>Follow our documentation to build and deploy your first Engine.</li>
<li>Sit back and enjoy the extra revenue!</li>
</ol>

Product Recommendations

<p>Offer smarter upsells, cross-sells, and “frequently bought together” recommendations. Measure their impact with in-depth analytics.</p>

Tipping at Cart and Checkout vs Product Recommendations