Besides removing all unnecessary fields, adding useful fields to the page is also significant. Use this snippet to add the desired fields on your checkout page. Look below the default checkout form given in the image.
Now let’s Add this to your function.php in the child theme.
// Add the company code field on the billing form
function wps_custom_checkout_fields( $fields ) {
$fields['billing']['billing_company_code'] = array(
'label' => __('Company Code', 'woocommerce'),
'placeholder' => _x('Company code: 3801083518', 'placeholder','woocommerce'),
'required' => false,
'class' => array('form-row-wide'),
'clear' => true,
);
return $fields;
}
add_filter( 'woocommerce_checkout_fields' , 'wps_custom_checkout_fields' );
/**
* Display field value on the order edit page
*/
function wps_company_code_field_to_order_detail( $order ) {
echo '<p>'.__('Company Code').':' . get_post_meta( $order->get_id(),
'_shipping_phone', true ) . '</p>';
}
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'wps_company_code_field_to_order_detail', 10, 1 );
In the above function first, we are forming an array of the field details and then returning it. In the second function, we are getting the order ID and displaying the field on the page. let’s check the final result you will see the field is been added at the last of the form.