在订单编辑页面上添加自定义元框并将其显示在客户订单页面上

Question

在WooCommerce中，想在WooCommerce管理员订单页面上添加自定义元框。

在此框中，我只想在保存到该订单的文本字段中输入跟踪编号。

然后在客户视图订单页面上，我想显示一个按钮，打开一个带有跟踪信息的模态。模态只会使用最后有跟踪号的URL拉入iframe。

我使用的快递公司有一个跟踪网站，所以现在我只是使用在管理订单页面上输入的跟踪编号在模式中显示iframe。

如果这没有意义，请告诉我。

如何保存和使用它？

到目前为止，我有这个：

// Add meta box
function tcg_tracking_box() {
    add_meta_box(
        'tcg-tracking-modal',
        'The Courier Guy Tracking',
        'tcg_meta_box_callback',
        'shop_order',
        'side',
        'high'
    );
}
add_action( 'add_meta_boxes', 'tcg_tracking_box' );

// Callback
function tcg_meta_box_callback( $post )
{
    $values = get_post_custom( $post->ID );
    $text = isset( $values['tcg_tracking_box'] ) ? esc_attr( $values['tcg_tracking_box'][0] ) : '';
    echo '<input type="text" name="tcg_tracking_box" id="tcg_tracking_box" value="' . $text . '" />';
}

// Saving
add_action( 'save_post', 'tcg_tracking_box_save' );
function tcg_tracking_box_save( $post_id )
{

}