如何在WooCommerce后台订单详情页客户地址后添加自定义行？

嘿，我刚好折腾过这个需求，给你一个直接能用的解决方案！你要的是在客户地址区域（不是右侧三列的订单元数据区）下方添加自定义元值行，核心是用WooCommerce提供的专属动作钩子来实现，完全匹配原有页面样式。

核心实现代码 #

你只需要把下面的代码放到当前激活主题的functions.php文件里，或者创建一个自定义插件（更推荐，避免主题更新丢失代码）：

add_action( 'woocommerce_admin_order_data_after_billing_address', 'custom_add_meta_line_after_customer_address', 10, 1 );
function custom_add_meta_line_after_customer_address( $order ) {
    // 替换成你实际存储元值的键名
    $target_meta_key = 'your_custom_meta_key';
    $meta_value = $order->get_meta( $target_meta_key );

    // 只有当元值存在时才渲染这一行，避免空内容
    if ( ! empty( $meta_value ) ) {
        ?>
        <div class="address">
            <p><strong><?php esc_html_e( '自定义字段名称:', 'woocommerce' ); ?></strong> <?php echo esc_html( $meta_value ); ?></p>
        </div>
        <?php
    }
}

代码说明 #

• 钩子选择：woocommerce_admin_order_data_after_billing_address是WooCommerce专门用来在账单地址区域末尾添加内容的钩子，完美对应你要的“客户地址下方”位置。
• 安全获取元值：用$order->get_meta()方法获取元值，比直接操作数据库更安全，也符合WooCommerce的开发规范。
• 样式匹配：外层的div.address和内部的p标签完全复用了后台地址区域的原有样式，添加的行和原有地址行风格完全统一，不需要额外调整样式（如果需要微调可以看下面的补充）。

扩展：添加多个元值行 #

如果需要添加多个自定义元值，只需要在函数里重复渲染逻辑即可：

add_action( 'woocommerce_admin_order_data_after_billing_address', 'custom_add_multiple_meta_lines', 10, 1 );
function custom_add_multiple_meta_lines( $order ) {
    // 第一个自定义字段
    $meta_key1 = 'custom_field_1';
    $meta_value1 = $order->get_meta( $meta_key1 );
    if ( ! empty( $meta_value1 ) ) {
        ?>
        <div class="address">
            <p><strong><?php esc_html_e( '会员等级:', 'woocommerce' ); ?></strong> <?php echo esc_html( $meta_value1 ); ?></p>
        </div>
        <?php
    }

    // 第二个自定义字段
    $meta_key2 = 'custom_field_2';
    $meta_value2 = $order->get_meta( $meta_key2 );
    if ( ! empty( $meta_value2 ) ) {
        ?>
        <div class="address">
            <p><strong><?php esc_html_e( '备注信息:', 'woocommerce' ); ?></strong> <?php echo esc_html( $meta_value2 ); ?></p>
        </div>
        <?php
    }
}

可选：微调样式 #

如果觉得新添加的行和原有内容间距不太舒服，可以添加一段自定义CSS来调整：

add_action( 'admin_head', 'custom_order_meta_line_style_tweak' );
function custom_order_meta_line_style_tweak() {
    echo '<style>
        .woocommerce-order-data__heading + .address p:last-child {
            margin-bottom: 12px;
        }
    </style>';
}

这段代码会调整最后一行的底部间距，让整体布局更协调。

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