WooCommerce Custom Fields for Variations

Plugins, WooCommerce Tutorials

How to Add Custom Fields to Product Variations in WooCommerce

When it comes to selling products in your WooCommerce store, sometimes the standard WooCommerce setup doesn’t quite give you everything you need. Your products may be more complicated, or you might require a little more information from the customer. In which case, you’ll need to add custom fields to your products.

This guide will provide you with step-by-step instructions to add custom fields to your WooCommerce product variations. As a bonus, we’ll outline what product variations and custom fields are, and why you might need to add custom fields to your products in the first place.

The plugin mentioned in this guide:

Start your 14-day free trial of Custom Fields for Variations

You can start your free trial right now and instantly give your customers the information they need.

Get Free Trial
Start your 14-day free trial of Custom Fields for Variations thumbnail

What are product variations?

Before we delve into adding custom fields to each product variation, first we need to understand what a product variation actually is.

A product variation in WooCommerce is a combination of attributes belonging to a product, ranging from color, to fabric, size, style and more.

As an example, if your store sells cushion covers, they most likely vary in size and color/material. So if you have a cushion cover that’s 16×16 inches and in a patterned fabric – this is a product variation with two different attributes.

For more information on what product variations are, see our Ultimate Guide to Variable Products

What are WooCommerce custom fields?

In WooCommerce, custom fields are additional information or data you can add to individual products and are usually displayed on the single product page. This information is usually unique to one particular product, rather than a group and can include anything from:

  • A unique code or ISBN number for that individual product
  • Additional unique product information such as specifications or features
  • Checkboxes, radio buttons and additional product options

Why you might need to display custom fields on the product page 

Your online store might require custom fields for a number of unique reasons. Below, we’ll outline a few common ones.

You need to provide extra information for the customer

One of the main reasons that you might need to add custom fields to WooCommerce that the standard WooCommerce setup isn’t providing enough flexibility for the complex nature of your products. 

For example, if your online store is selling security software for computers, you might have a lot of information you need to display. You don’t want to make the product description too long because your product page will look cluttered, so you opt for custom fields instead to display each product’s system requirements, security level and extra information.

In addition to this, your security software might have different variations of the same product that require you to provide unique information. For example, you might sell a monthly license and a lifetime license. The lifetime license gives customers additional features, so to display them, you’d need to add custom fields to that specific product variation.

In the next section, we’ll demonstrate how to set this up with a WooCommerce custom fields plugin.

How to add custom fields to product variations in WooCommerce

Here we’re going to outline how to add custom fields to your product variations with a WooCommerce custom fields plugin. 

custom fields WooCommerce product

WooCommerce Custom Fields for Variations allows you to provide your customers with all the right information by adding custom fields to each product variation.

To get started, get your 14-day free trial of WooCommerce Custom Fields for Variations from the Iconic store: iconicwp.com/woocommerce-custom-fields-variations

Then follow these steps:

  1. Go to Plugins > Add New > Upload Plugin
  2. Choose the zip file you downloaded, upload, and then click ‘Activate’
  3. Once activated, you’ll need to enter your licence key

Now that we have WooCommerce Custom Fields for Variations installed, we can move onto setting up our custom fields.

Create your custom fields

  1. Go to Products > Variation Field Groups.
  2. Click Add New.

Give your field group a title. This will be used to define the group section in the variation edit tab.

  1. Under Fields click Add Field.

It’s here that you’ll be able to add all the information you need including the field label, description, type and what the field will look like on the product page.

For example, here you’d select text if you want to add system requirements for the software package.

WooCommerce custom fields
  1. Once you’ve filled in everything you need to, click Add Field.
  2. If you’re adding more than one custom field, click Publish.

Now that you’ve added your custom fields, you’ll next want to add them to specific products.

  1. Go to the Variations tab of your chosen product.
  2. Click on a single variation.
  3. Under the Variation Description field, you’ll see your new fields. Simply fill them in as required and click Save Changes or Update.

Roundup: start adding WooCommerce custom fields 

In this guide, you’ve learned why you might need to use custom fields for your product variations. You’ve also had step-by-step instructions for how to add these custom fields in a matter of minutes using a custom fields plugin.

When used well, adding custom fields to your individual product variations can not only make your customer’s experience better but yours too. WooCommerce Custom Fields for Variations makes that process just a little bit faster.

Plugins featured in this guide:

Gina is our in-house content creator and social media manager.

Share

1 Comment

  1. Chais Meyer says:

    Will the user input custom field information (manually typed text or a choice they make on a radial button) be transferred as meta data through the woocommerce API? We’re using a plugin that adds custom fields currently, which has conditional logic and is displayed based on variation choices, but the user input data isn’t transferred through the api…and we need this feature to automate our order management. I’d love to get more information on this!

Leave a Reply

Your email address will not be published. Required fields are marked *