How to Use WC Fields Factory with WooCommerce Product Table

WC Fields Factory WooCommerce Product TableWooCommerce Product Table officially integrates with the official WooCommerce Product Add-Ons plugin. This is an excellent way to add extra options such as text fields, checkboxes and radio buttons to a product table or one-page order form.

Today I’ve been testing with the free WC Fields Factory plugin after a customer mentioned that it works nicely with WooCommerce Product Table. I was surprised that the two plugins work together straight out of the box because most add-ons plugins require extra development to integrate with product tables.

You can use the plugin to add various types of extra option to your products. For example, it supports text fields, number fields, radio buttons and checkboxes. You can use it to collect extra information from customers (for example to personalize products). Alternatively, you can charge extra fees for each option (e.g. to sell extra pizza toppings for $1 extra each).

As a result, WC Fields Factory is a handy alternative to Product Add-Ons. While it’s not an official integration and we don’t guarantee compatibility, this article will document which parts of the two plugins work together. Keep reading to learn about all the options.

GET WC FIELDS FACTORY GET PRODUCT TABLE

Product table with WC Fields Factory WooCommerce

WooCommerce Product Table with a WC Fields Factory ‘Text’ field in the add to cart column

WC Field Factory field types that work with WooCommerce Product Table

Text and Textarea fields

Text field

Adds a text entry field to the add to cart column in WooCommerce Product Table. Customers enter a text message and it will pass through to the cart, checkout and order confirmation emails.

For example, if you’re building a WooCommerce restaurant order system then customers can use this field type to enter any special requests for each dish.

These two field types are similar. ‘Text’ just adds a small box for entering 1 line of text. ‘Textarea’ adds a deeper box for entering more text.

  • Works with standard product tables? – Yes
  • Works with lazy load product tables? – Yes

Number field

Number field

Use this field type to allow customers to add a number for each product they are ordering.

  • Works with standard product tables? – Yes
  • Works with lazy load product tables? – Yes

Email field

WooCommerce email field

Use this WC Fields Factory field type to allow the customer to enter an email address. I’m not sure why you’d want to do this because customers have to enter their email on the checkout anyway, but it’s an option! (Please add a comment below if you use this field type, as I’d love to know your use case!)

  • Works with standard product tables? – Yes
  • Works with lazy load product tables? – Yes

Checkboxes & radio button fields

WooCommerce product checkbox radio buttons

Checkboxes and radio buttons are a fantastic way to add extra options to WooCommerce products. For example, a restaurant order system can add a radio button to indicate whether the customer wants the vegetarian option; and a checkbox to add extra pizza toppings.

  • Works with standard product tables? – Yes
  • Works with lazy load product tables? – Yes

The only problem is that the styling wasn’t perfect straight out of the box (I use the Storefront theme). You would need to write some custom CSS to remove the extra bullet points.

Since WooCommerce Product Table officially integrates with the official Product Add-Ons plugin, you can avoid this by using that plugin instead. However, the checkboxes and radio buttons in WC Field Factory do work correctly in the product table.

Select field (dropdown)

WooCommerce dropdown options plugin

The select field type in WC Fields Factory adds a dropdown list to the product, allowing the customer to choose different options. It works correctly in the product table. However, the fields aren’t lined up as nicely as I would like.

Given that WooCommerce Product Table supports variation dropdowns as standard, you might be better off using these instead.

  • Works with standard product tables? – Yes
  • Works with lazy load product tables? – Yes

Color picker

WooCommerce color picker

The color picker field in WC Fields Factory adds a text entry field where customers can add a HEX, HEX3, HSL, RGB value or color name. It’s not a true color picker as the customer needs to know the value and can’t select it from a color wheel. However, it does work in the product table.

  • Works with standard product tables? – Yes
  • Works with lazy load product tables? – Yes

Field types that don’t work in the product table

I also tested the following WC Field Factory field types and found that they don’t work with WooCommerce Product Table:

  • Date picker
  • File upload

I don’t know of any alternative plugins that allow you to use date pickers or file uploaders in the product table either. The only way to have these features is therefore to list products in a table without an add to cart column, and allow customers to select a date or upload a file on the single product page.

The product title links to the single product page, and you can also add a ‘button’ column to make it even more intuitive for customers.

How to use WC Fields Factory with WooCommerce Product Table

The two plugins work together with no extra configuration. This is how to set them up:

  1. Get WooCommerce Product Table and start creating product tables using the instructions in the ‘Getting Started’ email. Make sure your product table(s) have an add to cart column. This is where the WC Fields Factory fields appear.
  2. Install the free WC Fields Factory plugin. Click on the Fields Factory link at the bottom left of the WordPress admin, and create your fields. Make sure you only add field types that I’ve listed as working in the product table (above).

That’s it!

Which plugin to use?

Since we officially support WooCommerce Product Add-Ons, we would recommend this option. It’s created by the makers of WooCommerce itself, so you can be sure it will be around for the long term. We’ve styled the add-ons to look great with WooCommerce Product Table, so you’re less likely to have to write any custom CSS to get them looking how you’d like.

It’s also worth noting that there’s a strange quirk for variable products. The text field appears twice in the product table for variable products (presumably once for each variation, as my example had 2 variations). As a result, it’s probably best to use this field type with simple products. Use Product Add-Ons to add extra options to variable products.

However, WC Fields Factory is a good plugin and works well with WooCommerce Product Table. If you’re using simple products and don’t want to use the official plugin for any reason, then this is a good alternative.

WooCommerce Product Table

The easy way to list products in a one-page order form with extra information and product options.

GET THE PLUGIN