• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Essential Premium WooCommerce Plugins - WP Desk
  • Plugins
  • Bundle
  • Support
  • Blog
  • My Account
  • 0

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

Bartosz Gajewski

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

Updated: March 13, 2023 / Plugin Tutorials

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.

Flexible Product Fields WooCommerce

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Download for free or Go to WordPress.org
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

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.

💡 The PRO version also allows you to add conditional logic and extra pricing to your product fields.

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!

💡 Explore these product fields with examples.

How to add a custom product field in WooCommerce?

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

Flexible Product Fields WooCommerce

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Download for free or Go to WordPress.org
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-13
Works with WooCommerce 7.1 - 7.5.x

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

Add custom fields to WooCommerce products
WooCommerce product custom fields plugin in the menu

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

Add a new fields group
Go to Products -> Product Fields and add a new Fields Group first

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.

Choose products to customize
Select products for your WooCommerce custom product designer

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:

Text custom field WooCommerce product
Text field: Example on a product page

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

WooCommerce product custom text field
Choose the Text field, provide a Label, and Add a new field

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.

WooCommerce product add custom field and set it as required
You can set the field as required, set a character limit (Advanced tab) and provide a Placeholder

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.

💡 Read about setting CSS Class for custom product field →

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.

💡 The extra pricing and conditional logic for field features are available in the PRO version of the plugin.
Custom field WooCommerce product - adding pricing
Pricing tab (PRO)

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

Adding conditional logic to a WooCommerce product custom field
Conditional logic tab (PRO)

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.

Add gift wrapping in WooCommerce - example
Checkbox on a product page

➡️ 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.

Pricing added to a checkbox WooCommerce custom field
Pricing tab (PRO)

✅ 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 ⤵️ ⤵️ ⤵️

Flexible Product Fields PRO WooCommerce £59

Create a product wizard to sell engravings, gift wrapping, gift messages, business cards, stamps and optionally charge for it (fixed or percentage).

Add to cart or View Details
WP Desk
10,000+ Active Installations
Last Updated: 2023-03-15
Works with WooCommerce 7.1 - 7.5.x

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

Related to WooCommerce product custom fields

  • WooCommerce custom field with Flexible Checkout Fields

    WooCommerce how to add a custom field to checkout
    WooCommerce custom field - checkout. In this article we will teach you how to add custom fields to a WooCommerce checkout with a plugin.

  • How to add products with Flexible Product Fields

    add products in woocommerce
    Add products in WooCommerce. Find out how to add and customize WooCommerce products.

Tweet

4 minutes read4236 views

Bartosz Gajewski

Content Specialist in WP Desk. He tries to increase the number of plugin users with useful content. Privately an enthusiast of mountains and European cinema.

Powered by WP Desk

WP Desk brings you great WooCommerce plugins. We strive to save your time and money by speeding up your processes. Use our plugins to build a better store. Awesome support included in the package.

Premium WooCommerce Plugins →

Stay updated on our how-to articles

WP Desk news, WooCommerce tips, promo codes - right to your inbox.

By entering your e-mail, you agree to our Terms & Conditions and Privacy Policy.

WP Desk › Plugin Tutorials › How to Add Custom Product Fields in WooCommerce (Free Designer)!

Footer

WP Desk - WooCommerce Plugins

At WP Desk we create great WooCommerce plugins with awesome support. Save time and money with our e-commerce solutions. See how we can help you improve your e-store →

Secured by Comodo

WP Desk

  • About us
  • Giving Back
  • Blog
  • Contact us

Products

  • Premium Plugins
  • Get Support
  • WooCommerce Invoices
  • Email Marketing
  • Octolize

Legal

  • Terms & Conditions
  • Refund Policy
  • Support Policy
  • Privacy Policy

© 2023 WP Desk