Documentation
WooCommerce Checkout Manager

Fields

WooCommerce Checkout Manager allows you to include custom fields to the checkout page in the Billing, Shipping, and Additional fields sections.

Add a new a field to the checkout page

  1. In your WordPress admin, go to WooCommerce > Checkout > Billing.
  2. Press the Add New Field button.
  3. Make sure you complete the field label and placeholder.
  4. Select the field type.
  5. Click Save Changes.

You can select between any of the avialable field types. Once you select the field type, the modal panel will be reloaded to display the field type settings.

WooCommerce Checkout Manager Add new field

Add new field options

To select radio multiselect and multicheckbox fields, you have to include the field options.

  1. First, select the field type (select, radio, multiselect, multicheckbox).
  2. Then, go to the Options tab.
  3. Press Add new option.
WooCommerce Checkout Manager Add new field options

Remove fields from checkout page

You can remove a field from the checkout and My account page by clicking the disable toggle button.

WooCommerce Checkout Manager Remove fields

Remove field from my account page

If you want to display a field only the on checkout, you can remove it from the My account page.

  1. Go to the Display tab.
  2. Click Hide on account checkbox.

Remove fields for specific products

You can also hide or display the field for specific products or categories.

  1. Go to the Display tab.
  2. Click on the show or hide for products and search by product name.
WooCommerce Checkout Manager display specific products fields

Reorder fields position

You can also change the default order of the core and custom checkout fields.

  1. Click on the left side of the field you want to move.
  2. With the mouse button pressed, drag and drop the field to the desired position.
  3. Click Save changes button at the bottom of the page.
WooCommerce Checkout Manager Reorder fields position

Change additional fields position

  1. In your WP dashboard, go to WooCommerce > Checkout > Additional tab.
  2. Then go to Select at the right top corner.
  3. Select the position.
  4. Press Save changes.
WooCommerce Checkout Manager additional fields position

Create a select field with empty default

  1. In your WordPress dashboard, go to WooCommerce > Checkout > Billing/Shipping/Advanced.
  2. Press the Add New Field button.
  3. Make sure you complete the field label and placeholder.
  4. Select the Select field type.
  5. Go to Options.
  6. Create an option with None name and select it as default.
WooCommerce Checkout Manager select field

Fields filter

WooCommerce Checkout Manager allows you to filter the fields displayed in the checkout based on the selected products, checkout totals or user roles.

  1. In your WordPress admin, go to WooCommerce > Checkout > Billing/Shipping or Additional.
  2. Select the fields.
  3. Go to the Filter tab.
  4. Select the filter options.
WooCommerce Checkout Manager Filter fields

Datepicker

WooCommerce Checkout Manager date is based on jQuery UI Datepicker. This is a highly configurable plugin that adds a date picker functionality to the pages. You can customize the date format and language, restrict the selectable date ranges, and add buttons and other navigation options easily.

By default, the date picker calendar opens in a small overlay when the associated text field gains focus.

Format date as a string value with a specified format.

The format can be combinations of the following:

  • d – day of the month (no leading zero)
  • dd – day of the month (two-digit)
  • o – day of the year (no leading zeros)
  • oo – day of the year (three-digit)
  • D – day name short
  • DD – day name long
  • m – month of the year (no leading zero)
  • mm – month of the year (two-digit)
  • M – month name short
  • MM – month name long
  • y – year (two-digit)
  • yy – year (four-digit)
  • @ – Unix timestamp (ms since 01/01/1970)
  • ! – Windows ticks (100ns since 01/01/0001)
  • ‘…’ – literal text
  • ” – single quote
  • anything else – literal text
There are also several predefined standard date formats available:
  • ATOM – ‘yy-mm-dd’
  • COOKIE – ‘D, dd M yy’
  • ISO_8601 – ‘yy-mm-dd’
  • RFC_822 – ‘D, d M y’
  • RFC_850 – ‘DD, dd-M-y’
  • RFC_1036 – ‘D, d M y’
  • RFC_1123 – ‘D, d M yy’
  • RFC_2822 – ‘D, d M yy’
  • RSS – ‘D, d M y’
  • TICKS – ‘!’
  • TIMESTAMP – ‘@’
  • W3C – ‘yy-mm-dd’

Can’t find the anwser?

Our docs solve most issues, but sometimes you need a human. If you’re still stuck, we’re just a message away.

Looking for support?

Premium users can log in to their account for priority support and a response in under 6 business hours (Mon–Fri).

Free users can submit a support ticket and we’ll reply within 24 h.

Log into your account
Forgot your password?