Woocommerce - 向单个产品页面添加额外的表单字段

Woocommerce - Add extra form fields to single product page

我正在使用 Woocommerce,在单个产品页面上,除了默认的 "quantity" 字段外,我还想显示一些自定义表单字段。

这些表单域很简单:first_name, last_name电子邮件phone。我想在用户购买产品时收集这些信息。

我先尝试使用插件:https://wordpress.org/plugins/woo-extra-product-options/。这允许我添加字段,但标签显示不正确,所以我不想使用这个。

其次,我发现的唯一代码示例是在后端添加自定义产品字段以及以下不输出文本字段的代码:

add_action( 'woocommerce_after_single_product_summary', 'add_custom_field', 0 );

function add_custom_field() {
    global $post;
    echo "<div class='prod-code'>Product Code: ";
    $text= get_post_meta('_text_field', $post->ID);
    echo "</div>";
    return true;
}

如何将额外的表单字段添加到单个产品页面?

使用 WooCommerce Product Add-ons 插件作为解决方案。