How to Set Up and Configure the WooCommerce Checkout Field Editor Plugin Step by Step

The default WooCommerce checkout page collects the basics well enough, but the moment a store needs anything beyond the standard name, address, and payment fields, the limitations become obvious pretty quickly.

A store selling personalized products needs to collect customization details at checkout. A B2B store needs a purchase order reference. A service-based store needs a preferred appointment date. None of these are things the default checkout handles natively, and that is where a checkout field editor plugin becomes essential.

This guide covers the full setup and configuration process for the Conditional Checkout Fields and Edit Checkout Fields plugin by FmeAddons, from installation through to advanced conditional logic and custom section creation, using the actual documentation as the reference throughout.

What This Plugin Actually Lets You Do

Before getting into the setup it is worth being clear about the scope of what is possible because it goes considerably beyond just adding a text field or two.

The plugin lets you:

  • Add custom fields to the WooCommerce checkout field editor across billing, shipping, and additional information sections
  • Edit, hide, reorder, or delete any of the default WooCommerce checkout fields
  • Apply conditional logic so fields appear or disappear based on what the customer has already entered or selected
  • Assign fields to specific products, categories, or user roles
  • Charge a fee for specific checkout field selections like gift wrapping or priority handling
  • Repeat fields based on cart quantity so each item in the order can have its own input
  • Display field values in order details, My Account pages, and invoice emails
  • Add entirely new checkout sections and position them precisely within the checkout flow

It is compatible with Cart and Checkout Blocks, HPOS, Multisite, and PHP 8.

Installation

Installation follows the standard WooCommerce subscriptions process:

  • Log into your WooCommerce account and go to My Subscriptions
  • Find the Conditional Checkout Fields plugin and click Add to Store
  • Follow the on-screen instructions and the plugin installs automatically
  • Once installed activate it from the Plugins section in your WordPress admin

After activation navigate to WooCommerce > Settings > Conditional Checkout Fields for WooCommerce where all configuration lives. This is your main working area for everything covered in this guide.

Understanding the Three Main Sections

The plugin organizes fields into three sections that correspond to distinct parts of the WooCommerce checkout page:

  • Billing: The billing address and payment section. Payment must be enabled for this section to be accessible
  • Shipping: The shipping details section. Shipping must be enabled for this section
  • Additional: The additional information section that appears after billing and shipping, next to the order notes field. Order notes must be enabled for this section to work

Each section has its own tab in the plugin settings and all three work the same way so once you are comfortable with one the others follow the same process.

Editing Default Checkout Fields

One of the first things worth doing is reviewing and adjusting the default WooCommerce checkout fields since the plugin gives you full control over them.

Click the Billing Fields tab to see all existing billing fields including both default WooCommerce fields and any custom ones you have created. To edit a default field click the Edit button next to it.

For each default field you can change:

  • The field label that customers see
  • The placeholder text inside the field
  • Whether the field is enabled or disabled
  • Whether the field is required or optional
  • The field class which controls position and width using options like form-row-first, form-row-last, or form-row-wide

You can also drag and drop fields to reorder them within the section. This drag and drop reordering works for both default and custom fields giving you complete control over the sequence customers encounter each input during checkout.

Once changes are made click Save Changes to apply them.

Adding a New Custom Field

To add a new field to any section click the Add Field button within the relevant tab. A field configuration panel appears with the following settings to work through:

Type Select the field type from the 15 available options:

  • Text Field: Single line input for short responses
  • Text Area: Multi-line input for longer customer notes or specifications
  • File Upload: Lets customers attach files directly at checkout
  • Drop-Down: A select menu for choosing from a list of options
  • Radio Button: Single-choice button options
  • Checkbox: Multi-select options for customers to check relevant choices
  • Simple Checkbox: A single yes or no toggle
  • Multiple Select: Allows customers to select several options from a list
  • Date Picker: Calendar-based date selection
  • Time Picker: Time selection input
  • Color Picker: Visual color selection in box format
  • Phone Number: Formatted phone number input
  • Number: Numerical input only
  • Paragraph: Display-only text for instructions or information
  • Heading: Display-only text for creating visual section breaks

Field Name The internal identifier for the field. Not visible to customers.

Label What the customer sees as the field heading on the checkout page. Make this specific and instructional.

Enable Toggle the field on or off without deleting it.

Placeholder Guidance text inside the field that disappears when the customer starts typing.

Field Class Controls the position and width of the field within the checkout layout:

  • form-row-first positions the field on the left half of the row
  • form-row-last positions it on the right half
  • form-row-wide makes the field span the full width

Price Set a fee that adds to the order total when this field is filled in or selected. This is how you charge for add-ons like gift wrapping, priority processing, or custom engraving directly through the checkout.

Required Make the field mandatory so customers cannot complete checkout without filling it in.

Display or Hide for Specific Products or Categories Show or hide the field based on whether specific products or products from specific categories are in the customer’s cart. This keeps fields contextually relevant rather than showing every field to every customer regardless of what they are buying.

Repeat This Field Repeat the field based on either specific products in the cart or the total number of cart items. If a customer has five items and the field is set to repeat by cart count, it appears five times during checkout, once for each item. A label suffix using numbers or letters can be set to distinguish each repeated instance and per-instance pricing can be applied.

Display or Hide for Specific User Roles Control field visibility based on the customer’s user role. Show fields only to wholesale customers, registered members, or administrators while hiding them from guest checkouts or standard retail customers.

Add Conditions Apply conditional logic to make the field dependent on another field’s value. The relation between conditions within a group is AND meaning all conditions must be true simultaneously. The relation between groups is OR meaning the field appears if any group’s conditions are fully met.

Setting Up Conditional Logic Properly

Conditional logic is one of the more powerful features in this WooCommerce checkout field editor checkout plugin and it is worth understanding how to configure it correctly because the AND and OR relationship structure gives you more flexibility than it might initially seem.

To add conditions to a field, find the Add Conditions option at the bottom of the field settings. Here is how to think through the setup:

For a simple single condition: You want a gift message text area to appear only when the customer has checked a “This is a gift” checkbox. Set the condition trigger to the gift checkbox field, set the comparison to “equals,” and set the value to “checked.” The text area now only appears when the checkbox is ticked.

For multiple conditions with AND logic: You want a field to appear only when a specific product is in the cart AND the customer has selected a specific shipping method. Add both conditions within the same condition group. Both must be true simultaneously for the field to appear.

For multiple conditions with OR logic: You want a field to appear when either of two different products is in the cart. Create two separate condition groups each containing one product condition. The field appears if either group’s conditions are met.

This structure lets you handle genuinely complex conditional scenarios without the logic becoming unmanageable.

Adding Fields to Shipping and Additional Sections

The process for adding fields to the Shipping and Additional sections is identical to the Billing section process. Navigate to WooCommerce > Settings > Conditional Checkout Fields and click either the Shipping tab or the Additional tab.

Add fields the same way, configure all the same settings, and use the same drag and drop reordering to position them correctly within the section. Each section maintains its own independent field list so there is no risk of fields from one section interfering with another.

Each section also has its own Search, Export, and Print options on the right side of the section view. These are useful for auditing what fields exist across the checkout, exporting field configurations for documentation purposes, or printing a reference list of the current checkout field setup.

Creating New Checkout Sections

Beyond adding fields to the existing three sections the plugin also allows creation of entirely new checkout sections that can be positioned at specific points within the checkout flow.

Go to WooCommerce > Settings > Conditional Checkout Fields and click the Add Section button. The section configuration includes:

Title and Section Name Set the display title customers see and an internal name for admin identification.

Display Position Choose exactly where the new section appears within the checkout flow. The available positions are:

  • Before or After Customer Details
  • Before or After Billing Fields
  • Before or After Shipping Fields
  • Before or After Registration Fields
  • Before or After Order Notes

Enable Toggle the section on or off without deleting it.

Repeat This Section Check this to repeat the entire section, not just individual fields, based on conditions.

Display or Hide for Specific Products or Categories Control section visibility based on cart contents. An entire section dedicated to custom product specifications can appear only when relevant products are in the cart.

Display or Hide for Specific User Roles Control section visibility based on user role. A section containing trade-specific fields can be visible only to wholesale account holders.

Add Conditional Groups Apply AND and OR logic at the section level so the entire section appears or disappears based on conditions rather than applying the same condition individually to every field within it.

Controlling Where Field Data Appears After Checkout

Once customers fill in custom checkout fields that data needs to be accessible in the right places after the order is placed. The plugin handles this through simple checkbox options within each field’s settings.

You can choose to display custom field values in:

  • Order details page: In the WooCommerce admin so your team can reference the information during fulfillment
  • My Account page: So customers can see what they submitted alongside their order history
  • Invoice emails: So the information appears in the order confirmation email sent to the customer

Getting these display settings right for each field ensures that the information collected during checkout is surfaced at the right time for both your team and the customer rather than disappearing into the database where it is difficult to find when it is needed.

Practical Tips for Getting the Most Out of the Plugin

A few practices make a consistent difference to how well the checkout field editor for WooCommerce configuration works in practice:

Write specific and instructional field labels

A label that says “Additional Information” tells the customer nothing useful. A label that says “Name for Engraving (max 20 characters)” tells them exactly what to provide and what constraints apply. The more specific the label the more accurate the information the customer provides.

Use placeholder text to give format examples

Placeholder text inside the field that shows an example of expected input, something like “e.g. Happy Birthday Sarah,” reduces the number of customers who stall at a field because they are not sure what format or content is appropriate.

Test every conditional path before going live

Conditional logic is easy to configure incorrectly in ways that are not obvious during setup. After configuring conditions, work through every possible customer selection path and verify that the right fields appear and disappear at each stage. Pay particular attention to the edge cases where a customer makes an unusual combination of selections.

Regularly review fields as products change

Fields that were correct for a previous product version or a discontinued product category can persist on the checkout page and confuse customers who have no context for why the field is there. Reviewing active fields periodically and disabling or deleting ones that are no longer relevant keeps the checkout clean and purposeful.

Conclusion

The Conditional Checkout Fields plugin by FmeAddons gives WooCommerce store owners a comprehensive and properly structured way to checkout field editor for WooCommerce checkout pages without any coding requirement.

From editing default fields and adding new ones across billing, shipping, and additional sections, through to conditional logic, user role restrictions, product-specific field display, field-level pricing, and custom section creation, the plugin covers the full scope of what a WooCommerce checkout field editor setup needs.

Getting the configuration right from the beginning, working through the settings in the order covered in this guide, means the checkout works correctly for every type of customer and every type of order the store handles.

The WooCommerce checkout editor experience that results is considerably more organized, more relevant, and more useful to both the customer and the fulfillment team than what the default WooCommerce checkout provides on its own.