1.Overview

MWB WooCommerce Checkout Field Editor will help to customize the default fields of original WooCommerce checkout page (billing form  & Shipping form) and provide easy checkout process. You can Add new fields, Enable/Disable fields, Edit fields, and change the ordering of the fields both for billing form and shipping form. It also permits you to hide/show the shipping form from the checkout page.
MWB WooCommerce Checkout Field Editor is proving you four custom checkout page templates.

Features:

  1. WooCommerce Checkout Field Editor would help to save your customer’s time by removing additional fields from the checkout page.
  2. WooCommerce Checkout Field Editor allows you to add required fields in the checkout page.
  3. MWB WooCommerce Checkout Field Editor also allows you to manage the ordering of the fields from the checkout page(billing form & shipping form).
  4. MWB WooCommerce Checkout Field Editor allow you to hide the shipping form of the checkout page.
  5. WooCommerce Checkout Field Editor allows you to change Name, Lable, Validation, Ordering of the fields.
  6. WooCommerce Checkout Field Editor also allows you to reset all the changes into the original WooCommerce checkout fields.

2.Installation

Automatic Installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.

Steps are as follows :

1. Download the zip folder of the plugin MWB WooCommerce Checkout Field Editor.

2. Once downloaded install plugin through browsing and activate it.

 

Manual Installation

Manual installation of the plugin is another option to install the plugin to your WordPress-environment. The manual installation method involves downloading our MWB WooCommerce Checkout Field Editor and uploading it to your web server via your favorite FTP application.

Steps are as follows :

1. Upload the MWB WooCommerce Checkout Field Editor folder to the /wp-content/plugins/ directory.

2. Activate the plugin through the ‘Plugins’ menu in WordPress.

3.Admin Setting

MWB WooCommerce Checkout Field Editor plugin allows you to edit, add, remove the custom fields of the original WooCommerce  checkout page both for shipping form and billing form.
This editor supports two type of custom fields as Text and select.

Checkout Billing Form Field Editor:

In this section, Admin can edit fields, enable/disable custom fields, add new fields, change the ordering of the fields in the billing form. If you want to reset the changes back to the original WooCommerce checkout form then you need to click on the “Reset Data” button after this all the changes turn into the default WooCommerce setting.

field-checkout-editor-pro-billing

Checkout Shipping Form Field Editor :

In this section, Admin can edit fields, enable/disable custom fields, add new fields, change the ordering of the fields in the shipping. If you want to reset the changes back to the original WooCommerce checkout form then you need to click on the “Reset Data” button after this all the changes turn into the default WooCommerce setting.

field-checkout-editor-pro-shipping form

 

Checkout Page Template:

In this section, we provide 4 types of default checkout Page templates.
After enabling the Custom Checkout Template Setting you can use these templates.

field-checkout-editor-pro-custom-template

 

4.WorkFlow

1) Checkout Billing Form Field Editor:

(i)Default Checkout Billing Fields:

This is the default fields of the original WooCommerce checkout page. Through Checkout field editor plugin, we can add new fields, enable/disable the existing fields, and change the ordering of the original fields.
After the changes, we can reset all the changes into the original form by a single click.
checkout-field-editor-pro-default-page

This is the original WooCommerce checkout page.

checkout-field-editor-free-(front-end)


 

(ii) Change the Checkout Field Order:

Here we can change the ordering of the checkout fields by simply drag and drop functionality.

checkout-field-editor-pro-change-positon

On the checkout page, we can see the changed ordering of the fields.

checkout-field-editor-frontend


 

(iii) Add New Field:  

Here we can add new custom fields. for a field, we must be entered Field Lable, Field Name, Filed Type, Status of field and validity of field.

Add new field

Here we can see the newly added field.

checkout-field-editor-new-field

You can also change the position of the newly added field.

checkout-field-editor-pro-change-position

On the checkout page, we can see the position of the newly added fields.

checkout-field-editor-front-end


 

(iv) Reset All Changes:

If you want to reset all your changes back to the original WooCommerce fields click on the “Reset Data” button.

checkout-field-editor-reset-changes

Here you can see The original WooCommerce checkout form displayed.

checkout-field-editor-pro-default-page


2) Checkout Shipping Form Fields Editor:

For the “Checkout Shipping Fields” follow the same procedure as the Checkout Billing Form Fields Editor.


 

3) Checkout Page Template:
In this section, we provide 4 types of custom page Template. If you want to select these custom template then firstly enable the Custom Checkout Template and choose desire one.

field-checkout-editor-pro-custom-template


 

(i)Template1:

In this template, we provide two new fields contact field and refund/return policy field. Here admin enter your contact number and write your refund and return procedures.

checkout-field-editor-template1

 


(ii)Template2:

In this section, we provide one extra custom field that is contact number.

checkout-field-editor-template-3


(iii)Template3:

In this section, we provide custom refund/return policy field.

checkout-field-editor-template-03


(iv) Template4:

In this section, all the fields represented in the different form.

checkout-field-editor

Suggest Edit