PRO version: https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro of this awesome plugin: https://wordpress.org/plugins/woo-checkout-field-editor-pro/

Overview

Make easy customisations to your checkout form with Checkout Field Editor for WooCommerce plugin. Add, edit, modify, delete, or change the display order of checkout fields with this easy WooCommerce checkout manager. Besides adding custom fields, create and include custom sections to your WooCommerce checkout form. Functioning hand-in-hand with the WooCommerce Multistep Checkout plugin from ThemeHigh, create custom checkout steps and include custom fields and sections to these steps using the Checkout Field Editor.

Key Features of WooCommerce Checkout Field Editor

17 Custom Checkout Field Types

Custom section which can be placed at 15 different positions on the checkout page

Display fields conditionally

Display sections conditionally

Price fields with a set of price types

Custom validations

Change address display format

Display fields based on Shipping option or Payment method

Compatibility with other plugins

Zapier support

WPML Compatibility

Reset all settings on a single click

Manage field display in emails and order details pages

Display custom fields optionally at My Account page

Customise, Disable or delete default WooCommerce fields

Developer friendly with custom hooks

Rearrange all fields and sections as per convenience

Create your own custom classes for styling the field

Custom Checkout Fields

With WooCommerce Checkout Field Editor, add new fields into the Billing, Shipping and Additional sections on your checkout Page. The custom field types include fields for inputting single entries like text and number, and fields that allow choosing from a set of options, like the select, checkbox, and radio fields. The date and time picker fields include the display of a calendar and a pull-down with a time range.

Following are the custom checkout fields available with the WooCommerce Checkout Field Editor:

Text

Hidden

Password

Telephone

Email

Number

Textarea

Select

Multi Select

Radio

Checkbox

Checkbox Group

Date picker

Time picker

File Upload

Heading

Label

Custom Checkout Sections

The WooCommerce Checkout Field Editor lets you add custom sections to the WooCommerce Checkout Form. These sections can be displayed in 14 different positions in the checkout form. Moreover, the additional sections created using the Checkout Field Editor can be displayed in the Account Details tab in My Account. Following are the positions where these checkout sections can be displayed:

Before customer details

After customer details

Before billing form

After billing form

Before shipping form

After shipping form

Before registration form

After registration form

Before order notes

After order notes

Before terms and conditions

After terms and conditions

Before submit button

After submit button

Inside a custom step created using WooCommerce MultiStep Checkout

Display Fields Conditionally

The WooCommerce Checkout Field Editor helps you to display default and custom fields in the checkout form based on different conditions. Fields can be displayed based on cart content and price, user roles, product specifications, and also on conditions specified to any other checkout field. Following are the conditions with which the fields can be displayed conditionally:

Cart Contents

Cart Subtotal

Cart Total

User Roles

Product

Product Variation

Product Category

Based on other field values

Price Fields With A Set of Price Types

Add an extra price value to the total price by adding a field with price into the checkout form. You can also add predefined fixed prices using hidden field type in WooCommerce Checkout. Price fields can be assigned for each option in case the field has multiple choices, for example, select, checkbox group, and radio fields. Following price types can be added to WooCommerce checkout fields:

Fixed Price

Custom Price

Percentage of Cart Total

Percentage of Subtotal

Percent of Subtotal excluding tax

Dynamic Price

Display Sections Conditionally

Like the checkout fields, the sections in the checkout form can also be displayed conditionally using this WooCommerce checkout manager plugin. The sections are conditionally displayed based on the same conditions as in displaying the checkout fields, ie, based cart contents, subtotal and total prices, user roles, product, variation, category, etc. Besides, the sections can also be displayed based on field values.

Display Fields Based On Shipping Options And Payment Methods

The WooCommerce Checkout Field Editor provides you with options to display fields in the checkout form based on shipping options and payment methods. With the feature, you can avoid displaying fields that are not valid for certain shipping option. The fields that demand data not required for specific payment options can also be excluded.

Display Custom Fields Optionally In My Account Page

With the User Meta Data checkbox in the field settings of WooCommerce Checkout Field Editor, you can choose to display custom fields in the My Account page.

Custom Validations

The WooCommerce Checkout Field Editor comes with options to validate the checkout fields before placing the order. With validators to define custom validator patterns and confirm validators for confirming fields, make sure that all data you receive is valid before the order is placed.

Rearrange All Fields And Sections

The WooCommerce Checkout Field Editor lets you to easily manage the display order of checkout fields from admin side by just dragging and dropping the fields up and down. The checkout sections can also be rearranged with the display order settings in section properties.

Modify Default WooCommerce Fields

Using the WooCommerce Checkout Field Editor, you can customise, rearrange, disable or delete the default WooCommerce fields. Set a default field as Mandatory or not in a single click. This is one of the key features.

Add Custom Class For Styling The Fields

Using Input classes, Label classes, and Wrapper classes in the field properties, custom classes can be applied to fields specifically. It helps to fit the fields perfectly with your checkout page. CSS classes can also be defined for sections for providing styles.

Change Address Display Format

With the WooCommerce Checkout Field Editor, change the address formats displayed in the Addresses in My Account page, Thank You page and Transactional Emails. The custom fields created using the plugin can also be included in the addresses using the override feature.

Manage Field Display In Emails And Order Details Pages

WooCommerce Checkout Field Editor provides you with a choice to display the default checkout fields and the custom fields in Customer/Admin emails and Order Detail pages. You can do this in seconds using the the checkboxes Display in Order Detail Pages and Display in Emails in the field settings inside the plugin.

Developer Friendly With Custom Hooks

All custom fields in the WooCommerce Checkout Field Editor are available through hooks. This way, the developers can use the checkout fields for extending the functionality of these fields, like plugin and theme development.

Compatibility With WooCommerce Plugins

The WooCommerce Checkout Field Editor plugin is tested to be compatible with most plugins in the WooCommerce and WordPress repositories. Moreover, this WooCommerce checkout manager goes hand-in hand with the following plugins:

WooCommerce MultiStep Checkout: With the Multistep Checkout plugin, you can create new checkout steps and add the custom fields/sections into these steps.

WooCommerce PDF Invoices & Packing Slips: The PDF Invoices and Packing Slips plugin includes the custom fields created by the Checkout Field Editor, in PDF invoices and packing slips.

WooCommerce Customer / Order CSV Export: With this WooCommerce plugin, you can include the custom created checkout fields in the CSV export files.

Zapier Support

With WooCommerce Checkout Field Editor connected to Zapier, connect the plugin to the other business apps you use like Google Sheets, ActiveCampaign, Salesforce, etc., and bring automation to your daily tasks.

Multilingual Support

The WooCommerce Checkout Field Editor plugin supports localization. With the plugin’s high compatibility with The WPML Plugin, labels and placeholders of any field can be translated to any language.

Reset All Settings With A Single Click

Reset all your settings to original with a single click in the WooCommerce Checkout Manager plugin settings. The plugin comes with a Reset button to revert all changes back to the original WooCommerce fields settings.

checkout-field-editor-for-woocommerce-pro-by-themehigh-v3-4-0.zip

checkout-field-editor-for-woocommerce-pro-by-themehigh-v3-4-0.zip

woocommerce-checkout-field-editor-pro

• admin
  • assets
    • css
      • delete.png
      • edit.png
      • help.png
      • thwcfe-admin.min.css
    • js
      • thwcfe-admin.min.js
  • class-thwcfe-admin-form-field.php
  • class-thwcfe-admin-form-section.php
  • class-thwcfe-admin-form.php
  • class-thwcfe-admin-settings-advanced.php
  • class-thwcfe-admin-settings-general.php
  • class-thwcfe-admin-settings-import-export.php
  • class-thwcfe-admin-settings-license.php
  • class-thwcfe-admin-settings.php
  • class-thwcfe-admin-utils.php
  • class-thwcfe-admin.php
  • index.php
• CHANGELOG.md
• class-thwcfe-license-manager.php
• classes
  • fe
    • class-wcfe-checkout-field-editor-utils.php
• includes
  • class-thwcfe-activator.php
  • class-thwcfe-autoloader.php
  • class-thwcfe-data.php
  • class-thwcfe-deactivator.php
  • class-thwcfe-functions.php
  • class-thwcfe-i18n.php
  • class-thwcfe-loader.php
  • class-thwcfe-order-data.php
  • class-thwcfe.php
  • compatibility
    • class-wcfe-checkout-fields-export-handler.php
    • class-wcfe-wc-api-handler.php
    • class-wcfe-wc-pdf-invoices-packing-slips-handler.php
    • class-wcfe-wc-zapier-handler.php
  • model
    • class-wcfe-checkout-section.php
    • fields
      • class-wcfe-checkout-field-checkbox.php
      • class-wcfe-checkout-field-checkboxgroup.php
      • class-wcfe-checkout-field-city.php
      • class-wcfe-checkout-field-country.php
      • class-wcfe-checkout-field-date.php
      • class-wcfe-checkout-field-datepicker.php
      • class-wcfe-checkout-field-datetimelocal.php
      • class-wcfe-checkout-field-email.php
      • class-wcfe-checkout-field-file.php
      • class-wcfe-checkout-field-heading.php
      • class-wcfe-checkout-field-hidden.php
      • class-wcfe-checkout-field-html-month.php
      • class-wcfe-checkout-field-html-time.php
      • class-wcfe-checkout-field-html-week.php
      • class-wcfe-checkout-field-inputtext.php
      • class-wcfe-checkout-field-label.php
      • class-wcfe-checkout-field-multiselect.php
      • class-wcfe-checkout-field-number.php
      • class-wcfe-checkout-field-paragraph.php
      • class-wcfe-checkout-field-password.php
      • class-wcfe-checkout-field-radio.php
      • class-wcfe-checkout-field-select.php
      • class-wcfe-checkout-field-state.php
      • class-wcfe-checkout-field-tel.php
      • class-wcfe-checkout-field-textarea.php
      • class-wcfe-checkout-field-timepicker.php
      • class-wcfe-checkout-field-url.php
      • class-wcfe-checkout-field.php
      • class-wcfe-field-state.php
    • rules
      • class-wcfe-condition-rule-set.php
      • class-wcfe-condition-rule.php
      • class-wcfe-condition-set.php
      • class-wcfe-condition.php
  • utils
    • class-thwcfe-utils-condition.php
    • class-thwcfe-utils-core.php
    • class-thwcfe-utils-field.php
    • class-thwcfe-utils-price.php
    • class-thwcfe-utils-repeat.php
    • class-thwcfe-utils-section.php
    • class-thwcfe-utils.php
• languages
  • woocommerce-checkout-field-editor-pro.pot
• public
  • assets
    • css
      • delete.png
      • jqueryui
        • 1.12.1
          • themes
            • smoothness
              • images
                • ui-bg_glass_55_fbf9ee_1x400.png
                • ui-bg_glass_65_ffffff_1x400.png
                • ui-bg_glass_75_dadada_1x400.png
                • ui-bg_glass_75_e6e6e6_1x400.png
                • ui-bg_glass_95_fef1ec_1x400.png
                • ui-bg_highlight-soft_75_cccccc_1x100.png
                • ui-icons_222222_256x240.png
                • ui-icons_2e83ff_256x240.png
                • ui-icons_454545_256x240.png
                • ui-icons_888888_256x240.png
                • ui-icons_cd0a0a_256x240.png
              • jquery-ui.css
              • jquery-ui.min.css
              • theme.css
      • loading.gif
      • thwcfe-public.min.css
    • js
      • inputmask-js
        • jquery.inputmask.min.js
      • jquery-ui-i18n.min.js
      • jquery-ui.min.js
      • thwcfe-orderdetails.min.js
      • thwcfe-public-checkout.min.js
      • thwcfe-public-myaccount.min.js
      • thwcfe-userprofile.min.js
      • timepicker
        • jquery.timepicker.css
        • jquery.timepicker.min.js
  • class-thwcfe-public-checkout.php
  • class-thwcfe-public-myaccount.php
  • class-thwcfe-public-session-handler.php
  • class-thwcfe-public.php
  • index.php
• woocommerce-checkout-field-editor-pro.php