WooCommerce custom fields: How to create & display

May 14, 2022

WooCommerce custom product fields plugin

This is the complete guide on how to create WooCommerce custom fields. You'll learn how to show extra product data and sell extra product options on your website.

WooCommerce comes with lots of ways to store product data. There are all the standard product fields such as the name, price, categories, tags, and dimensions. There's also the option to create product attributes.

But what if you want to store extra product fields? What if you want something more flexible than product variations, such as checkboxes or text fields? Well, that's where WooCommerce custom fields come in.

2 types of WooCommerce custom fields

When people talk about WooCommerce custom fields, they typically mean one of two things:

  1. Adding extra information about the product This is the classic use of custom fields. In WordPress, custom fields are used to add additional fields to posts, pages or products. You use these to store and display extra information, such as extra text fields, dates, images, and more.
  2. Selling extra product options, as an alternative to using variations This involves adding extra fields containing dropdown lists, checkboxes, radio buttons, text fields etc. for the customer to complete before adding the product to their cart. Technically, extra product options are't custom fields at all - they're better known as product add-ons! However, a lot of people refer to these options as custom fields.

Keep reading to learn how to add both types of custom fields to your WooCommerce products. You'll discover how to display them in a table layout in your store, making it easy for customers to see the custom fields and (if you're using add-ons) add them to the cart.

Using WooCommerce custom fields to store extra product information

By adding custom fields to a WooCommerce product, you can add extra data and show it on your website. A lot of people do this programmatically, but this is a guide for non-developers.

I'll show you how to add custom fields to WooCommerce products - and show them on the front end of your website - without writing a single line of code. You'll learn how to show extra product fields anywhere you like, including on the single product page, shop, and category pages.

After creating our product custom fields, we'll display them in the front end using a choice of two plugins. In particular, WooCommerce Product Table makes it easy to display custom fields created by any plugin in a table, anywhere on your site. You can either list multiple products and their custom fields, list products with a specific custom field value only, or add a table of custom fields to the single product page. We'll also look at a simple plugin that displays a custom field above the add to cart button.

WooCommerce product table custom field columns
WooCommerce Product Table plugin displaying custom fields in the front end
Start showing extra product data on your WooCommerce store today!

First, I'll share a real-life case study about a company that uses WooCommerce custom fields to provide extra information about its products. Afterward, I'll provide full instructions on how to create your own Woo custom fields and display them on your product listings.

Case study – How Wavelength Electronics use custom fields in their WooCommerce store

Wavelength Electronics sell technical products in the electronics industry. As with most technical products, customers need to check a lot of information before making their purchase. With all the extra product data to display, Wavelength Electronics used our WooCommerce Product Table to create WooCommerce custom fields to help their clients quickly find what they’re looking for.

The product table now displays a datasheet column with a PDF icon for each item, so customers can open up the datasheet straight from the product table. There’s also a column with ticks to show which models include a temperature controller.

Read on to find out how to add your own WooCommerce custom fields to your WooCommerce website.

In this section...

See WooCommerce custom fields in action on our custom fields demo page.

WooCommerce custom fields or taxonomies?

I'll start by explaining the difference between 2 types of WooCommerce product extra fields: custom fields and taxonomies. Understanding this will help you decide which one to use.

Difference between WooCommerce custom fields and taxonomies
Custom field for 'Condition', custom taxonomy for 'Colours'.

What are WooCommerce custom fields?

Custom fields add extra fields to the Add/Edit Product screen in WooCommerce. They're ideal for storing standalone data about products. Here are some examples of when you should use WooCommerce custom fields:

  • To store a unique product barcode, inventory, or reference number.
  • For adding extra ways for people to interact with your products. This might be by adding extra buttons (e.g. 'Enquire about this product), icons or social sharing links.
  • To display multimedia content about the product, such as embedded video or audio tracks.
  • For adding shortcodes provided by other plugins, such as a WooCommerce Add to Quote or Wishlist plugins.
  • To store additional notes about the prices or alternate price options. For example, if you're using a bulk discount WooCommerce plugin and want to list the quantity-based discounts, then you can add this information to a custom field.

The idea of a custom field is that it stores unique information. Since the data stored in the field is unique, you can display it in the WooCommerce front end - e.g. on the product detail page, shop or category pages. However, you wouldn't expect to use this data to group or filter products. If you want to filter by that type of data, then you need a custom taxonomy instead.

You can create WooCommerce custom fields using any custom fields plugin. Once you've created the custom fields, it's easy to show them on your website using the WooCommerce Product Table plugin. Keep reading for full step-by-step instructions on how to do all this. First, I'll quickly tell you about WooCommerce custom taxonomies so that you can be sure you're choosing the most appropriate field type for your data.

What are custom taxonomies in WooCommerce?

Like WooCommerce custom fields, taxonomies are a way to store and show extra product data. However, the difference is that they are designed to store re-usable information which can be used to group and filter products. For example, you can create a dedicated archive page listing all products that share a specific custom taxonomy term. You can also use taxonomies to filter products using the WooCommerce Product Table plugin.

Custom taxonomies are very similar to WooCommerce product categories. In fact, WooCommerce categories are actually set up as a taxonomy under the hood. When you create a custom taxonomy in WooCommerce, it adds tick boxes/checkboxes to the right-hand side of the Add/Edit Product screen - just like categories.

Here are some examples of when you might use WooCommerce custom taxonomies:

  • A WooCommerce bookstore needs to store extra product data such as year of publication, author, and publisher. Since more than one book has the same year, author, or publisher, customers need to be able to sort and filter by this data. You can do this using WooCommerce custom taxonomies.
  • If your products relate to a specific geographical area, then you can use custom taxonomies to group products by area. For example, you could create a custom taxonomy called 'Area' and add a separate taxonomy term for each state or county. Customers can then filter by area, or view lists of products from a specific area only.
  • A WooCommerce clothes store can use custom taxonomies to store extra data such as brand name. Customers can then search and filter to find products with their favorite brands, as this field isn't built into WooCommerce as standard.
In summary, use custom fields for unique one-off data, and taxonomies if you want to use the data for filtering or other types of grouping.

Read our tutorial about how to create WooCommerce custom taxonomies.

Method 1 - How to create WooCommerce custom fields in the back end

Ok, now you know when to use custom fields. Next, I'll show you how to create extra WooCommerce product fields. It's surprisingly easy!

Which WooCommerce custom field plugin?

First, you'll need a custom fields plugin. There are plenty of good free plugins for creating custom fields in WooCommerce, including Advanced Custom Fields and Toolset. You can also use a dedicated WooCommerce custom fields plugin if you prefer.

I'm going to use Advanced Custom Fields in this tutorial, as it's the most popular. The instructions are the same for most custom field plugins. If the custom fields don't show up on your site when you follow the later sections of this tutorial, make sure the plugin isn't adding extra characters to the start of the custom field name. (You might need to contact their plugin support to ask about this) For example, Toolset Types automatically adds adds wpcf- to the start of the custom field name, so you need to know this.

How to create WooCommerce custom fields with the Advanced Custom Fields plugin

  1. Log into WordPress and find Plugins > Add New. Search for ‘Advanced Custom Fields’, then install and activate this free plugin.
  2. Click ‘Custom Fields’ on the left-hand side of the WordPress dashboard.
  3. Click the ‘Add New’ link by the ‘Field Group’ at the top of the page.
  4. How to create WooCommerce custom fields
    Next, you'll see the ‘Add New Field Group’ page:
    1. First, add a name for the group of custom fields you're creating. (No one else will see this.)
    2. Location – Choose Show this field group if Post Type is equal to Product. This tells Advanced Custom Fields to show the custom field on the Add/Edit WooCommerce product screen.
    3. Press the blue ‘Add Field’ button. Now it's time to create the individual custom fields where you'll store the extra product data.
    4. Add a Label for the custom field. This is how the custom field will be labelled on the Add/Edit Product screen.
    5. Choose a Name for the custom field (this should be 1 word in lowercase). You'll need this to display the WooCommerce custom field on the front end of your website, later.
    6. Choose a Field Type from the available types of custom field. You can choose text, text area, numbers, checkbox, radio button, etc.
    7. Complete any extra fields for the custom field such as adding a default placeholder value. Finally, click the blue ‘Publish’ button.

That's how to create WooCommerce fields. The next step is to add data to the custom field value for some or all of your products. To do this, go to the 'Edit' page for each product and you'll see the extra WooCommerce custom field(s) lower down the page. They'll be shown somewhere below the Product Data section. Edit the placeholder, enter values into the custom fields and then save the product.

How to show WooCommerce custom fields on any page

Show WooCommerce custom fields

So far, you've learned how to store WooCommerce product extra fields in the back end of your WordPress website. That's fine if you're just storing extra notes for internal purposes. But what if you want to show WooCommerce custom fields on the front end of your website? We'll get to this now!

The easiest way to show your extra product data is to list products in a table on a normal WordPress page. Our WooCommerce table plugin can include as many columns of information about each product as you like. The great thing is that you can include WooCommerce custom fields in the table. This is more flexible than the default store layout, which just lists basic information such as the product name and price. It's a really easy way to display the extra product data.

Get WooCommerce Product Table

How to do it

  1. Get WooCommerce Product Table and install and activate the plugin.
  2. Add your license key on the plugin settings page: WooCommerce > Settings > Products > Product Table. You'll also see various options for your product tables. Go through them and choose whichever options you like. You can set your columns here including the WooCommerce custom field columns. However, I'll show you how to do it directly for each table in Step 4 as it's more flexible. You can also control how variable products work.
  3. Now, go to Edit any page on your WordPress site. Use the [product_table] shortcode to list all your products, either with the default columns or the columns you set on the settings page. Feel free to view the page and see what it looks like!
  4. Next, go back to the product table shortcode. It's time to choose your columns and show the WooCommerce custom fields in the table. To do this, you need to add columns="" to the shortcode (or you can choose columns globally on the plugin settings page). Between the quotation marks, you need to list the columns to include in the table. The knowledge base contains the full list of available columns. To add a custom field column, you need to add cf: followed by the custom field name that you created earlier.

For example, the following shortcode will list all your products with columns for name, description, a custom field called 'custom-field', plus price and add to cart:

[product_table columns="image,name,cf:custom-field,reviews,price,buy" shortcodes="true"]

This is what is looks like in the back end:

WooCommerce custom field add to page

And here's a screenshot of the front end:

Show WooCommerce custom fields

You can see how variable products work by looking at the "Ship Your Idea" product.

Tip: You only need to add shortcodes="true" to the above shortcodes if you have added HTML content or other shortcodes to your custom field. I did this because I had added a button and embedded audio player to my WooCommerce custom fields. 

Make changes to how your custom fields are displayed

So far, I've shared a simple method to show WooCommerce custom fields in the front end of your website. Now, let's get more advanced and configure how our custom fields are displayed.

WooCommerce Product Table is a very flexible plugin. Choosing your columns is just one of over 50 options! Look at them all and configure your table to show whatever product data you need.

For example, you can:

  • Create product tables listing products from a specific category, tag or custom field only. (More on this below.)
  • Add filter dropdown lists above the table, or filter widgets in the sidebar. (But remember, you can't filter by custom field because custom fields aren't designed for grouping products. You need to use categories, attributes, tags or custom taxonomies to store filterable data.)
  • Use the lazy load option to speed up the table if you have too many products to load all at once.
  • And much more...

Have a play, and get your product tables and WooCommerce custom fields showing exactly as you need them.

How to dislay WooCommerce custom fields and taxonomies

Show custom fields on the WooCommerce shop or product category pages

As you saw earlier, the easiest way to display WooCommerce custom fields is to add a product table to a standard WordPress page (or multiple pages). You can include these pages in your navigation menu, instead of using the built-in WooCommerce shop or category pages.

If you prefer, you can add product tables directly to the main WooCommerce shop page or category archives. This is a bit trickier, as you need to add the product table shortcode to the template file in your theme. The plugin knowledge base provides instructions on how to do this. Include custom field columns in your product tables, and these will appear in the product tables on the shop and category pages.

Display custom fields in a product quick view lightbox

WooCommerce Product Table Quick View Magnifying Glass

Maybe you'd rather list products in the usual way, and show extra custom fields in a quick view lightbox window.

You can do this by installing the WooCommerce Quick View Pro plugin, which will add quick view buttons or links to your store. Use it with WooCommerce Product Table to add product tables with custom field columns to the product short description. The short description will appear in the quick view lightbox for each product, complete with your WooCommerce custom fields.

Get Quick View

How to add custom fields to a WooCommerce product page

WooCommerce custom fields taxonomies single product page
So far, I've shown you several ways of displaying custom fields on WordPress pages, the shop or product category pages. It's also possible to show WooCommerce custom fields on the single product page (also known as the product detail page).

How to list WooCommerce products with a specific custom field value

Finally, I'll show you one more option for showing WooCommerce custom fields in the Product Table plugin.

As well as displaying custom fields in the table layout, you can create tables containing products with a specific custom field value. For example, if you wanted to display products with a custom field value of '2018' (saved in a custom field called 'Year') then you could do it with his shortcode:

For example, perhaps you have a custom field called ‘condition’ and want to display products with a custom field value of ‘new’. You can do this using the following shortcode:

[product_table columns="name,cf:condition,price,buy" cf="condition:new"]

Method 2: Show a custom field above the add to cart button

So far, you've learned how to create a product table with each custom field displayed as a separate column.

If you simply want to show a custom field on the single product page, then there is a simpler option. You can do this using a simple but effective plugin called WooCommerce Lead Time. While most people use this plugin to display product waiting times, you can also use it as a general custom field plugin. The 'lead time' field is actually a WooCommerce custom field, and appears above the add to cart button. Therefore, you can use it to show any text-based information instead of lead times.

To set it up, install the plugin and add the custom field information to the 'lead time' field in the 'Inventory' tab on the 'Edit Product' screen. This text will display above the add to cart button, under the short description on the single product page.

As an added bonus, you can choose whether to add information to this custom field individually for specific products; or globally so that it displays on all product pages.

The only plugin to show waiting and processing times on the product page.

Method 3: Can you display WooCommerce custom fields without a plugin?

In other words, how can you add custom fields to a WooCommerce product programmatically? Can you even add custom fields to a WooCommerce product without plugins?

The answer is yes! WooCommerce allows you to programmatically insert custom fields to products without installing any additional plugins on your store. However, as you can imagine, the programmatic approach to creating custom fields for WooCommerce products involves programming!

Your code will depend on the kind of custom fields you're looking to add to your products. Many product types only need a simple custom text field to let users enter some value. For such use cases, this custom text input field snippet by WooCommerce developer Rodolfo Melogli suffices:
code snippet

As you can see, you’ll be using a bunch of core WooCommerce functions and hooks in the code. For example, you're using the WooCommerce hook "woocommerce_before_add_to_cart_button" to show your custom field on your product page. You're also using the woocommerce_add_order_item_meta hook to save your input into the order meta information. These can vary greatly depending on the custom fields you're trying to add and process

The use cases for such custom product fields are endless:

  • If you sell customized jewelry, you can ask for your customers' initials or other details with it.
  • If you sell bouquets, you can use such a field to get the receiver's name.
  • If you sell personalized items, you can collect personalization details via the same.

When you take such input from your users, you should include it in your cart page summary (with your cart item details), your checkout, and also in your order's email. The snippet we just saw doesn't just let you allow your users to enter a text-based value inside your product page but also takes it over to your cart and checkout. Not just that, it adds the custom input to your order confirmation email too.

How programmatically creating custom fields works in WooCommerce 

Step #1: Write your PHP snippet for codifying your custom field. From radio buttons to dates and drop-down menus, WooCommerce supports many custom field types. You need to use a bunch of functions and hooks to write this code.

Step #2: Take your custom field snippet and add it to your child theme's functions.php file.

editing functions.php file

Because editing theme files can break your website, WordPress actually warns you at this point! 

WP warning

Step #3: Finally, write and add CSS (if needed) to your child theme's style.css file to style your custom fields.

While you don't need any plugins to programmatically add custom fields to WooCommerce using this method, you can end up with errors. Your custom code could have compatibility issues with the other WooCommerce extensions or WordPress plugins that you might be running. You can also experience code validation errors.

As you can tell, a much simpler way to add custom fields to simple product pages is to actually use plugins.

While it is possible to display custom fields without the use of a plugin, it's really only accessible to developers. That's why the methods described above are a better option for most store owners.

We'll pull some example code kindly published by Plugin Republic, and you'll be adding these snippets to your WordPress child theme's functions.php file.

With a programmatic approach, you can add custom information directly to your product metadata, and also include your custom field(s) as part of the existing WooCommerce product data meta box.

You could use the code snippet below to register a custom field, display the input field in the General tab of the WooCommerce product data box, and save it as product metadata:

* Displays the custom text field input field in the WooCommerce product data meta box
function cfwc_create_custom_field() {
$args = array(
'id' => 'custom_text_field_title',
'label' => __( 'Custom Text Field Title', 'cfwc' ),
'class' => 'cfwc-custom-field',
'desc_tip' => true,
'description' => __( 'Enter the title of your custom text field.', 'ctwc' ),
woocommerce_wp_text_input( $args );
add_action( 'woocommerce_product_options_general_product_data', 'cfwc_create_custom_field' );
* Saves the custom field data to product meta data
function cfwc_save_custom_field( $post_id ) {
$product = wc_get_product( $post_id );
$title = isset( $_POST['custom_text_field_title'] ) ? $_POST['custom_text_field_title'] : '';
$product->update_meta_data( 'custom_text_field_title', sanitize_text_field( $title ) );
add_action( 'woocommerce_process_product_meta', 'cfwc_save_custom_field' );

Then, you could use WooCommerce's many hooks to display that field data on the front-end of your eCommerce store at the spot where you want it to appear.

For example, this snippet displays the custom field data after the add to cart button on your single product page:

* Displays custom field data after the add to cart button
function cfwc_display_custom_field() {
global $post;
// Check for the custom field value
$product = wc_get_product( $post->ID );
$title = $product->get_meta( 'custom_text_field_title' );
if( $title ) {
echo get_post_meta($post->ID, 'custom_text_field_title', true);
add_action( 'woocommerce_after_add_to_cart_button', 'cfwc_display_custom_field' );

There are also other hooks that let you display information on the WooCommerce checkout page or the cart page.

The other type of WooCommerce custom fields - using add-ons to provide extra options for your customers

So far, we've talked about how to use custom fields to create and display extra information about your products. Next, we'll talk about the other type of WooCommerce custom fields - selling additional options to your customers.

This type of custom field doesn't just show extra information about the product. It actually provides extra options which the customer can select before adding the product to their cart. It's a fantastic alternative to product variations because you can add a wide range of field types, instead of just dropdowns.

Introducing the Product Add-Ons plugin

WooCommerce Product Add-Ons is the official extension for adding product custom fields that allow shoppers to add extra options to their cart.

You can add a wide range of options that appear as custom fields for the customer to select. Shoppers can complete these extra fields and add them to their cart from the following locations:

  • The individual product page.
  • From your main product list, if you're using WooCommerce Product Table.
  • From a quick view lightbox, if you're using WooCommerce Quick View Pro. (Customers can access the lightbox from the main shop page or product category pages, so it's a quick way to select add-on custom fields without having to visit a separate page for each product.)
Displaying WooCommerce add-ons in the WooCommerce Product Table
Example of WooCommerce Product Table used with Product Add-Ons
WooCommerce Quick View Plugin Product Add-Ons
Example of Product Add-Ons used to display the custom fields in a WooCommerce Quick View Pro lightbox

The easy way to show WooCommerce fields on your website

And that's it! I've shown you how to add custom fields to WooCommerce products and store them in the WordPress back end without needing any special technical knowledge (as well as a quick look at how to do it programmatically).

You've also learned how to show the WooCommerce custom fields in various locations on the front end of your website - all using our bestselling WooCommerce Product Table plugin.

Follow the steps in this tutorial and put it into practice on your own website. It's a fantastic non-technical way to store and display extra product data in WooCommerce.

Start showing extra product data on your WooCommerce store today!


  1. Shahid
    April 15, 2022 Reply

    hi, i m facing problem when i m changing currency from PKR(default currency) to USD, only currency symbols are changing not value in custom fields. Like my add on product is for PKR2000 , when i convert the currency into USD , PKR2000 change into USD2000. Please help me fix this issue. thank you

    • Edge
      April 18, 2022 Reply

      Hi, Shahid. Thanks for including a link to an example on your site - I see what you mean. I believe you're using the "pricing hints" feature in the product add-ons created by the Advanced Product Fields for WooCommerce plugin by Studio Wombat on your site. For the best advice regarding your concern, I suggest that you contact Studio Wombat support. I hope this helps point you in the right direction. Please let me know if you have any more questions. Thanks!

  2. Gennady Mulyarchik
    December 3, 2021 Reply

    thanks for the article.
    I don't understand how to draw a green checkbox as in the picture in the article if I have a field filled with, for example, the number "1". Or is it initially necessary to create a picture type field in the Advanced Custom Fields?

    • Jae Narra
      December 3, 2021 Reply

      Hi Gennady, thanks for your comment!

      To display the green checkbox, you can add/create a WYSIWYG (Visual Editor) custom field type in which to display/store it as an icon font. I'd recommend using an icon font over displaying an image (which you can also do via a WYSIWYG (Visual Editor) custom field type), as the former would be more responsive in desktop, tablet, and mobile view.

      For showing plain text like the number "1", you can add/use a plain text custom field type.

      I hope this helps! Please let us know if there's anything else we may help you with. You may also reach us via our Support Center. Thanks!

  3. Pramila Niroshan
    August 12, 2021 Reply

    thanks for sharing this article,
    I was wondering if it's possible to create a search box where products can be filtered according to their custom felids?

    • Jae Narra
      August 12, 2021 Reply

      Hi Pramila, thanks for your comment!

      Custom fields are designed to store unique data, as such, are not designed to be filterable. This is already on our feature request list so I've added a vote for you, and we will let you know if we add this to a future version of the plugin.

      In the meantime, I'm sorry that this isn't possible. As an alternative, if you want to store extra information that your users can filter by, then we recommend using custom taxonomies instead. We mention this at Can I filter by custom fields?

      Let us know if you have more questions. Cheers!

  4. NTU
    March 2, 2021 Reply

    Bonsoir a tous excellent tutoriel. j'aimerais ajouter des elements supplementaires (formule, comment utiliser) sur la page produits pouvez vous m'aider?

    • Jae Narra
      March 3, 2021 Reply

      Translation: "Good evening everyone, excellent tutorial. I would like to add additional elements (formula, how to use) on the products page can you help me?"

      Hi. Thanks for your feedback and for your suggestion regarding using/displaying simple formulas! While we don’t have any immediate plans to implement this, a few other people have previously requested this feature and we’re tracking the amount of demand to help us decide whether to prioritize it in the future.

      I have added your ‘vote’ to our feature request list, and we will let you know if we add this to a future version of the plugin. In the meantime, I'm sorry that this isn't possible.

      On the other hand, you can store the 'how to use' instructions/details in either the long or short description and display it as a column in the product table.

      If you have any questions/concerns, kindly fill up a form at our Support Center so we can get back to you much sooner.

      Salut. Merci pour vos commentaires et pour votre suggestion concernant l'utilisation / l'affichage de formules simples! Bien que nous n'ayons pas de plans immédiats pour mettre en œuvre cela, quelques autres personnes ont déjà demandé cette fonctionnalité et nous suivons le montant de la demande pour nous aider à décider de la prioriser à l'avenir.

      J'ai ajouté votre «vote» à notre liste de demandes de fonctionnalités, et nous vous ferons savoir si nous l'ajouterons à une future version du plugin. En attendant, je suis désolé que ce ne soit pas possible.

      D'autre part, vous pouvez stocker les instructions / détails «comment utiliser» dans la description longue ou courte et l'afficher sous forme de colonne dans la table des produits.

      Si vous avez des questions / préoccupations, veuillez remplir un formulaire dans notre centre d'assistance afin que nous puissions vous répondre beaucoup plus tôt.

  5. Kris
    January 25, 2021 Reply

    Thank you for your very informative article Katie.
    I have been looking for a solution to displaying WooCommerce custom fields to extra information about products. But I find the WooCommerce Product Table not the most aesthetic way to do this. I much prefer the WooCommerce Lead Time suggestion.
    Thank you

    • Edge
      January 25, 2021 Reply

      Hi, Kris. Thanks for letting us know!

      While you can customize the appearance or styling of product tables via custom CSS (see How can I style the product table?), your preference of which method to use for adding/creating and displaying custom fields for the WooCommerce product post types on your site also depends on your specific use case or requirements. I'm glad to hear Method 2 via WooCommerce Lead Time works best for your needs.

      Let me know if you have any questions. You can also get in touch with us via our dedicated Support Center. Thanks!

  6. John-Pierre
    December 22, 2020 Reply

    Hi, thanks for writing this article. I am a little confused now though as to when it's better to add a custom field or taxonomy in stead of creating an attribute with it's terms.


    • Katie Keith
      December 24, 2020 Reply

      Hi John-Pierre, you're right - it's often better to use attributes. Some people want to use attributes for product options (e.g. if they are adding them as variations) and want to use custom fields to store other data (e.g. a reference number that is different from the SKU, or something else like an author or date) - so custom fields are useful if you want to keep things separate. Custom taxonomies are useful for the same reason, but should be used for grouping data because you can allow your customers to filter products by taxonomy but not by custom field.

  7. Ditte
    August 31, 2020 Reply

    Hey! This I nice, but can custom fields somehow read the information from the CSV file? I hope my question makes senses.

  8. Daniel
    March 6, 2020 Reply

    Is there a way to conditionally hide/show billing fields based on if the cart total is >$0? When there’s a 100% off coupon, I don’t want to require users to enter billing info.
    Thanks in advance,

    • EJ
      March 11, 2020 Reply

      Hi, Daniel.

      The custom fields discussed here are added to your WooCommerce product data, which our WooCommerce Product Table plugin allows you to display in a much more efficient dynamic table that your customers can easily filter, sort, and search.

      The billing fields you're asking about are those that will be shown or hidden on the checkout page, which is a completely different area and is generated by the WooCommerce plugin itself. That being said, I suggest the best place to ask about this would be with WooCommerce Support.


  9. Tanmoy Biswas
    January 16, 2020 Reply

    Nice Tutorial! Thanks

    • EJ
      January 17, 2020 Reply

      Thanks for your comment, Tanmoy. Have you added custom fields or custom taxonomies to your site?

      • Tanmoy Biswas
        February 24, 2020 Reply

        Yes and sorry for the late

        • EJ
          February 25, 2020

          Thanks for your reply, Tanmoy. Sorry, it appears your reply is incomplete?

  10. Karin
    November 20, 2019 Reply

    Do you know if this type of customization is achievable with woocommerce, and if so how? It’s basically a single product that offers multiple stone choices, and the images changing accordingly. This is the best example I’ve found!



    • EJ
      November 21, 2019 Reply

      Hi, Karin. Thanks for the link/reference. I see each "step" affects the product price and so I suggest you add/include those "steps" as product add-ons via the official woocommerce.com extension WooCommerce Product Add-Ons (see our tutorial and front-end demo), which WooCommerce Product Table is officially integrated with and full compatibility is guaranteed. Thanks!

  11. John Meddaugh
    October 10, 2019 Reply

    We are turning this old site into a shopping cart and want to use WooCommerce and WooCommerce Product Table to show tables in the site like the old site's product tables. We will need 10+ custom fields for "Length of Cut", Shank Diameter" etc. - (many different dimensions/sizes per product). This involves a large CVS file. We can't figure out how to set up the CVS file to import all the Custom Fields dimensions. Should we set up the custom fields first in WooCommerce and then somehow the information will be added to each product at the import? We assumed Custom Fields was the way to do it, but is there a better way for this problem? Thank you.

    • EJ
      October 14, 2019 Reply

      Hi, John. Thanks for your comment and interest in WooCommerce Product Table, as well as also enquired via our Support Center.

      As mentioned in our email reply, you can import products to WooCommerce and then display them in a product table using our plugin. To do this, you can either use the built-in WordPress importer (under Tools > Import), or an import plugin such as WooCommerce Product CSV Import Suite. The documentation for the import plugin will normally include a sample CSV file that includes different field types, or you could ask their support team for advice on the exact format.

      We also recommend that you consider whether you really want to import the dimensions as custom fields, or to the dimensions field that is part of WooCommerce itself. You can display either as a column in WooCommerce Product Table (please see: Product table columns).

      I hope this makes sense and helps. Should you have any other questions, please let us know.

  12. Gerard
    September 10, 2019 Reply


    Great tutorial! Is it also possible to import data from a csv into the custom fields? When i try to import a csv with additional data with the Woocommerce importer, i can not select the custom fields i created with ACF.

    • EJ
      September 12, 2019 Reply

      Hi, Gerard. Thanks for your comment. The issue you're experiencing is because WooCommerce is understandably not aware of the custom fields, which you created using ACF. I believe you would need to import these differently and for the best way to do so, I suggest asking ACF themselves at https://support.advancedcustomfields.com/ .

  13. Eva Collados
    July 26, 2019 Reply

    Hi Katie! I've created a repeater field on ACF. Each row has a field for the client name and then a unique client code for the product. My client wants customers to be able to search for a product with their own code on WooCommerce table. Is this possible?
    Each product can also have more than one multipart product assembler brand, something that I also built with ACF. How can I on a specific product category filter the ones that are assembled by just one brand without showing by default the several product brands in a column table?
    Thanks in advance

    • EJ
      September 4, 2019 Reply

      Hi, Eva. I'm sorry for the delayed reply.

      The search box will look for exact match results for the unique client code in the content of all the columns in the product table, so yes you can do that. However, please note that you can create a column using the name of the parent ACF repeater field. This column will list the content of all the repeater fields for that product, separated by commas. It is not possible to display repeater sub-fields as separate columns in the table. (See: Custom field columns > ACF repeater fields. Hence, I imagine you wouldn't want all the client names and their codes exposed in a column like that, which could also be a large amount of text for each product in such a column.

      Instead, I suggest storing the client names and unique client codes in the product long description field and not display/include it in the table columns. When Lazy Load is enabled, the search box looks within the product title and the full contents of the long description for the product (regardless of whether these are present as columns in the table). This way, you can use the the long description as a searchable hidden column.

      You can also add/store the different brands in the "hidden" product long description this way. A search for any of the brands included in the long description will display the product in the resulting table results.

  14. Jean
    July 24, 2019 Reply

    Is it possible to display these custom fields in the email order column ?

    • EJ
      August 19, 2019 Reply

      Hi, Jean. Thanks for asking and sorry to get back to you only now. Please could you describe what you mean by the email order column in more detail? We can get back to you quicker if you were to please send an enquiry at this link.

      If you meant you'd like to display custom fields in the email notification for a new order, then yes you can and this would be by editing the new order email php template and using some of WooCommerce's many hooks in it.

  15. Ashkan Ahmadi
    September 30, 2018 Reply

    Hi. What if I dont want to display my products as a list? I am building a website for a small student organization with trips. I want the date I add to the ACF to show on the archive and product pages as well. Thanks

    • Katie Keith
      September 30, 2018 Reply

      Hi Ashkan, the Posts Table Pro and WooCommerce Product Table plugins mentioned in this article can only list the trips in a table layout, with table columns for the ACF custom fields. You can add this to your archive pages by adding the table shortcode that comes with the plugin to the category archive template in your theme (there are sample template files for this in the plugin knowledge base). You can also add the table shortcode directly to product pages, or even to the single product page template.

      If you wanted to display custom fields in a different layout then you would need to hire a developer to modify the template file in your theme. If you don't have a developer who can do this for you, then I recommend posting a job on Codeable where their pre-approved WordPress experts will send you a quote.

  16. payam
    July 9, 2018 Reply

    hi dear Katie . Thanks for this great tutorial. It was very useful.

  17. Josh
    April 17, 2018 Reply

    Is there a way to extend the ACF data to populate the .CSV that woocommerce creates when a store's products are exported?

    • Katie Keith
      April 17, 2018 Reply

      Hi Josh, do you mean that if you have created ACF custom fields for the Products post type then you'd like to include these in the CSV file from when you export the products? The most likely option for this is the official Product CSV Import Suite plugin. Their sales page says you can import custom fields but not export them, so you might need to send them a support request to ask about this.

Please share your thoughts...

Your email address will not be published.