Techie Corner

If you are using Woocommerce, do you know you can add custom field in My Account page to capture additional user info? There is a woocommerce merchant of mine would like to capture birthdate from his customer so that he can send out coupon to them during customer birthday. I’m glad that Woocommerce provide so much flexibility to customize according to different requirement. If you also need to add user custom field at my account page, hope this article help you.

To add user custom field in account page (Woocommerce), follow the steps below:-

• To add custom field to my account page, open functions.php file and copy and paste the content below at the bottom of the file.

  /**
   * To display additional field at My Account page 
   * Once member login: edit account
   */
  add_action( 'woocommerce_edit_account_form', 'my_woocommerce_edit_account_form' );
  
  function my_woocommerce_edit_account_form() {
  
  	$user_id = get_current_user_id();
  	$user = get_userdata( $user_id );
  
  	if ( !$user )
  		return;
  
  	$birthdate = get_user_meta( $user_id, 'birthdate', true );
  
  ?>
  	<fieldset>
  		<legend>Additional Information</legend>
      
  		<p class="form-row form-row-thirds">
  			<label for="birthdate">Birth date:</label>
  			<input type="text" name="birthdate" value="<?php echo esc_attr( $birthdate ); ?>" class="input-text" />
  			<br />
  			<span style="font-size: 12px;">(Birth date format: YYYY-MM-DD. eg: 1980-12-31)</span>
  		</p>
  	</fieldset>
  
  <?php
   
  } // end func
  
  
  /**
   * This is to save user input into database
   * hook: woocommerce_save_account_details
   */
  add_action( 'woocommerce_save_account_details', 'my_woocommerce_save_account_details' );
  
  function my_woocommerce_save_account_details( $user_id ) {
  	update_user_meta( $user_id, 'birthdate', htmlentities( $_POST[ 'birthdate' ] ) ); 
  } // end func
  
  

• Now go to “My Account” => “Edit Account” and you will see the additional field being added 🙂

Tags: woocommerce add custom field my account, woocommerce add user custom field, woocommerce user custom field

---