Show User Group / Level and Total Spent on the My Account Page

Let's take a look at how you can show B2B customers their current group and other information—such as total spent, discount levels, etc.—directly on their My Account dashboard page.

There is currently no built-in setting for this, but it can be achieved by adding PHP code snippets to your site.

Example 1) Show the Customer Group #

To achieve this, add the following snippet to your site:

add_action('woocommerce_account_dashboard', function(){
    $user_id = get_current_user_id();
    $is_b2b = get_user_meta($user_id,'b2bking_b2buser', true);
    if ($is_b2b === 'yes'){
        $group = get_user_meta($user_id,'b2bking_customergroup', true);
        $group_name = get_the_title($group);
        ?>
        Account Type: <?php echo $group_name; ?>
        <?php
    }
});

After adding this snippet, B2B users will see their current group on the My Account page:

Example 2) Show the Customer Group and Total Spent #

Add the following snippet to your site:

add_action('woocommerce_account_dashboard', function(){
    $user_id = get_current_user_id();
    $is_b2b = get_user_meta($user_id,'b2bking_b2buser', true);
    if ($is_b2b === 'yes'){
        $group = get_user_meta($user_id,'b2bking_customergroup', true);
        $group_name = get_the_title($group);

        $customer = new WC_Customer($user_id);
        $total_spent = $customer->get_total_spent();
        ?>
        Account Type: <?php echo '<strong>'.$group_name.'</strong><br>'; ?>
        Total Spent: <?php echo '<strong>'.wc_price($total_spent).'</strong><br><br>'; ?>

        Group Levels: <br>
        Level 1 - 10% Discount | < $2,000 Spent<br>
        Level 2 - 15% Discount | $2,000 - $10,000 Spent<br>
        Level 3 - 20% Discount | > $10,000 Spent<br>
        <?php
    }
});

This snippet shows the current group and the total spent, as well as some example discount levels below to help incentivize the customer:

The above can, of course, be customized.

Example 3: Show Group, Total Spent, and Progress Bar to Next Level #

If you have discount levels and a total spent amount, it can be nice to include a progress bar showing the customer how close they are to the next level. This is a bit more complex, but we have a snippet for it:

add_action('wp_head', function(){
	?>
	<style type="text/css">
		.wrapper {
			width: 500px;
		}
		
		.progress-bar {
			width: 100%;
			background-color: #e0e0e0;
			padding: 3px;
			border-radius: 3px;
			box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
			color: white;
		}
		
		.progress-bar-fill {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 22px;
			background-color: #659cef;
			border-radius: 3px;
			transition: width 500ms ease-in-out;
		}
	</style>
	<?php
});


add_action('woocommerce_account_dashboard', function(){
    $user_id = get_current_user_id();
    $is_b2b = get_user_meta($user_id,'b2bking_b2buser', true);
    if ($is_b2b === 'yes'){
        $group = get_user_meta($user_id,'b2bking_customergroup', true);
        $group_name = get_the_title($group);

        $customer = new WC_Customer($user_id);
        $total_spent = $customer->get_total_spent();

        $discount_levels = array(
        	1 => 0,
        	2 => 500,
        	3 => 1500,
        	4 => 5000,
        );

        ?>
        Account Type: <?php echo '<strong>'.$group_name.'</strong><br>'; ?>
        Total Spent: <?php echo '<strong>'.wc_price($total_spent).'</strong><br>'; ?>

        <?php

        $customer_level = 1;
        foreach ($discount_levels as $level => $threshold){
        	if ($total_spent > $threshold){
        		$customer_level = $level;
        	}	
        }

        $next_level = intval($customer_level) + 1; // get the next level

        if (!isset($discount_levels[$next_level])){
        	$progress = 100;
        } else {
        	$progress = $total_spent / $discount_levels[$next_level] * 100; // get the progress to the next level in percentage
        }

        ?>
        <br>
        Progress to the next level:
        <div class="wrapper">
			<div class="progress-bar">
				<span class="progress-bar-fill" style="width: <?php echo $progress; ?>%;"><?php echo round($progress, 1).'%';?></span>
			</div>
		</div>
		<br>

		Group Levels: <br><br>

		<?php 
		foreach ($discount_levels as $level => $threshold){
			if ($level === $customer_level) { echo '<strong>'; } // bold the customer's current level

			echo 'Level '.$level.' - '.wc_price($threshold).' spent<br>';

			if ($level === $customer_level) { echo '</strong>'; } // bold the customer's current level

		}

    }
});

In the snippet above, the only thing you need to change is the $discount_levels variable—there you can configure any number of levels and their thresholds.

Here's what this looks like: