WooCommerce Checkout Page Fields

By
how-to-customize-woocoommerce-checkout-fields.jpg


In this post I’ll show you how to handle WooCommerce checkout page fields customization. The Checkout page is an eCommerce term that refers to pages shown to a customer during the step-by-step checkout process.

WooCommerce Checkout Customization – Shipping or Billing Form Fields

The shipping address is where you want products to be shipped, while the billing address is where you live or Where your bills are to be delivered.

The eCommerce shipping is a service through which seller ships their products to buyers. A shipping form collects the shipping details of a customer. It must contain all required shipping fields.

woo-Checkout.png


 

Add WooCommerce Custom Shipping Field

WooCommerce is a very flexible eCommerce system. We can easily customize the checkout page, it provides all the necessary hooks. Below are the three steps to add a custom field to WooCommerce checkout shipping form.

  • Add the required field array() data and hook it to woocommerce_checkout_fields
  • Field validation to check it must contain value
  • Store the Field value in database
  • Display field value on the admin order edit page

To add a custom field to WooCommerce billing form, just replace shipping word with the billing in all places within the below code.

Add the following code to functions.php file

 

Remove WooCommerce Checkout Shipping or Billing Fields

Removing any checkout field is too easy. You just need to pass that field within unset() function. The unset() function is a PHP function that is used to delete a specified variable. In WooCommerce it is used to remove array elements e.g unset( $fields[“billing_country”] );

Add the following code to functions.php file to remove billing for fields.

Add the following code to functions.php file to remove Order Notes from checkout field in WooCommerce.

 

Add the following code to functions.php file to remove billing, shipping, accounts and Order Notes from checkout page in WooCommerce.

 

Re-Order WooCommerce Checkout Billing or Shipping Fields

Sometime you want to reorder any WooCommerce checkout page fields. In order to do this you have to use the priority array value with relevant form array value e.g $fields[‘billing’][‘billing_first_name’][‘priority’] = 10;

To reorder of fields, the priority value must be changed. Higher priority fields are shown in the end. e.g priority value of 30 will be displayed after 20.

Add the following code to functions.php file.

To reorder field to WooCommerce shipping form fields, just replace billing word with the shipping in all places within the above code.

 
Best WooCommerce Customization Practices
 
Flatsome Theme Customization
 
Custom WooCommerce Plugin Development
 
WooCommerce Checkout Manager
 

Comments

Post a Comment

Popular posts from this blog

WooCommerce Hooks Actions & Filters

By
Image
In this post I’m going to show how to use WooCommerce Hooks actions & filters for core plugin customization.  Hooks are of two types Action and Filter. Hooks are snippets of code that can be placed into your WordPress theme’s functions.php file or even added into a custom plugin. Action Hooks Action hooks are triggered when an event takes place, such as a user logged in or a custom action that you define in your theme or plugin.   We can create our own custom action hooks within plugin or theme using do_action() function. The function hooked to that action will run at that point in the code.   Filter Hooks Filter Hooks are used to modify data at runtime. The main difference between Action and Filter hook is, Filter Hook always returns a modified data value while Action Hook just triggers the code at that point in the code.   The apply_filter() functions apply filter to the the existing code. Later we can modify that code via add_filter() function. For WooCommerc...
Read more

How to Add WooCommerce Custom Registration Form Fields

By
Image
Do you want to know, how to add WooCommerce custom registration form fields? I am sure your answer will be “Yes” Let’s get started… The custom user registration fields are added to the following pages 1- Registration Form 2- Account Edit Pages 3- Checkout Page Create Account Section 4- Admin User Add/Edit Pages The tutorial is divided in multiple parts, at the end you can find complete code. Following field types are added to WooCommerce Register, Account, Checkout and Admin side Text Number Textarea Select Checkbox Country Email   Add Custom Fields to WooCommerce Registration Form The below image shows the fields added to the User Registration Form Page. woocommerce_form_field( $key, $args, $value = null ) The woocommerce_form_field() outputs the form fields html. It accepts 3 parameters. $key The $key is field Name and ID $args Array options of form fields. This function supports all type of html form fields. $value Field value For more detail check woocommerce_form_field() Ad...
Read more