如何在WooCommerce前端结账页实现现有客户选择功能？

一、插件方案 #

直接用成熟插件快速落地，无需编码：

• WooCommerce Frontend Manager：支持管理员/店长在前端创建订单，自带客户搜索选择功能，选中后自动填充客户的姓名、邮箱、地址等资料，兼容标准结账页和自定义表单。
• Customer Selection on Checkout：轻量针对性插件，仅在结账页添加客户搜索下拉框，仅对拥有编辑订单权限的用户（管理员、店长）可见，选择客户后自动同步资料到结账表单。
• Advanced WooCommerce Frontend Ordering：除客户选择外，还支持快速添加商品到订单，适合店长快速下单场景，客户选择支持模糊搜索，提升操作效率。

二、自定义代码方案 #

如果不想依赖插件，可通过以下代码实现，将代码添加到主题的functions.php文件或自定义插件中：

1. 在结账页添加客户选择下拉框（仅管理员/店长可见） #

add_action( 'woocommerce_before_checkout_billing_form', 'add_customer_select_field_checkout' );
function add_customer_select_field_checkout() {
    // 仅允许拥有编辑订单权限的用户查看
    if ( ! current_user_can( 'edit_shop_orders' ) ) return;

    // 获取所有客户角色用户
    $customers = get_users( array(
        'role__in' => array( 'customer' ),
        'orderby'  => 'display_name',
        'order'    => 'ASC',
        'number'   => -1
    ) );

    // 构建下拉选项
    $options = array( '' => '选择已有客户' );
    foreach ( $customers as $customer ) {
        $options[ $customer->ID ] = $customer->display_name . ' (' . $customer->user_email . ')';
    }

    // 输出下拉框
    woocommerce_form_field( 'selected_customer', array(
        'type'        => 'select',
        'class'       => array( 'form-row-wide' ),
        'label'       => '选择已有客户',
        'options'     => $options,
    ), '' );
}

2. 选择客户后自动填充结账表单信息 #

// 添加jQuery监听客户选择事件
add_action( 'woocommerce_checkout_after_order_review', 'add_customer_auto_fill_script' );
function add_customer_auto_fill_script() {
    if ( ! current_user_can( 'edit_shop_orders' ) ) return;
    ?>
    <script>
        jQuery(document).ready(function($) {
            $('#selected_customer').change(function() {
                var customerId = $(this).val();
                if (customerId) {
                    // AJAX获取客户详情
                    $.ajax({
                        url: '<?php echo admin_url('admin-ajax.php'); ?>',
                        type: 'POST',
                        data: {
                            action: 'get_customer_details',
                            customer_id: customerId
                        },
                        success: function(response) {
                            var data = JSON.parse(response);
                            // 填充结账字段
                            $('#billing_first_name').val(data.first_name);
                            $('#billing_last_name').val(data.last_name);
                            $('#billing_email').val(data.email);
                            $('#billing_phone').val(data.phone);
                            $('#billing_address_1').val(data.address_1);
                            $('#billing_address_2').val(data.address_2);
                            $('#billing_city').val(data.city);
                            $('#billing_state').val(data.state);
                            $('#billing_postcode').val(data.postcode);
                            $('#billing_country').val(data.country);
                        }
                    });
                } else {
                    // 清空字段
                    $('#billing_first_name, #billing_last_name, #billing_email, #billing_phone, #billing_address_1, #billing_address_2, #billing_city, #billing_state, #billing_postcode, #billing_country').val('');
                }
            });
        });
    </script>
    <?php
}

// AJAX回调：返回客户信息
add_action( 'wp_ajax_get_customer_details', 'get_customer_details_callback' );
add_action( 'wp_ajax_nopriv_get_customer_details', 'get_customer_details_callback' );
function get_customer_details_callback() {
    if ( ! current_user_can( 'edit_shop_orders' ) ) {
        wp_send_json_error( '无权限访问' );
    }

    $customer_id = intval( $_POST['customer_id'] );
    $customer = new WC_Customer( $customer_id );

    $response = array(
        'first_name' => $customer->get_first_name(),
        'last_name'  => $customer->get_last_name(),
        'email'      => $customer->get_email(),
        'phone'      => $customer->get_billing_phone(),
        'address_1'  => $customer->get_billing_address_1(),
        'address_2'  => $customer->get_billing_address_2(),
        'city'       => $customer->get_billing_city(),
        'state'      => $customer->get_billing_state(),
        'postcode'   => $customer->get_billing_postcode(),
        'country'    => $customer->get_billing_country()
    );

    wp_send_json_success( json_encode( $response ) );
}

3. 将订单关联到选中的客户 #

add_action( 'woocommerce_checkout_create_order', 'assign_selected_customer_to_order' );
function assign_selected_customer_to_order( $order ) {
    if ( ! current_user_can( 'edit_shop_orders' ) ) return;

    $customer_id = isset( $_POST['selected_customer'] ) ? intval( $_POST['selected_customer'] ) : 0;
    if ( $customer_id ) {
        $order->set_customer_id( $customer_id );
    }
}

注意事项 #

• 自定义代码建议添加到子主题的functions.php文件，避免主题更新导致代码丢失。
• 测试前请备份网站数据，确保代码与当前WooCommerce版本兼容。
• 若使用自定义表单，需调整代码中的字段ID，匹配你的表单字段名称。

内容的提问来源于stack exchange，提问作者Mahesh Thorat