Creating Custom Order Fields in WooCommerce: A Guide

rupixen com Q59HmzK38eQ unsplash

Want to make it easy for yourself to accept custom orders from customers?

It’s especially useful if you sell customisable products. Doing so lets you offer a unique shopping experience on your WooCommerce store and can potentially increase your average order value.

Creating custom order fields on your WooCommerce site is a great place to start. You can set them up however you want to accept custom orders and special order requests from customers.

The only problem is that WooCommerce, by default, doesn’t have built-in functionality that lets you do this. However, you can create and add custom order fields on your WooCommerce site using a plugin.

In this tutorial, we’ll show you how to add custom order fields in WooCommerce and, in turn, customise the checkout fields on your WooCommerce store.

The best custom order fields plugins for WooCommerce

A WooCommerce custom order fields plugin lets you create custom order fields on your online store. Here, we’ll take a look at some of the best, user-friendly plugins that let you set up custom order fields on your WooCommerce store:

#1. WooCommerce Product Add-Ons Ultimate

The WooCommerce Product Add-Ons Ultimate plugin offers a robust solution for letting users personalise products before adding them to their shopping cart. This helps you enhance the shopping experience on your WooCommerce store and increase the average order value.

WooCommerce custom order fields preview 

The WooCommerce Product Add-Ons Ultimate plugin offers many features out of the box for enhancing products on your WooCommerce store. You can create up to 16 different custom field types, assign prices for each custom order field, apply conditional logic, and let your customers upload files. It also lets you add fields to specific products only or apply global fields to multiple products on your online store at once.

WooCommerce Product Add-Ons Ultimate featured image

WooCommerce Product Add-Ons Ultimate

Personalise products with extra fields and custom options

Find Out More

You can get the WooCommerce Product Add-Ons Ultimate plugin for $69 for the Basic package for a yearly subscription and $169 for lifetime access. You can also subscribe to the Pro plan which starts at $119 yearly and $279 for a one-time subscription.

#2. Advanced Custom Fields

The Advanced Custom Fields plugin, used by over 2 million websites, offers an all-in-one tool for creating advanced custom fields.

Advanced Custom Fields is mostly used for fields on the back-end by developers whereas WooCommerce Product Add-Ons Ultimate is for custom fields on the front-end of your website. Additionally, it’s worth mentioning that the Advanced Custom Fields plugin is fully compatible with the WooCommerce Product Add-Ons Ultimate plugin. By using both plugins, you can have WooCommerce admin custom order fields while making your products customisable.

The Advanced Custom Fields plugin is designed with WordPress developers in mind and helps make it easier to manage WooCommerce sites on the back-end. It offers powerful PHP-based Advanced Custom Fields Blocks that let you create customisable custom fields on your online store.

Advanced Custom Fields PRO’s entry-level plan, the Personal plan, starts at $49 per year. It includes all the PRO features and offers unlimited updates for one website.

#3. Flexible Checkout Fields

The Flexible Checkout Fields plugin offers a simple way of editing WooCommerce checkout fields on your online store. It’s important to note that Flexible Checkout Fields does not let you add custom order fields – you can only edit the existing WooCommerce checkout fields.

Using the Flexible Checkout Fields Pro WooCommerce plugin, you can edit, add, or remove checkout fields from your online store. It offers a drag-and-drop field editor that lets you rearrange and reorder any default WooCommerce fields or any custom ones you add.

Flexible Checkout Fields offers a free Basic plan for people who want to try out the plugin without paying the full price. However, if you want to go for the PRO version, the Professional plan starts at $59 for a single site.

Why use the WooCommerce Product Add-Ons Ultimate to create custom order fields?

The WooCommerce Product Add-Ons Ultimate plugin is one of the few plugins that offer extensive functionality out of the box. It’s fully compatible with most other WordPress plugins.

WooCommerce Product Add-Ons Ultimate makes it easy to create custom order fields on your WooCommerce store. You can create many different custom order fields and insert them directly onto your single product pages. These include:

  • Checkboxes
  • Radio buttons
  • Dropdowns
  • Text fields
  • Information fields
  • Colour picker fields
  • Date selector fields
  • Calculation fields

This way, you can quickly add custom add-on fields to your WooCommerce products, even if you’re a non-coder, beginner, or someone who has basic familiarity with WordPress.

The best part about the WooCommerce Product Add-Ons Ultimate plugin is that it offers an easy way of adding custom fields to multiple products at once. This means that you can create custom fields that apply to all products, products you specify, or all products within a certain category or taxonomy.

You can also set conditions based on custom input fields. This way, users will see the correct information based on the selections they make.

Using the WooCommerce Product Add-Ons Ultimate plugin to create custom order fields on your WooCommerce site is a great way to sell customised products. This encourages new site visitors to buy from you and increases the average order value on your WooCommerce store. It’s an effective way to add more value to existing WooCommerce products on your online store.

How to set up custom order fields in WooCommerce using WooCommerce Product Add-Ons Ultimate

Here, we’ll show you how you can set up custom order fields in WooCommerce using the WooCommerce Product Add-Ons Ultimate plugin. Before we begin, make sure you have a WordPress site with WooCommerce installed and set up.

Step #1. Install and Activate the WooCommerce Product Add-Ons Ultimate plugin

The first thing you need to do is get the WooCommerce Product Add-Ons Ultimate plugin and install it on your WooCommerce site.

WooCommerce Product Add-Ons Ultimate featured image

WooCommerce Product Add-Ons Ultimate

Personalise products with extra fields and custom options

Find Out More

Once you buy the plugin, you’ll receive an email containing the license key and the download link for the plugin. After downloading the plugin, navigate to Plugins → Add New from the WordPress admin panel and upload the plugin to your WooCommerce site.

Click the Activate button to enable the WooCommerce Product Add-Ons Ultimate plugin on your site. Next, go to WooCommerce → Settings → Product Add-Ons and click on the Licence tab and enter your license key in the text field to enable the plugin. Once you’re done, click on the Save changes button to continue.

Step #2. Personalise your WooCommerce products

The next step is to add new fields to WooCommerce products. This way, customers will be able to customise the product before adding it to their cart.

Start by navigating to the product’s Edit page. Scroll down to the Product data section and click on the Product Add-Ons tab.

Create a new custom order field

Click on the Add Group button and give your field group a name. You can add multiple fields to the field group and create multiple field groups for your WooCommerce products.

Click on the Add Field button to create a new custom order field and start configuring the field settings. You can select from different field types using the dropdown menu below Field Type, enter a field name, and, if needed, enter a Field Price. This will increase the total price of the product.

Custom order fields preview

Depending on the Field Type you use, you can configure different field options and set a price for each option. You can also tick the checkbox next to Required Field?. This will require customers to use that custom field before they can add the product to their cart. This is particularly useful if you want customers to pick a material or colour.

Step #3. Add a WooCommerce custom text field

You can also display a custom text field for your WooCommerce products and set its parameters. Click on the Add Field button, select the Text field option from the Field Type dropdown menu, and enter a field name. This will let users enter any text for their order.

Setting up a text field

You can also set the maximum number of characters users can enter using the Max Chars text field. After adding a Field Description, click on the Update button to save changes on the front-end of your WooCommerce store.

Preview of the custom order text field

Following our example, users can enter the custom field value to have it printed onto the packaging once the order is placed.

You can also use it to give customers a place to enter order notes.

Step #4. Display custom fields in the cart and order details section

Once the customer enters data into the custom order fields on the single product page and adds the product to their cart, the custom order fields will automatically display along with the product name and total price.

Here’s how that looks on the front-end of your WooCommerce store:

Custom order fields on the cart page

Step #5. Display additional information fields for WooCommerce products

Using the WooCommerce Product Add-Ons Ultimate plugin, there are many ways to display additional information fields for your products. This can be done by using conditional logic to restrict information fields unless the user selects a specific order field.

Show additional information

For our example, let’s say we want to display the nutritional value of each serving size as soon as the customer selects one. To do this, we can simply create additional information fields for our product. Click on the Add Field button and select Information from the Field Type. Give the information field a name and set the labels as required.

Once you’re done, click the Add condition button. We’ve set it as follows:

  1. Show this field if All rules match
  2. Size [#1174] is Standard

Don’t forget to press the Update button to save changes on the front-end of your WooCommerce store.

Step #6. Add custom fields to the checkout page 

Custom order fields are automatically added to the checkout page once the customer finishes personalizing their product. This makes it easy for customers to review their order information before placing their order.

WooCommerce checkout with custom order fields

Note that the fields at checkout are not editable with the WooCommerce Product Add-Ons Ultimate plugin. You can however view the WooCommerce admin custom order fields on the back-end.

What kind of store can use the WooCommerce Product Add-Ons Ultimate plugin?

The WooCommerce Product Add-Ons Ultimate plugin can be used by most WooCommerce stores that sell custom products. The plugin can be used on any WooCommerce store where you need to add some custom product add-ons or custom order fields.

Let’s quickly take a look at some of the different types of WooCommerce stores that can use the WooCommerce Product Add-Ons Ultimate plugin to offer custom order fields for products:

  • Jewelry stores. Jewelry stores can use custom order fields to sell personalised jewelry. You can let users enter custom text or initials that can be engraved into the jewelry item or let them decide what material they want their jewelry made from.
  • Florists. Online flower shops can use the WooCommerce Product Add-Ons Ultimate plugin to let customers select the booking date or customise a flower bouquet by adding or removing different flowers.
  • Gift shops. Gift shops can offer gift wrapping or let users add gift cards to their orders. Customers can select the product add-ons they want using custom order fields on your WooCommerce site. You can also let them add custom messages or greetings to their card using a text field.
  • Clothing and apparel stores. Clothing and apparel stores can let customers pick from different colours, sizes, fittings, and much more using custom order fields on the order page.
  • Print shops. Prints shops can let their customers upload their images for printing using a custom order field. The Upload custom field lets users upload images or graphics they want to get printed.
  • Customisable greeting cards. Online stores that sell customisable greeting cards can offer additional customisation options using custom order fields. For example, they can choose to have the message handwritten on the card or choose the font in which they want it to be printed.
  • Electronics and computer stores. Electronics and computer stores can display technical information about computer parts using custom order fields. Once the user selects the part, the additional information will be displayed on the front-end.

Conclusion

Creating custom order fields in WooCommerce can be tricky, especially if you don’t have the right tools.

Using a WooCommerce custom order fields plugin like WooCommerce Product Add-Ons Ultimate is the easiest way to create custom order fields in WooCommerce and add more value to your products.

WooCommerce Product Add-Ons Ultimate featured image

WooCommerce Product Add-Ons Ultimate

Personalise products with extra fields and custom options

Find Out More

WooCommerce Product Add-Ons Ultimate is incredibly flexible and offers unlimited customisation options for your WooCommerce products. You can use it to encourage more people to buy from your online store and effectively increase your store’s average order value.

Ready to start creating custom order fields on your online store? Get WooCommerce Product Add-Ons Ultimate today!

Leave a Reply

Your email address will not be published. All fields are required.