在 WooCommerce 客户订单详细信息页面中添加和保存文本字段

Question

我已经能够在 woocommerce 的订单详细信息页面中添加自定义文本输入字段，但我无法保存提交的数据。

这是代码：

add_action( 'woocommerce_order_details_before_order_table', 'add_custom_Field',10,2 );
function add_custom_Field( $order_id) {
    $user = wp_get_current_user();
    $order_id = method_exists( $order, 'get_id' ) ? $order->get_id() : $order->id;
    ?>
<form method="post">
     <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
        <label for="custom_URL"><?php _e( 'URL', 'woocommerce' ); ?></label>
        <input type="text" name="custom_URL" id="custom_URL" value="<?php echo esc_attr( $order_id->custom_URL ); ?>" />
    </p>
        <input type="submit" name="test" id="test" value="RUN" /><br/>
</form>
<?php

function submit()
{
    update_user_meta( $user_id, 'custom_URL', sanitize_text_field( $_POST['custom_URL'] ) );
    echo "Your function on button click is working";
}

   if(array_key_exists('test',$_POST)){
       submit();
    }
}

你知道我做错了什么吗？

Answer 1

以下将允许您将用户自定义字段添加到客户订单详细信息并在提交时保存其值：

// Display user custom field
add_action( 'woocommerce_order_details_before_order_table', 'add_user_custom_url_field_to_order' );
function add_user_custom_url_field_to_order( $order ) {
    global $current_user;

    $custom_url = get_user_meta( $current_user->ID, 'custom_URL', true );
    ?>
    <form method="post">
         <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
            <label for="custom_URL"><?php _e( 'URL', 'woocommerce' ); ?></label>
            <input type="text" name="custom_URL" id="custom_URL" value="<?php echo $custom_url; ?>" />
        </p>
        <input type="submit" name="submit-custom_URL" value="<?php _e('RUN', 'woocommerce'); ?>" /><br/>
    </form>
    <?php
}

// Save the field as custom user data
add_action( 'template_redirect', 'save_user_custom_url_field_from_order' );
function save_user_custom_url_field_from_order() {
    global $current_user;

    if( isset($_POST['custom_URL']) ){
        update_user_meta( $current_user->ID, 'custom_URL', sanitize_url( $_POST['custom_URL'] ) );
        wc_add_notice( __("Submitted data has been saved", "woocommerce") );
    }
}

代码进入您的活动子主题（或活动主题）的 functions.php 文件。已测试并有效。

根据您的评论备注：

如果每个订单的自定义 url 必须不同，您不能将其保存为用户元数据，而是保存为 $order 项目元数据...但是代码会略有不同并且您需要定义您的自定义 urls.

在 WooCommerce 客户订单详细信息页面中添加和保存文本字段

Add and save a text field in WooCommerce customer order detail pages

php

wordpress

orders

woocommerce

hook-woocommerce