如何在WooCommerce登录用户编辑地址页添加自定义字段

好的，这事儿不难，咱们用WooCommerce自带的钩子就能轻松搞定，分两步：添加字段到编辑地址页面和保存字段的值，另外还要确保字段显示在电话前面，具体看下面的代码和说明：

1. 在编辑账单地址页面插入自定义字段 #

我们用woocommerce_edit_address_fields_billing钩子专门针对账单地址编辑页添加字段，通过设置priority（优先级）来控制它在电话字段之前——WooCommerce默认电话字段的优先级是20，我们把自定义字段的优先级设为15，就能稳稳排在它前面。

// 给账单地址编辑页面添加自定义字段
add_filter( 'woocommerce_edit_address_fields_billing', 'add_custom_field_to_billing_edit_page' );
function add_custom_field_to_billing_edit_page( $fields ) {
    // 自定义字段配置，替换成你自己的字段信息
    $fields['billing_custom_field'] = array(
        'label'       => __( '会员编号', 'woocommerce' ), // 替换成你的字段名称
        'required'    => false, // 按需设置是否必填
        'class'       => array( 'form-row-wide' ), // 字段宽度，form-row-wide是全屏，form-row-half是半宽
        'priority'    => 15, // 关键：优先级15，比电话的20小，所以排在前面
        'clear'       => true,
        'autocomplete' => 'off' // 按需设置自动完成属性
    );

    return $fields;
}

2. 保存用户编辑后的字段值 #

接下来要确保用户修改这个字段后，值能正确保存到用户的元数据里，用woocommerce_customer_save_address钩子实现：

// 保存自定义字段的值到用户元数据
add_action( 'woocommerce_customer_save_address', 'save_custom_billing_field_value', 10, 2 );
function save_custom_billing_field_value( $user_id, $address_type ) {
    // 只处理账单地址的保存
    if ( $address_type === 'billing' ) {
        if ( isset( $_POST['billing_custom_field'] ) ) {
            // 清理输入内容再保存，避免恶意代码
            update_user_meta( $user_id, 'billing_custom_field', sanitize_text_field( $_POST['billing_custom_field'] ) );
        } else {
            // 如果用户清空了字段，删除对应的元数据
            delete_user_meta( $user_id, 'billing_custom_field' );
        }
    }
}

额外说明 #

• 如果你之前在结账页面添加的自定义字段已经用billing_custom_field作为字段名，并且保存到了用户元数据里，那编辑地址页面会自动读取已有的值，不用额外处理；如果字段名不一样，记得把代码里所有的billing_custom_field替换成你实际的字段名。
• 代码可以放到你当前主题的functions.php文件里，或者自己创建一个简单的自定义插件（推荐后者，避免主题更新丢失代码）。
• 要是你想添加到配送地址页面，只需要把钩子换成woocommerce_edit_address_fields_shipping，字段名改成shipping_custom_field就行。

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