Using Product Tables with WooCommerce Product Add-Ons
WooCommerce Product Table is designed to integrate with the official WooCommerce Product Add-Ons extension. It’s useful if you want to show extra options in your product tables, in addition to what’s possible with variable products. For example, you can use add-ons to add checkboxes, radio buttons, dropdown lists similar to the variation dropdowns, and text input boxes.
Note: WooCommerce Product Table and WooCommerce Product Add-Ons are two separate plugins. You will need to purchase both in order to use the features described on this page. If you don’t want to buy the Add-Ons plugin, then you can add extra options to your product tables using WooCommerce product variations instead.
Which add-on field types can I use in my product tables?
You can display the following add-on types in the add to cart column of WooCommerce Product Table:
- Checkbox – 1 or more checkboxes that customers can tick to choose extra options.
- Radio buttons – 1 or more radio buttons, from which the customer can only select one.
- Select box – dropdown list of options, from which customers can select one.
- Custom input (text area) – text entry field where users can write multiple lines of text (you can add a character limit)
- Additional custom price input – customers can enter a numerical value which is added to the product price. Useful for taking tips and charitable donations.
- Additional price multiplier – 1 or more quantity pickers where users can input a number, i.e. quantity. Useful if you want customers to be able to choose more than one of an option (e.g. add more than one extra portion of cheese to their pizza).
- Custom input (text) – 5 five in-built types of text field where customers can enter either any text; just letters; just numbers; both; or an email address.
It works with individual add-ons added directly to specific products, and global add-ons that you add centrally and automatically appear for all products.
Please note that it does not work with the File Upload add-on type (see below).
How to use Product Tables with WooCommerce Product Add-Ons
- Install WooCommerce Product Add-Ons plugin and use the documentation to set up add-ons for any or all of your products.
- Install WooCommerce Product Table and follow the instructions to add a product table. You must include an add to cart column.
- View the page with your product table. You will see the add-ons appear in the add to cart column.
- If you’d like to make any changes to the layout of the add-ons in the table, you can do this on the plugin settings page (instructions below).
The WooCommerce Product Table plugin settings page (WooCommerce > Settings > Products > Product Tables) comes with 2 options for controlling the display of your add-ons.
Add-on groups layout
This option controls whether the add-on groups are listed horizontally or vertically in the table. For example, a pizza restaurant might have add-on groups for ‘Crust upgrades’ and ‘Extra Toppings’, each with several add-on options. You can choose whether the overall groups are listed on the same row (depending on the amount of space available in the table), or whether a new group will always appear on its own row.
Note: If you’re using variable products displayed as dropdowns in the table, then each variation dropdown is treated as a separate ‘Group’. You might want to use the ‘horizontal’ option for this setting, otherwise each variation dropdown will be listed on a separate line, which will take up more space.
Add-on options layout
This option controls whether the individual add-on options (e.g. checkboxes and radio buttons) are listed on horizontally on the same row (where space is available in the table), or vertically with 1 row per option.
Do the add-ons work with product variations?
Yes, you can create add-ons for variable products and display all the options together in the product table.
If you’re displaying product variations as dropdown lists in the table, then you can use them in addition to product add-ons. If you’re listing variations on separate rows, then the add-ons for the main product will appear in the add to cart column for each variation in the table. Here are examples of both ways of displaying variations with add-ons:
My add-ons look messy in the table
If the add-ons look messy in the table, please experiment with different combinations of the settings. There are many different ways that you can use and combine product add-ons. Some combinations look good with horizontal layouts, some look good with vertical layouts, and some work best with a mixture of the two.
We recommend using trial and error to find the best combination of settings for the add-ons in your table.
My add-ons are just showing – the Add to Cart button just says ‘Read More’
This happens if you have created add-ons for the product, but haven’t entered a Regular Price for the product. The add-ons will only show in the table if the product has a price in the ‘General’ tab of the ‘Product Data’ section of the Add/Edit Product screen. If you don’t want to add a base price, then you can add it as 0.00 and the add-ons will appear in the table.
The File Upload add-on doesn’t work
The product table doesn’t currently work with the Field Upload add-on type – you can upload a file from the product table, but it doesn’t pull through to the cart and checkout.
We’re interested to know whether people will find this useful. Please contact us if you would like this feature and we will add it if enough people ask.
Messages from the Text add-on aren’t being passed through to the cart
This can happen if you don’t include a label for the Text or Textarea add-on. Make sure you add a label to describe the add-on field.
Does it work with other Product Add-Ons plugins?
WooCommerce Product Table is only designed to work with the official Add-Ons plugin available at woocommerce.com. We’ve done a lot of work to integrate the two plugins, and it wouldn’t be realistic for us to integrate with other similar plugins.
If you successfully test WooCommerce Product Table with any other add-ons plugins, please let us know. We’d love to share this information with our other customers.