Description

Woocommerce Checkout Field Editor

Woocommerce Checkout Field Editor – Customise your Checkout Fields via your admin panel

The checkout field editor provides you with an interface to add, edit and remove fields shown on your WooCommerce checkout page. Fields can be added and removed from the billing and shipping sections, as well as inserted after these sections next to the standard ‘order notes’.

The checkout field editor supports several types for custom fields including text, select, checkboxes and datepickers.

Columns

Name – Choose a name for your field. This will be used as the meta key (for saving the field) and will be sanitized. This name needs to be unique.
Type – Choose a field type. See ‘types’ below.
Label – Label for the input shown on the checkout page.
Placeholder / Option values – Placeholder text for inputs OR the options for select boxes, radios etc. Values should be pipe (|) separated. The two scenarios are explained below:
An options list starting with a pipe creates an empty choice. Used in conjunction with a required select field, it will force the user to choose a valid option.
An options list without a pipe as first character will make the first option in the list the default choice whether the field is required or not.
Position – Choose how the box is positioned – left, right, or full width. This gives the field a css class.
Clear row – Useful when aligning fields left and right – clear row stops a field being shown on the same row as the current field.
Validation rules – Choose validation rules to apply; email, number, and required are supported.
Display Options – Option to display fields in thank you emails, thank you pages, or on order detail pages. (CFE 1.1.8+)

Types

The following custom types are supported:

Text – standard text input.
Password – password text input.
Textarea – A textarea field.
Select – A dropdown/select box. Requires options set.
Multi-select – A multiselect box. Requires options set.
Radio – A set of radio inputs. Requires options set.
Checkbox – A checkbox field.
Date picker – A text field with a JavaScript data picker attached.