Display Related Products on WooCommerce Checkout Page

The WebToffee Related Products for WooCommerce plugin allows you to increase your store’s average order value by displaying product recommendations on the checkout page. While the plugin automatically handles recommendations on product pages, adding them to the checkout page requires a small code snippet in your theme’s ‘functions.php’ file. Once added, the plugin will scan the customer’s cart and display a personalized related products section right below the checkout form, encouraging last-minute additions to their order.

To begin with, once the plugin is installed and activated:

1. From the WordPress dashboard, navigate to WooCommerce > Related products.
2. Configure the Related product recommendations as you prefer.
3. You can choose to display WooCommerce’s default product recommendation or set a customized recommendation version.
4. Save your changes.

To display the related product recommendations on the checkout page, use the code snippet provided below in your theme’s functions.php file. To do so,

1. Navigate to Appearance > Theme File Editor > functions.php file from the WordPress dashboard.
2. Copy the code snippet provided below.
3. Paste the code snippet into the bottom of the functions.php file.
4. Save the functions.php file.
5. Alternatively, if you can’t find the functions.php file for your theme, refer to this article to learn how to add the code snippet to your store.

Once the snippet is added successfully, the related product recommendation will be displayed on the checkout page.

The provided code snippet showcases related products on the checkout page after the checkout form. If you prefer to place them in a different location on the checkout page other than after the checkout form, you can replace the following action hook in the code snippet, woocommerce_after_checkout_form, with one of your choices.

Refer to the following article to explore different action hooks available on the checkout page and change the position as per your preference: WooCommerce Visual Hook Guide – Checkout Page.