How to Display Percentage Sold of a Product in WooCommerce – 2026

/*
 * Snippet: How to Display Percentage Sold of a Product in WooCommerce – 2026
 * Author: John Cook 
 * URL: https://wcsuccessacademy.com/?p=1647
 * Tested with WooCommerce 10.7.0
 * "This function adds a custom field for original stock quantity to the product page"
*/
function wcsuccess_add_total_stock_field() {
    woocommerce_wp_text_input( array(
        'id' => '_total_stock_quantity',
        'label' => __( 'Total Stock Quantity', 'woocommerce' ),
        'type' => 'number',
        'description' => __( 'Enter the original total quantity of stock for this product.', 'woocommerce' ),
        'desc_tip' => true,
        'custom_attributes' => array(
            'min' => '1',
            'step' => '1'
        )
    ));
}
add_action( 'woocommerce_product_options_inventory_product_data', 'wcsuccess_add_total_stock_field' );

/*
 * Snippet: How to Display Percentage Sold of a Product in WooCommerce – 2026
 * Author: John Cook 
 * URL: https://wcsuccessacademy.com/?p=1647
 * Tested with WooCommerce 10.7.0
 * "This function saves the total stock quantity field"
*/
function wcsuccess_save_total_stock_field( $post_id ) {
    $total_stock = isset( $_POST['_total_stock_quantity'] ) ? intval( $_POST['_total_stock_quantity'] ) : '';
    if ( $total_stock ) {
        update_post_meta( $post_id, '_total_stock_quantity', $total_stock );
    }
}
add_action( 'woocommerce_process_product_meta', 'wcsuccess_save_total_stock_field' );

/*
 * Snippet: How to Display Percentage Sold of a Product in WooCommerce – 2026
 * Author: John Cook 
 * URL: https://wcsuccessacademy.com/?p=1647
 * Tested with WooCommerce 10.7.0
 * "This function displays percentage sold or remaining if threshold is met"
*/
function wcsuccess_display_percentage_sold() {
    global $product;

    $total_stock = get_post_meta( $product->get_id(), '_total_stock_quantity', true );
    $current_stock = $product->get_stock_quantity();
    
    // Define the threshold percentage (e.g., 50% sold)
    $threshold_percentage = 50;

    if ( $total_stock && $current_stock !== null ) {
        $sold_quantity = $total_stock - $current_stock;
        $percentage_sold = ($sold_quantity / $total_stock) * 100;
        $percentage_remaining = 100 - $percentage_sold;

        // Only display if the percentage sold meets or exceeds the threshold
        if ( $percentage_sold >= $threshold_percentage ) {
            echo '<div class="percentage-sold" style="font-size: 18px; font-weight: bold; color: #e74c3c;">';
            echo sprintf( __( '%.1f%% already sold', 'woocommerce' ), $percentage_sold );
            echo '</div>';
        } elseif ( $percentage_remaining <= 100 - $threshold_percentage ) {
            echo '<div class="percentage-remaining" style="font-size: 18px; font-weight: bold; color: #27ae60;">';
            echo sprintf( __( 'Only %.1f%% of stock remaining!', 'woocommerce' ), $percentage_remaining );
            echo '</div>';
        }
    }
}
add_action( 'woocommerce_single_product_summary', 'wcsuccess_display_percentage_sold', 25 );

.percentage-sold {
    background-color: #fde3e3;
    padding: 10px;
    border-radius: 5px;
    color: #e74c3c;
}

.percentage-remaining {
    background-color: #e3fbe3;
    padding: 10px;
    border-radius: 5px;
    color: #27ae60;
}