Post-sale cross-sell with WooCommerce

July 1, 2018

Have you ever seen post-sale selling techniques?

Not long ago I was shopping at The Postman’s Knock (if you want to improve your calligraphy you should check them out) and noticed that their shop runs on WooCommerce.

I purchased a product, and then on the checkout page I noticed that they have a table of products related to their courses.

In their case, they are external products, but I thought to use that section to cross-sell some products post-sale. Let’s see how to do it!

Preparing the post-sale products tempate

Open your functions.php file in wp-content/themes/your-child-theme-name/ and add this code at the end of the file:

	add_action( 'woocommerce_order_details_after_order_table', 'post_sale_cross_sell' );
	function post_sale_cross_sell( $order ) {
	$cross_sells = array();
	$in_order = array();

	foreach ( $order->get_items() as $item ) {
	$product_id = $order->get_item( $item )->get_product_id();
	$product = wc_get_product( $product_id );
	$cross_sells = array_merge( $product->get_cross_sell_ids(), $cross_sells );
	$in_order[] = $product_id;
	}

	$cross_sells = array_diff( $cross_sells, $in_order );
	$cross_sells = apply_filters( 'woocommerce_cart_crosssell_ids', wp_parse_id_list( $cross_sells ) );
	?>

	<section class="related products post_sale">

	<h2><?php esc_html_e( 'You might be interested in…', 'domain' ); ?></h2>

	<p><?php esc_html_e( 'People who purchased the same products you bought usually also buy the following ones. Care to take a look?', 'woocommerce' ); ?></p>

	<?php woocommerce_product_loop_start(); ?>

	<?php foreach ( $cross_sells as $product_id ) : ?>

	<?php
	$post_object = get_post( $product_id );

	setup_postdata( $GLOBALS['post'] =& $post_object );

	wc_get_template_part( 'content', 'product' ); ?>

	<?php endforeach; ?>

	<?php woocommerce_product_loop_end(); ?>

	</section>
	<?php
	}

view raw functions.php hosted with ❤ by GitHub

This function will take care of getting the cross-sale products set for the products that have been purchased, and show them on the Thank you page.

Feel free to edit the text and HTML code to what you prefer most!

Settings cross-sell products

WooCommerce has a way to do it directly in the core.

Edit your product in Products > All Products and open the Linked Products tab. In the Cross-sells field choose the products that you want to cross-sell when that specific product is purchased: