Download Toolset plugins and follow the online tutorial

For this part of the tutorial, you only need Toolset Types plugin.

To help you get started, we recommend that you also launch our WooCommerce training site (it’s separate from your Toolset account). There, you will be able to customize a demo WooCommerce site, which has everything installed and ready for training purposes.

If you prefer to follow this tutorial on your website, install the Toolset Types plugin first.

You can get Types for free from the WordPress repository. Types lets you add custom post types, fields and taxonomy to the WordPress admin. The complete Toolset package lets you also display everything on the front-end, without writing PHP. We offer 30-days refunds for Toolset, so you can try it, risk free.


Adding Custom Fields to WooCommerce Products

To add custom fields with the Types plugin, go to Toolset->Post fields.

Add a new group and give it a name, for example “Product details”.

This group will be a container for all custom fields added to your WooCommerce products.

Expand the “Where to display this group” section and choose Products.

Adding new custom fields groups. A custom fields group is a container for custom fields added for WooCommerce products.

Adding new custom fields groups. A custom fields group is a container for custom fields added for WooCommerce products.

Now you can add custom fields to this group.

To create new custom fields, you use the “Available fields” panel on the right.

Click on the “Single line” button to add your custom field to the group. We want the “Special offer” input to appear as a single line of text.

Give the field its name (“Special offer” in our case) and save the group.

Adding new custom fields to WooCommerce products

Adding new custom fields to WooCommerce products

Populating custom fields with data

In your WordPress admin area, go to Products and edit any of the products in your site.

Under the main editor, you should see the new group you created containing the “Special offer” custom field.

A new custom field appears in your “Edit Product” screen.

A new custom field appears in your “Edit Product” screen.

You can pupulate your custom field with data now.


Adding a Custom Taxonomy to WooCommerce Products

To add a new taxonomy to your WooCommerce products, go to Toolset->Post Taxonomies. Then, click on the “Add new” button. Give your taxonomy its singular and plural names. We will use “Gender” for both (there’s no plural for “gender”).

In the right sidebar, under “Select Post Types”, select “Product” to connect your taxonomy to WooCommerce products.

Expand the “Options” section. The first option allows you to choose whether this taxonomy is to behave like categories or like tags.

Since we want our taxonomy to look and work similarly to categories, we choose “Hierarchical”.

Setting up a custom taxonomy

Setting up a custom taxonomy

Adding taxonomy terms

Again, open a product for editing, or refresh the editor if you already have a product open. You should now see both the new “Special offer” field and the new “Gender” taxonomy.

Before we start using the Gender taxonomy, we need to create the actual genders: Men, Women, and Children. These are called taxonomy terms in WordPress terminology.

Go to Products->Gender and add the following new genders:

  • Men
  • Women
  • Children

Once these genders have been added, you will see them in your product editor.

A custom taxonomy with its terms

A custom taxonomy with its terms

Setting gender for products

When all your gender terms have been set up, you can assign your products to them. You just saw the “Gender” input in the product editor. When you want to set the gender of several products together, use WordPress’s “Bulk Edit” feature to save time.

Go to Products and check the products you are going to bulk-edit.

Select Edit from the dropdown list and press the Apply button.

On the next screen, pick the relevant gender term and save the changes.

How to use the “Bulk Edit” feature to assign many products at once to a specific taxonomy term.

How to use the “Bulk Edit” feature to assign many products at once to a specific taxonomy term.

What’s next

We used the Types plugin to add custom fields to WooCommerce products. We also learned how to set up taxonomy terms and edit products by using these custom fields and taxonomies.

Now we have new custom fields in the WordPress admin area, but they aren’t showing up on the site’s front-end just as yet. The next tutorial in this series will teach you how to create templates for WooCommerce products to display custom fields.

All tutorials in this series