WooCommerce: Add Upsell Area @ Checkout Page

If you want to increase your AOV (Average Order Value), you can definitely start from the WooCommerce Checkout page.

A client asked me to place a “Donation Area” close to the “Place Order” button (so at the bottom of the page, once customers are ready to pay) to drive more awareness around this add-on. All I had to do was creating hidden products with a donation value, use my own “Custom Add to Cart URL” guide to create add to cart links and print an HTML box right above the checkout button by using my WooCommerce Visual Hook Guide for the Checkout Page. Enjoy!

PHP Snippet: Show Add-Ons Area @ WooCommerce Checkout Page

Requirements:

1. Product IDs you want to add to Cart (14877, 14879, 15493 in my example)
2. No “redirect to Cart after add to cart” option checked in WooCommerce settings

/**
 * @snippet       Upsell Area - WooCommerce Checkout
 * @how-to        Get tutoraspire.com FREE
 * @author        Tutor Aspire
 * @compatible    WooCommerce 3.6.1
 * @donate $9     https://tutoraspire.com
 */

add_action( 'woocommerce_review_order_before_submit', 'tutoraspire_checkout_add_on', 9999 );

function tutoraspire_checkout_add_on() {
$product_ids = array( 14877, 14879, 15493 );
$in_cart = false;
foreach( WC()->cart->get_cart() as $cart_item ) {
   $product_in_cart = $cart_item['product_id'];
   if ( in_array( $product_in_cart, $product_ids ) ) {
   $in_cart = true;
   break;
   }
}
if ( ! $in_cart ) {
echo '
Make a Donation?
';
echo '
 €5  €20  €50 
';
}
}