Standard WooCommerce doesn't let you create custom fields. However, there are situations when you actually need them! Don't worry. There are plugins that will help you. I'll show you them so you'll be able to create custom fields in WooCommerce.
What are custom fields in WooCommerce
Custom fields are:
- text fields
- radio buttons
- date pickers
- color pickers
You can use them for different purposes. For example, you can create a computer wizard, car configurator, or gift wrapping option. Another example, you can let your customers upload files to the orders they make. Your imagination of custom fields' purpose is the only limit.
You can create custom fields in WooCommerce of two types:
- checkout custom fields
- product custom fields
I'll show you both of them.
First, take a look at the exemplary set of custom fields on the product page:
As you see, you can create a complete wizard. Customers can personalize their computers this way. Also, some of the options need an additional charge. The plugin adds the additional charge to the total price. Customers can make orders of their personalized computers and pay you the whole price upfront.
Getting back to the look. This is the basic configuration. I didn't use any CSS styling and I used a default WooCommerce theme: Storefront. You can customize the look of the fields however you want, of course. There is an option for this purpose in the plugin.
How to create custom fields in WooCommerce
There are two plugins which you can use to create custom fields in WooCommerce:
- Flexible Checkout Fields
- Flexible Product Fields
Both plugins are available to download for free. However, the free version doesn't support all the features. Still, you can use the free version to check out how it works for you. You can always upgrade at any time.
Flexible Checkout Fields
In short, Flexible Checkout Fields lets you create custom fields in WooCommerce checkout→
Also, with this plugin, you can edit or rearrange default WooCommerce checkout fields. For example, you can disable address fields if you sell digital products.
Over 30,000 stores worldwide use this plugin on a daily basis. People's ratings are 4.4 out of 5 stars.
The free version lets you create:
- Single Line Text
- Paragraph Text
With the PRO version you can create:
- Radio button
- Select (Drop Down)
- Color Picker
- HTML or plain text
- File Upload
Flexible Product Fields
This plugin is a new addition to our line-up. However, it's getting a huge growth!
In short, this plugin lets you create product add-ons. You can add new custom fields to the products in your WooCommerce store. You have already seen an example. I showed you the screenshot at the beginning of this article.
The plugin is available for free. You can also upgrade the plugin if you need additional options such as conditional logic.
The types of fields you can add to your products:
- Single Line Text
- Paragraph Text
- Radio Button
- Date (PRO)
- Headline (PRO)
We described all these fields in WooCommerce Product Personalization Options Guide →
You should definitely check out that guide! You will find there a lot of use cases. We guide users step-by-step through the configuration to implement:
- Simple booking system,
- Gift wrapping feature,
- Catering diet wizard,
- Computer wizard etc.
In this article, I showed you the plugins which you can use to create custom fields in WooCommerce.
Do you have any questions? How do you like this article? Do our plugins help you? Let us know in the comments section below.