WooCommerce Custom Text Area Field For Editing Products

WooCommerce custom textarea-field-in-the-product-editor


There are no pre-requisites in order for you to be able to implement this solution.

How To Implement This Solution?

Simply copy the pre-coded solution to your active theme’s functions.php or preferably the Code Snippets Plugin.

About this Solution

This guide shows you how you can create a custom Text Area field type in the product editor of WooCommerce products. A text area field is particularly useful when you need to convey long pieces of information to customers about a specific product. The purchase note is an example product editor field which uses a text area field type. This guide also shows you how to output the value saved to this new meta box.

 * Snippet Name:     WooCommerce Custom Product Text Area Metabox
 * Snippet Author:   ecommercehints.com

// Create the custom product metabox
add_action ('woocommerce_product_options_advanced', 'ecommercehints_custom_product_textarea_metabox');
function ecommercehints_custom_product_textarea_metabox() {
   echo '<div class="options_group">';
   woocommerce_wp_textarea_input (array ( // A textarea type field
      'id'                => 'custom_product_textarea_metabox',
      'value'             => get_post_meta (get_the_ID(), 'custom_product_textarea_metabox', true),
      'label'             => 'This is the label',
      'description'       => 'This is the description',
      'desc_tip'          => true // If true, place description in question mark tooltip.
   echo '</div>';

// Save data entered in the product metabox
add_action ('woocommerce_process_product_meta', 'ecommercehints_save_field_on_update', 10, 2);
function ecommercehints_save_field_on_update ($id, $post) {
      update_post_meta ($id, 'custom_product_textarea_metabox', $_POST['custom_product_textarea_metabox']);

How Do I Get The Custom Text Area Field Data?

					global $product;
$custom_product_textarea_metabox = $product->get_meta ('custom_product_textarea_metabox');
echo $custom_product_textarea_metabox;
WooCommerce Conversion Rate Optimisation (CRO) eBook
100 WooCommerce Conversion Rate Optimisation Tips

Leave a Reply

If you are going to write code in the comments, please wrap it between code tags.

Your email address will not be published. Required fields are marked *

Other Recent Guides

Subscribe To Emails

Get exclusive WooCommerce tips that I only share with email subscribers

Join hundreds of other subscribers