WooCommerce Custom Fields for Simple & Variable Products

functions.php

/*
 * Add our Custom Fields to simple products
 */
function mytheme_woo_add_custom_fields() {

	global $woocommerce, $post;

	echo '<div class="options_group">';

 	// Text Field
	woocommerce_wp_text_input(
		array(
			'id'          => '_text_field',
			'label'       => __( 'My Text Field', 'woocommerce' ),
			'placeholder' => 'http://',
			'desc_tip'    => true,
			'description' => __( "Here's some really helpful tooltip text.", "woocommerce" )
		)
 	);

 	// Number Field
	woocommerce_wp_text_input(
 		array(
 			'id'                => '_number_field',
 			'label'             => __( 'My Number Field', 'woocommerce' ),
 			'placeholder'       => '',
			'desc_tip'    		=> false,
 			'description'       => __( "Here's some really helpful text that appears next to the field.", 'woocommerce' ),
 			'type'              => 'number',
 			'custom_attributes' => array(
 					'step' 	=> 'any',
 					'min'	=> '0'
 				)
 		)
 	);

 	// Textarea
 	woocommerce_wp_textarea_input(
 		array(
 			'id'          => '_textarea',
 			'label'       => __( 'My Textarea', 'woocommerce' ),
 			'placeholder' => '',
			'desc_tip'    => true,
			'description' => __( "Here's some really helpful tooltip text.", "woocommerce" )
 		)
 	);

 	// Select
 	woocommerce_wp_select(
 		array(
 			'id'      => '_select',
 			'label'   => __( 'My Select Field', 'woocommerce' ),
 			'options' => array(
 				'one'   => __( 'Option 1', 'woocommerce' ),
 				'two'   => __( 'Option 2', 'woocommerce' ),
 				'three' => __( 'Option 3', 'woocommerce' )
 				)
 		)
 	);

 	// Checkbox
 	woocommerce_wp_checkbox(
 		array(
 			'id'            => '_checkbox',
 			'wrapper_class' => 'show_if_simple',
 			'label'         => __('My Checkbox Field', 'woocommerce' ),
 			'description'   => __( 'Check me!', 'woocommerce' )
 		)
 	);

 	// Hidden field
 	woocommerce_wp_hidden_input(
 		array(
 			'id'    => '_hidden_field',
 			'value' => 'hidden_value'
 			)
 	);

 	// Custom field Type
 	?>
 	<p class="form-field custom_field_type">
 		<label for="custom_field_type"><?php echo __( 'Custom Field Type', 'woocommerce' ); ?></label>
 		<span class="wrap">
 			<?php $custom_field_type = get_post_meta( $post->ID, '_custom_field_type', true ); ?>
 			<input placeholder="<?php _e( 'Field One', 'woocommerce' ); ?>" class="" type="number" name="_field_one" value="<?php echo $custom_field_type[0]; ?>" step="any" min="0" style="width: 100px;" />
 			<input placeholder="<?php _e( 'Field Two', 'woocommerce' ); ?>" type="number" name="_field_two" value="<?php echo $custom_field_type[1]; ?>" step="any" min="0" style="width: 100px;" />
 		</span>
 		<span class="description"><?php _e( 'Place your own description here!', 'woocommerce' ); ?></span>
 	</p>
 	<?php

 	echo '</div>';

}
// General Tab
//add_action( 'woocommerce_product_options_pricing', 'mytheme_woo_add_custom_fields' ); // After pricing fields
//add_action( 'woocommerce_product_options_downloads', 'mytheme_woo_add_custom_fields' ); // After downloadable file fields and only visible when it's a downloable product
//add_action( 'woocommerce_product_options_tax', 'mytheme_woo_add_custom_fields' ); // After tax fields
add_action( 'woocommerce_product_options_general_product_data', 'mytheme_woo_add_custom_fields' ); // After all General default fields

// Inventory tab
//add_action( 'woocommerce_product_options_sku', 'mytheme_woo_add_custom_fields' ); // After SKU field
//add_action( 'woocommerce_product_options_stock', 'mytheme_woo_add_custom_fields' ); // After Manage Stock field
//add_action( 'woocommerce_product_options_stock_fields', 'mytheme_woo_add_custom_fields' ); // After Manage Stock field but only visible is checked
//add_action( 'woocommerce_product_options_stock_status', 'mytheme_woo_add_custom_fields' ); // After Stock Status field
//add_action( 'woocommerce_product_options_sold_individually', 'mytheme_woo_add_custom_fields' ); // After Sold Individually field
//add_action( 'woocommerce_product_options_inventory_product_data', 'mytheme_woo_add_custom_fields' ); // After all Inventory default fields

// Shipping tab
//add_action( 'woocommerce_product_options_dimensions', 'mytheme_woo_add_custom_fields' );  // After Dimensions field
//add_action( 'woocommerce_product_options_shipping', 'mytheme_woo_add_custom_fields' ); // After all Shipping default fields

// Linked Products tab
//add_action( 'woocommerce_product_options_related', 'mytheme_woo_add_custom_fields' ); // After all Linked Products default fields

// Attributes tab
//add_action( 'woocommerce_product_options_attributes', 'mytheme_woo_add_custom_fields' ); // After all Attributes default fields

// Advanced tab
//add_action( 'woocommerce_product_options_reviews', 'mytheme_woo_add_custom_fields' ); // After Enable Reviews field
//add_action( 'woocommerce_product_options_advanced', 'mytheme_woo_add_custom_fields' ); // After all Advanced default fields

/*
 * Save our simple product fields
 */
function mytheme_woo_add_custom_fields_save( $post_id ){

 	// Text Field
 	$woocommerce_text_field = $_POST['_text_field'];
	update_post_meta( $post_id, '_text_field', esc_attr( $woocommerce_text_field ) );

 	// Number Field
 	$woocommerce_number_field = $_POST['_number_field'];
	update_post_meta( $post_id, '_number_field', esc_attr( $woocommerce_number_field ) );

 	// Textarea
 	$woocommerce_textarea = $_POST['_textarea'];
	update_post_meta( $post_id, '_textarea', esc_html( $woocommerce_textarea ) );

 	// Select
 	$woocommerce_select = $_POST['_select'];
	update_post_meta( $post_id, '_select', esc_attr( $woocommerce_select ) );

 	// Checkbox
 	$woocommerce_checkbox = isset( $_POST['_checkbox'] ) ? 'yes' : 'no';
 	update_post_meta( $post_id, '_checkbox', $woocommerce_checkbox );

 	// Hidden Field
 	$woocommerce_hidden_field = $_POST['_hidden_field'];
	update_post_meta( $post_id, '_hidden_field', esc_attr( $woocommerce_hidden_field ) );

 	// Custom Field
 	$custom_field_type =  array( esc_attr( $_POST['_field_one'] ), esc_attr( $_POST['_field_two'] ) );
 	update_post_meta( $post_id, '_custom_field_type', $custom_field_type );

}
add_action( 'woocommerce_process_product_meta', 'mytheme_woo_add_custom_fields_save' );

/*
 * Add our Custom Fields to variable products
 */
function mytheme_woo_add_custom_variation_fields( $loop, $variation_data, $variation ) {

	echo '<div class="options_group form-row form-row-full">';

 	// Text Field
	woocommerce_wp_text_input(
		array(
			'id'          => '_variable_text_field[' . $variation->ID . ']',
			'label'       => __( 'My Text Field', 'woocommerce' ),
			'placeholder' => 'http://',
			'desc_tip'    => true,
			'description' => __( "Here's some really helpful tooltip text.", "woocommerce" ),
			'value' => get_post_meta( $variation->ID, '_variable_text_field', true )
		)
 	);

	// Add extra custom fields here as necessary...

	echo '</div>';

}
// Variations tab
//add_action( 'woocommerce_variation_options', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After variation Enabled/Downloadable/Virtual/Manage Stock checkboxes
//add_action( 'woocommerce_variation_options_pricing', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Price fields
//add_action( 'woocommerce_variation_options_inventory', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Manage Stock fields
//add_action( 'woocommerce_variation_options_dimensions', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Weight/Dimension fields
//add_action( 'woocommerce_variation_options_tax', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Shipping/Tax Class fields
//add_action( 'woocommerce_variation_options_download', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Download fields
add_action( 'woocommerce_product_after_variable_attributes', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After all Variation fields

/*
 * Save our variable product fields
 */
function mytheme_woo_add_custom_variation_fields_save( $post_id ){

 	// Text Field
 	$woocommerce_text_field = $_POST['_variable_text_field'][ $post_id ];
	update_post_meta( $post_id, '_variable_text_field', esc_attr( $woocommerce_text_field ) );

}
add_action( 'woocommerce_save_product_variation', 'mytheme_woo_add_custom_variation_fields_save', 10, 2 );

/*
 * Display our example custom field above the summary on the Single Product Page
 */
function mytheme_display_woo_custom_fields() {
	global $post;

	$ourTextField = get_post_meta( $post->ID, '_text_field', true );

	if ( !empty( $ourTextField ) ) {
		echo '<div>Our Text Field: ' . $ourTextField . '</div>';
	}
}
add_action( 'woocommerce_single_product_summary', 'mytheme_display_woo_custom_fields', 15 );

Thanks! Really appreciate it.

Crazy how much code must be written to add an extra field to a product. Especially because single and variation has their own hooks instead of a parameter to choose which product type it should be added to.

Thanks for this helpful snippet!

Hello,
first of all many thanks for this code which helps me a lot with my woocommerce installation.

However, i would like to have one "custom text field" which is displayed for single as well as variable products like the "regular price". My custom field name is "discount".

With the code above i can created two different fields with the same name. If i use the same field name for the single and variable field i get the replay "Array". How can i solve it?

Many thanks

Hello,
first of all many thanks for this code which helps me a lot with my woocommerce installation.

However, i would like to have one "custom text field" which is displayed for single as well as variable products like the "regular price". My custom field name is "discount".

With the code above i can created two different fields with the same name. If i use the same field name for the single and variable field i get the replay "Array". How can i solve it?

Many thanks

@oracle1979 You can create two custom text fields that have the same label (e.g. Product discount), but they need to have different ID's. You can't have two fields with the same ID. A custom field for a simple product is different to a custom field for a variable product.

Hello,
first of all many thanks for this code which helps me a lot with my woocommerce installation.
However, i would like to have one "custom text field" which is displayed for single as well as variable products like the "regular price". My custom field name is "discount".
With the code above i can created two different fields with the same name. If i use the same field name for the single and variable field i get the replay "Array". How can i solve it?
Many thanks

@oracle1979 You can create two custom text fields that have the same label (e.g. Product discount), but they need to have different ID's. You can't have two fields with the same ID. A custom field for a simple product is different to a custom field for a variable product.

@maddisondesigns Ok, I thought it works like the existing woocommerce fields like regualr price.
If i export the exiting field "regular price" for all products it will be shown in excel as one column and i can maintain the values for single as well as variable field prices in one column and import it again.

Currently i have two columns with the same name and i have to maintain both price columns. But it´s also ok. Thank you

Hello,
with the code below i can display a custom field on the product page which is great.

function lieferart_display_woo_custom_fields() {
global $post;

$ourTextField = get_post_meta( $post->ID, '_text_lieferart', true );

if ( !empty( $ourTextField ) ) {
	echo '<div>Lieferart: ' . $ourTextField . '</div>';
}

}
add_action( 'woocommerce_single_product_summary', 'lieferart_display_woo_custom_fields', 15 );

How can i display an exisitng woocommerce field for example "shipping class" on the product page?

Thanks

How can i display an exisitng woocommerce field for example "shipping class" on the product page?

@oracle1979 This stackoverflow answer should help you.

Depending on where you want to display it, you should familiarise yourself with all various WooCommerce Hooks and Filters.

Hello,
first of all many thanks for this code which helps me a lot with my woocommerce installation.
However, i would like to have one "custom text field" which is displayed for single as well as variable products like the "regular price". My custom field name is "discount".
With the code above i can created two different fields with the same name. If i use the same field name for the single and variable field i get the replay "Array". How can i solve it?
Many thanks

@oracle1979 You can create two custom text fields that have the same label (e.g. Product discount), but they need to have different ID's. You can't have two fields with the same ID. A custom field for a simple product is different to a custom field for a variable product.

@maddisondesigns Ok, I thought it works like the existing woocommerce fields like regualr price. If i export the exiting field "regular price" for all products it will be shown in excel as one column and i can maintain the values for single as well as variable field prices in one column and import it again.

Currently i have two columns with the same name and i have to maintain both price columns. But it´s also ok. Thank you

@oracle1979 So actually you can have two fields with the same ID in the database, they just can't have the same ID on the product data page. So all you have to do is use the same ID in update_post_meta in the mytheme_woo_add_custom_variation_fields_save function.

So update_post_meta( $post_id, '_variable_text_field', esc_attr( $woocommerce_text_field ) ) would become update_post_meta( $post_id, '_text_field', esc_attr( $woocommerce_text_field ) ) and everything else stays the same.

Seriously....

You're a genius!

Many many tnx for this code.

For those who're interested in adding EAN codes to products.... The code below adds a EAN number field right below the SKU (for simple products only) or a EAN number field for each variation (for variable products only).

/*

• Add our Custom Fields to simple products
  */
  function yl_woo_add_custom_fields() {

  global $woocommerce, $product, $post;

  $product = wc_get_product( get_the_id() );

  if ($product->is_type( 'simple' )) {

   echo '<div class="options_group">';
  
   // Number Field
   woocommerce_wp_text_input(
   	array(
   		'id'                => '_ean_code',
   		'label'             => __( 'EAN code', 'yorlinq' ),
   		'placeholder'       => '',
   		'desc_tip'    		=> true,
   		'description'       => __( "Enter the official EAN code.", 'yorlinq' ),
   		'type'              => 'number',
   		'custom_attributes' => array(
   				'step' 	=> 'any',
   				'min'	=> '0'
   			)
   	)
   );
  
   echo '</div>';
  

  }

}
// General Tab
//add_action( 'woocommerce_product_options_pricing', 'yl_woo_add_custom_fields' ); // After pricing fields
//add_action( 'woocommerce_product_options_downloads', 'yl_woo_add_custom_fields' ); // After downloadable file fields and only visible when it's a downloable product
//add_action( 'woocommerce_product_options_tax', 'yl_woo_add_custom_fields' ); // After tax fields
//add_action( 'woocommerce_product_options_general_product_data', 'yl_woo_add_custom_fields' ); // After all General default fields

// Inventory tab
add_action( 'woocommerce_product_options_sku', 'yl_woo_add_custom_fields' ); // After SKU field
//add_action( 'woocommerce_product_options_stock', 'yl_woo_add_custom_fields' ); // After Manage Stock field
//add_action( 'woocommerce_product_options_stock_fields', 'yl_woo_add_custom_fields' ); // After Manage Stock field but only visible is checked
//add_action( 'woocommerce_product_options_stock_status', 'yl_woo_add_custom_fields' ); // After Stock Status field
//add_action( 'woocommerce_product_options_sold_individually', 'yl_woo_add_custom_fields' ); // After Sold Individually field
//add_action( 'woocommerce_product_options_inventory_product_data', 'yl_woo_add_custom_fields' ); // After all Inventory default fields

// Shipping tab
//add_action( 'woocommerce_product_options_dimensions', 'yl_woo_add_custom_fields' ); // After Dimensions field
//add_action( 'woocommerce_product_options_shipping', 'yl_woo_add_custom_fields' ); // After all Shipping default fields

// Linked Products tab
//add_action( 'woocommerce_product_options_related', 'yl_woo_add_custom_fields' ); // After all Linked Products default fields

// Attributes tab
//add_action( 'woocommerce_product_options_attributes', 'yl_woo_add_custom_fields' ); // After all Attributes default fields

// Advanced tab
//add_action( 'woocommerce_product_options_reviews', 'yl_woo_add_custom_fields' ); // After Enable Reviews field
//add_action( 'woocommerce_product_options_advanced', 'yl_woo_add_custom_fields' ); // After all Advanced default fields

/*

• Save our simple product fields
  */
  function yl_woo_add_custom_fields_save( $post_id ){

  global $product;

  $product = wc_get_product( get_the_id() );

  if ($product->is_type('simple')) {
  // Number Field
  $woocommerce_ean_code = $_POST['_ean_code'];
  update_post_meta( $post_id, '_ean_code', esc_attr( $woocommerce_ean_code ) );
  }

}
add_action( 'woocommerce_process_product_meta', 'yl_woo_add_custom_fields_save' );

/*

• Add our Custom Fields to variable products
  */
  function yl_woo_add_custom_variation_fields( $loop, $variation_data, $variation ) {

  echo '

  ';

  // Text Field
  woocommerce_wp_text_input(
  array(
  'id' => '_variable_ean_code[' . $variation->ID . ']',
  'label' => __( 'EAN code', 'yorlinq' ),
  'placeholder' => '',
  'desc_tip' => true,
  'description' => __( "Enter the official EAN code, for each product variation individually.", "yorlinq" ),
  'type' => 'number',
  'value' => get_post_meta( $variation->ID, '_variable_ean_code', true )
  )
  );

  // Add extra custom fields here as necessary...

  echo '

  ';

}
// Variations tab
add_action( 'woocommerce_variation_options', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After variation Enabled/Downloadable/Virtual/Manage Stock checkboxes
//add_action( 'woocommerce_variation_options_pricing', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After Price fields
//add_action( 'woocommerce_variation_options_inventory', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After Manage Stock fields
//add_action( 'woocommerce_variation_options_dimensions', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After Weight/Dimension fields
//add_action( 'woocommerce_variation_options_tax', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After Shipping/Tax Class fields
//add_action( 'woocommerce_variation_options_download', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After Download fields
//add_action( 'woocommerce_product_after_variable_attributes', 'yl_woo_add_custom_variation_fields', 10, 3 ); // After all Variation fields

/*

• Save our variable product fields
  */
  function yl_woo_add_custom_variation_fields_save( $post_id ){

  // Text Field
  $woocommerce_variable_ean_code = $_POST['_variable_ean_code'][ $post_id ];
  update_post_meta( $post_id, '_variable_ean_code', esc_attr( $woocommerce_variable_ean_code ) );

}
add_action( 'woocommerce_save_product_variation', 'yl_woo_add_custom_variation_fields_save', 10, 2 );

@Yorlinq Thanks for the kind words. Glad you found it useful 🙂

@maddisondesigns Me again, but this time with a question:

How can I populate a custom select field with all categories? I know how to add a custom select field and how to populate it with custom options but how can I dynamically populate it with all categories?

Thanks so much (again) for this Wonderfull code.

Hope to hear from you (or anyone else with the answer) soon :)

@Yorlinq You can use the get_categories() function to get a list of all Categories. You'd then simply loop through them and add each one to your select field. There's examples at the bottom of the page, in the User Contributed Notes, that show you how you can loop through them.

See: https://developer.wordpress.org/reference/functions/get_categories/

Oke, I got all categories visible in a select field but when I update, nothing gets saved.....?

/*

• Add our Custom Field to all products
  */
  function yl_woo_add_main_category_field( $post_id ) {

  echo '

  ';

  // Get product categories
  $terms = get_terms( array('taxonomy' => 'product_cat') );
  $options = []; // Initializing

  // Loop through each wp_term object and set term names in an array
  foreach ($terms as $term) {
  $term_name = __( $term->name, 'woocommerce' );
  $options[$term_name] = $term_name;
  }

  // Select
  woocommerce_wp_select( array(
  'id' => '_main_category',
  'label' => __( 'Main category', 'yorlinq' ),
  'placeholder' => '',
  'desc_tip' => true,
  'description' => __( 'Select a category to display above the product title on shop page.', 'yorlinq' ),
  'options' => $options,
  'value' => get_post_meta( $post_id, '_main_category', true ),
  ) );

  echo '

  ';

}
// General Tab
//add_action( 'woocommerce_product_options_pricing', 'yl_woo_add_main_category_field' ); // After pricing fields
//add_action( 'woocommerce_product_options_downloads', 'yl_woo_add_main_category_field' ); // After downloadable file fields and only visible when it's a downloable product
//add_action( 'woocommerce_product_options_tax', 'yl_woo_add_main_category_field' ); // After tax fields
add_action( 'woocommerce_product_options_general_product_data', 'yl_woo_add_main_category_field', 2 ); // After all General default fields

// Inventory tab
//add_action( 'woocommerce_product_options_sku', 'yl_woo_add_main_category_field' ); // After SKU field
//add_action( 'woocommerce_product_options_stock', 'yl_woo_add_main_category_field' ); // After Manage Stock field
//add_action( 'woocommerce_product_options_stock_fields', 'yl_woo_add_main_category_field' ); // After Manage Stock field but only visible is checked
//add_action( 'woocommerce_product_options_stock_status', 'yl_woo_add_main_category_field' ); // After Stock Status field
//add_action( 'woocommerce_product_options_sold_individually', 'yl_woo_add_main_category_field' ); // After Sold Individually field
//add_action( 'woocommerce_product_options_inventory_product_data', 'yl_woo_add_main_category_field' ); // After all Inventory default fields

// Shipping tab
//add_action( 'woocommerce_product_options_dimensions', 'yl_woo_add_main_category_field' ); // After Dimensions field
//add_action( 'woocommerce_product_options_shipping', 'yl_woo_add_main_category_field' ); // After all Shipping default fields

// Linked Products tab
//add_action( 'woocommerce_product_options_related', 'yl_woo_add_main_category_field' ); // After all Linked Products default fields

// Attributes tab
//add_action( 'woocommerce_product_options_attributes', 'yl_woo_add_main_category_field' ); // After all Attributes default fields

// Advanced tab
//add_action( 'woocommerce_product_options_reviews', 'yl_woo_add_main_category_field' ); // After Enable Reviews field
//add_action( 'woocommerce_product_options_advanced', 'yl_woo_add_main_category_field' ); // After all Advanced default fields

/*

• Save our simple product fields
  */
  function yl_woo_add_main_category_field_save( $post_id ){

  // Select
  $woocommerce_select = $_POST['_main_category'];
  update_post_meta( $post_id, '_main_category', esc_attr( $woocommerce_select ) );

}
add_action( 'woocommerce_process_product_meta', 'yl_woo_add_main_category_field_save' );

just had to remove 1 line: 'value' => get_post_meta( $post_id, '_main_category', true ),

And now it works :)

@maddisondesigns Hi Thank you very much for your code, it's beneficial to understand how to add custom fields for WC, and Thank you again.
Actually, I need to get variable data to display on single product page like this
/*

• Add our Custom Fields to variable products
  */
  function mytheme_woo_add_custom_variation_fields( $loop, $variation_data, $variation ) {

  echo '

  ';

  // Text Field
  woocommerce_wp_text_input(
  array(
  'id' => '_variable_text_field[' . $variation->ID . ']',
  'label' => __( 'My Text Field', 'woocommerce' ),
  'placeholder' => 'http://',
  'desc_tip' => true,
  'description' => __( "Here's some really helpful tooltip text.", "woocommerce" ),
  'value' => get_post_meta( $variation->ID, '_variable_text_field', true )
  )
  );

  // Add extra custom fields here as necessary...
  ?>

  ID, '_variable_custom_field_type', true ); ?>

  echo '
  ';

}
// Variations tab
//add_action( 'woocommerce_variation_options', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After variation Enabled/Downloadable/Virtual/Manage Stock checkboxes
//add_action( 'woocommerce_variation_options_pricing', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Price fields
//add_action( 'woocommerce_variation_options_inventory', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Manage Stock fields
//add_action( 'woocommerce_variation_options_dimensions', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Weight/Dimension fields
//add_action( 'woocommerce_variation_options_tax', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Shipping/Tax Class fields
//add_action( 'woocommerce_variation_options_download', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After Download fields
add_action( 'woocommerce_product_after_variable_attributes', 'mytheme_woo_add_custom_variation_fields', 10, 3 ); // After all Variation fields

/*

• Save our variable product fields
  */
  function mytheme_woo_add_custom_variation_fields_save( $post_id ){

  // Text Field
  $woocommerce_text_field = $_POST['_variable_text_field'][ $post_id ];
  update_post_meta( $post_id, '_variable_text_field', esc_attr( $woocommerce_text_field ) );

  $variable_custom_field_type = array( esc_attr( $_POST['_field_one'] ), esc_attr( $_POST['_field_two'] ) );
  update_post_meta( $post_id, '_variable_custom_field_type', $variable_custom_field_type );

}
add_action( 'woocommerce_save_product_variation', 'mytheme_woo_add_custom_variation_fields_save', 10, 2 );

/*

• Display our example custom field above the summary on the Single Product Page
  */
  function mytheme_display_woo_custom_fields() {
  global $post;

  $ourTextField = get_post_meta( $post->ID, '_variable_text_field', true );

  if ( !empty( $ourTextField ) ) {
  echo '

  Download Report
  ';
  }
  }
  add_action( 'woocommerce_single_product_summary', 'mytheme_display_woo_custom_fields', 15 );
  I added a text field to the variable product and added a file URL to the text field. this process correctly works in the simple product, but variable products did not show correctly. how can I get correctly variable data to here( <a href="' . $ourTextField . '">Download Report</a> ).but all variable data save correctly in DB. @maddisondesigns can you please help me to fix this
  Thank you