Plug-in for custom data field

Hi

I think you don’t need plugin for that, few custom code help you to achive.

Here is the complete code of custom input fields that you must paste in the functions.php(active theme)

// Display Fields
add_action('woocommerce_product_options_general_product_data', 'woocommerce_product_custom_fields');

// Save Fields
add_action('woocommerce_process_product_meta', 'woocommerce_product_custom_fields_save');

function woocommerce_product_custom_fields()
{
    global $woocommerce, $post;
    echo '<div class="product_custom_field">';
    // Custom Product Text Field
    woocommerce_wp_text_input(
        array(
            'id' => '_custom_product_text_field',
            'placeholder' => 'Custom Product Text Field',
            'label' => __('Custom Product Text Field', 'woocommerce'),
            'desc_tip' => 'true'
        )
    );
    //Custom Product Number Field
    woocommerce_wp_text_input(
        array(
            'id' => '_custom_product_number_field',
            'placeholder' => 'Custom Product Number Field',
            'label' => __('Custom Product Number Field', 'woocommerce'),
            'type' => 'number',
            'custom_attributes' => array(
                'step' => 'any',
                'min' => '0'
            )
        )
    );
    //Custom Product  Textarea
    woocommerce_wp_textarea_input(
        array(
            'id' => '_custom_product_textarea',
            'placeholder' => 'Custom Product Textarea',
            'label' => __('Custom Product Textarea', 'woocommerce')
        )
    );
    echo '</div>';

}

Saving Data in the Database

function woocommerce_product_custom_fields_save($post_id)
{
    // Custom Product Text Field
    $woocommerce_custom_product_text_field = $_POST['_custom_product_text_field'];
    if (!empty($woocommerce_custom_product_text_field))
        update_post_meta($post_id, '_custom_product_text_field', esc_attr($woocommerce_custom_product_text_field));
// Custom Product Number Field
    $woocommerce_custom_product_number_field = $_POST['_custom_product_number_field'];
    if (!empty($woocommerce_custom_product_number_field))
        update_post_meta($post_id, '_custom_product_number_field', esc_attr($woocommerce_custom_product_number_field));
// Custom Product Textarea Field
    $woocommerce_custom_procut_textarea = $_POST['_custom_product_textarea'];
    if (!empty($woocommerce_custom_procut_textarea))
        update_post_meta($post_id, '_custom_product_textarea', esc_html($woocommerce_custom_procut_textarea));

}

To get those values, I will use the popular get_post_meta() function

function woocommerce_custom_fields_display()
{
  global $post;
  
// Display the value of custom product text field
    echo get_post_meta($post->ID, '_custom_product_text_field', true);
// Display the value of custom product number field
    echo get_post_meta(get_the_ID(), '_custom_product_number_field', true);
// Display the value of custom product text area
    echo get_post_meta(get_the_ID(), '_custom_product_textarea', true);
}
 
add_action('woocommerce_before_add_to_cart_button', 'woocommerce_custom_fields_display');

You must have to add some css/style to show those fields.

Note: You must need to change title keys as per your need

Let me know if you need more help.

Thanks
Ahir

Hi @earmsby

Thanks for reaching out!

In addition to what was proposed above, you could also check the premium plugin, Custom Fields for WooCommerce that simultaneously add custom fields to the Registration, My Account, and Checkout pages. Select from a range of 19 different field types.

If you want to try our products, please note we have a 30-day refund policy.

If the product doesn’t work the way you need it or you think another product would work better, we are more than happy to offer a full refund. You can read more about our refund policy on our website here.

Hope this helps!

Hi @earmsby

I am not looking to add fields to either of these areas but to the product page.

I totally understand that.

I did some research and found these articles could be a good starting point:

– How to Add Custom Product Fields in WooCommerce
– How to Add Custom Fields to WooCommerce Product Pages
– How to display custom fields on the WooCommerce product page
– Add custom fields to WooCommerce Products using ACF

Hope this helps!