Checkout Field Editor

We enable and configure it as needed on WooCommerce sites based on requirements of the customer

Plugin Details

cart

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’.

Application

Use WooCommerce Checkout Field Editor for instances where a site owner needs to capture additional checkout information.

For example:

  • Delivery instructions
  • Additional Contact Details
  • Message to site owner
  • Customize what Order information is included in Customer Emails/Order Detail Pages (My Account > Orders)

What Are Its Limitations?

  • You cannot add fields to emails/order details as a means of adding content to a purchase email. I.e.: “The customer wants their privacy disclosure included in the e-mail.”
  • You cannot add additional payment gateway options. I.e.: “The customer wants this obscure Canadian payment gateway. Can you make a radio button that changes between PayPal or that?”
  • The Password field does not inform user account generation, add a DRM-like password to goods, etc. It is merely an “obscured text” area. Verified by WooCommerce support.
  • Although possible, removing the standard fields can have negative impacts with all other WooCommerce add-ons (subscriptions, memberships, etc.)

Installation

Additional Setup Requirements: n/a


PWS V3 Install

  1. From the WordPress Dashboard (figure_1.jpg)
  2. Select “PWS Core” from the “Appearance” menu (figure_2.jpg)
  3. Select “Plugins” from the PWS Core page. (figure_3.jpg)
  4. Install “WooCommerce Checkout Field Editor” from the available plugins. (figure_4.jpg)
  5. Ensure the plugin is active. (figure_5.jpg)

Configuration

Using The Plugin

1. From the WordPress Dashboard hover over “WooCommerce” and select “Checkout Fields” (config_1.jpg)
2. From the top choose which field set you wish to alter. There is Billing/Shipping/Additional Fields to choose from. (config_2.jpg)

3. Choose “+ Add Field” from the bottom of the fields. (config_3.jpg)

config_3

4. Configure as needed. (config_4.jpg)

config_4

  • Name – Name of field, which is used as the meta key to save info. Must be unique.
  • Type – Field type. See ‘Types’ below:
    • Text – standard text input
    • Password – password text input.
    • Textarea – A textarea field.
    • Select – A dropdown/select box. Requires options set.
    • Multi-select – A multi-select 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.
    • Heading – Adds a heading to allow separating fields into groups.
  • Placeholder/Option values – Placeholder text for inputs OR the options for select boxes, radios etc. Values should be separated by a pipe (|). 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 – Left, right or full width. This applies CSS styling to the box.
  • 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.

5. Save Changes.

Contents

Application Installation Steps Configuration

Resources

Features Page Plugin Link Documentation
View All Plugins