How to Add Custom Product Fields in WooCommerce (Free Designer)!

Let's see how to add a product custom field in WooCommerce with a free product designer plugin! Boost your sales by letting customers personalize products with a gift wrap, engraving, or product add-ons and options. In this article, I’ll show you how to add custom fields to your WooCommerce products with a free plugin.

Do you also think that WooCommerce lacks the designer to build custom products with new fields, and options?

Today, you'll learn how to add, manage, and display custom fields on the WooCommerce product page with a plugin. Let's begin!

Table of contents

• WooCommerce product custom fields with a plugin
• 18 free custom field types for your WooCommerce products
• Add a custom product field in WooCommerce
• Let's add custom fields for WooCommerce products: Text & checkbox examples
• Summary & more about the custom product designer

WooCommerce product custom fields with a plugin

➡️ First, I need a good plugin. I know that WooCommerce offers variable products to make basic product personalization, but let’s face it - in most cases, it’s not enough. And what’s more, every variable is new data in the store’s database, so having many variables can slow down your shop.

That’s why I need a good plugin.

✅ My choice is simple - Flexible Product Fields.

Let's see the short overview of the plugin features!

As you can see, it gives me a lot of options in the free version, but of course, the PRO version offers you more features.

However, in my opinion, the free version will suffice as your custom product designer in WooCommerce! Let's see now which custom fields you can add to your WooCommerce products.

Add a custom field (more types) to a WooCommerce product

✅ With the Flexible Product Fields plugin, you can add the following fields both to simple and variable products:

1. Text
2. Radio
3. Textarea
4. Number
5. E-mail
6. URL
7. Checkbox
8. Multi-checkbox
9. Select
10. Radio with colors
11. Multi-select
12. Radio with images
13. Time
14. Color
15. Heading
16. Paragraph
17. Image
18. HTML
19. Date (PRO)
20. File Upload (PRO)

18 custom fields are available in our free product designer for WooCommerce!

How to add a custom product field in WooCommerce?

1️⃣ First, install the free product designer plugin for WooCommerce.

2️⃣ Next, go to Products → Product Fields in your WordPress Dashboard.

3️⃣ Now, add a new Fields Group by clicking the Add New button:

4️⃣ Then, select the products, tags, or categories, where you want to display your new WooCommerce custom fields.

Here, you can Add a title and choose if you want to display it before or after the Add to cart button. In the Assign this group to field you can assign it to one product, category, or all products in your store. When it’s done, you can add custom product fields in your WooCommerce-based store.

Let’s go now through some custom field examples together 🙂.

Add custom fields for WooCommerce products: Text & checkbox examples

👉🏼  This is what it looks like on the product page:

👉🏼  And this is how you add it to with the Flexible Product Fields plugin:

How to add a text field to a product?

1️⃣ First, in the Field Type you can choose the field type from the list I mentioned earlier in this article (for example a text field) and set a Label for your field.

Add the field and proceed with some General settings.

You can also set your field as a Required when you want to make it obligatory for your customer.

Depending on the type of field you can adjust other options too - in this case, for the Text field, you can set Character Limit and Placeholder. What's more, you can add CSS Class for that field to easily change the look of the fields.

2️⃣ Now, something really powerful for your store - price adjustments.

With Flexible Product Fields, you can change product prices based on custom product fields. You can set the Price type as a Fixed value or Percent and in the Price field set the amount. All these settings can be found in the Pricing tab.

3️⃣ The last thing is the Conditional logic checkbox. Go to the Conditional logic tab to configure it:

Gift Wrapping (Add a Checkbox)

Now, let’s go to a working example of custom product fields. In this case, it’ll be offering gift wrapping🎁. This is how it looks in my test shop.

➡️ As you can see clients can add Gift wrapping by selecting the checkbox on the product page. When enabled, it charges an additional £3. How to configure it? Take a look at the example below.

✅ I set Label as Gift wrapping and selected Field Type as a Checkbox. I choose Price type as a Fixed value and charge £2 for that. And that’s it!

Do you want to read more about custom product fields in WooCommerce examples? We list some of them in the box below.

Summary & more about the custom product designer

Now you know how to add custom product fields in WooCommerce. It’s not that hard, isn’t it? All you need is a powerful plugin and a choice is simple - Flexible Product Fields. Try the free version and if you like it, go PRO to charge an additional cost and use conditional logic. You can add it to the cart directly from here ⤵️ ⤵️ ⤵️

If you have any questions let us know in the comments section below. Finally, read more about the plugin!