Checkout Field Editor

Cashier is an all-in-one WooCommerce checkout optimization plugin. You get checkout field editor, one-page checkout, direct checkout with Buy Now buttons and other enhancements.

This doc explains how you can edit/remove the core WooCommerce checkout fields and also add custom fields for an optimized checkout.

Configuring checkout fields

↑ Back to top

Go to WooCommerce > Cashier. Click on the ‘Checkout Field Editor’ tab.

Fields

↑ Back to top

Here, you’ll find the default WooCommerce checkout fields under three field sets:

1. Billing fields – payment and billing address section of checkout (payment must be enabled)
2. Shipping fields – shipping section of checkout (shipping must be enabled)
3. Additional fields – appears after the billing and shipping sections of checkout, next to order notes (order notes must be enabled)

Attributes/options for fields

↑ Back to top

You can add nine different types of attributes or columns for the fields. These include:

1. Name – the name of the field, which is used as the meta key to saving info. Must be unique.
2. Type – the field should be text, radio, email or so on. Supports eight custom field types for now.
3. Label – the field label shown in checkout. Whatever you add here will be suffixed to the Name after the underscore. For example, if you enter ‘state’ for the billing field, the Name of the field will be billing_state.
4. Placeholder – text values. Describes the values that the store owner can add to the field.
5. Validations – choose validation rules to apply. Email, phone, postcode, state and number are supported.
6. CSS class – add some classes separate by a comma if you want to add some style elements to the fields.
7. Default value – set a default value for the field.
8. Required field – shows the fields that are required to be filled at checkout.
9. Enabled field – shows the fields that are enabled at checkout.

Field types

↑ Back to top

Cashier supports these custom field types:

1. Text – standard text input
2. Password – password text input
3. Email – email text input
4. Phone – number input
5. Select – dropdown/select box, requires options set, only one option can be selected in this type.
6. Multiselect – multi-select box. requires options set, multiple options can be selected in this type.
7. Textarea – textarea field
8. Radio – set of radio inputs, requires options set

Adding new custom fields

↑ Back to top

Get the required information from the buyers by customizing default fields/adding new fields to your WooCommerce checkout page.

Cashier’s WooCommerce checkout field editor (checkout manager) allows you to edit, enable, disable, remove the default checkout fields, rearrange checkout fields all in an easy and user-friendly interface.

You can edit the default checkout fields and also add/edit new custom fields in the three sections – Billing, Shipping and Additional.

Go to WooCommerce > Cashier. Click on the ‘Checkout Field Editor’ tab. To add a new field for the billing section:

1. Select the Billing fields option at the top.
2. Click on the ‘Add field’ button.
3. Choose the type, name, placeholder, required option and other details.
4. For example, we want to ask for GST/VAT details from customers who are business owners. Keep it enabled but don’t keep it required.
5. Click on Save changes.

That’s it.

The custom field will be added to the dashboard as shown.

The custom field will appear like this on the checkout page:

Like billing fields, you can add new custom fields for the shipping fields and additional fields sections respectively.

Editing core checkout fields and new custom fields

↑ Back to top

To edit core fields/custom fields for billing:

1. Select the Billing fields option at the top.
2. Click on the Edit button at the extreme right for the field.
3. Edit type, name, placeholder, enable/disable and other details as required.
4. Click on Save changes.

You can also rearrange the fields by simply dragging the fields up and down.

Like billing fields, you can edit the core shipping fields and additional fields.

Enable/disable/remove core fields and custom fields

↑ Back to top

Use the checkbox to select the fields you want to disable. Once done, click on the Disable button.

The disabled fields will be greyed out with the tick mark. To enable it again, click on the ‘Enable’ button.

To remove any field, use the checkbox to select the field and click on the Remove button.

To reset the fields to default, click on the ‘Reset to default’ button.