How to Add Extra Product Options (Add-Ons) to WooCommerce

This is a guest post by Maarten Belmans of Studio Wombat – if you like the article, make sure to thank him in the comments!

If you use WooCommerce for your online business, you may have needed the ability to add extra options.

That functionality allows buyers to personalize their products exactly the way they want – whether they want to add their favorite pizza topping or buy a laptop with extra RAM.

When you provide those options, you optimize the customer experience on your website. But in order to provide those customization options, you’ll need a product add-on plugin.

That type of plugin makes it easy for you to create additional form fields, which in turn allows your visitors to customize the products they want to purchase.

Product Options Vs Product Variations

WooCommerce has a built-in feature to display options on product pages, which are called “variations.”  A classic: if you define a variation “color” on a product, WooCommerce will display a dropdown list with the different color options. This comes in handy when you sell the same T-shirt in various colors.

Unfortunately, that doesn’t mean WooCommerce offers everything you need to provide your customers with numerous options. Variations will only get you so far and are not always sufficient. Here are a couple of limitations variations have:

  • Variations are pre-defined and, therefore, usually limited to a few options.
  • You need to know your options in advance. But what if you are selling wedding rings, and you want to offer an option where users can decide what text they want you to engrave the ring with? You can’t list all the possibilities.
  • Variations are only displayed as dropdown lists, and you’ll need an extra plugin if you want to display them as swatches (or anything else).

The general rule is to only set up variations if your product also has a separate SKU (Stock Keeping Unit). For example, in a warehouse, a green shirt will have a different SKU than the same shirt in blue.

In all other cases, or if you sell more complex products, it is a good idea to look into a plugin that can add extra options to product pages.

Advanced Product Fields for WooCommerce

That is where Advanced Product Fields for WooCommerce comes in. This plugin makes it easy for you to add extra options for any given product. There is a wide range of field types you can choose from and combine to create the most suitable result for your web store and products. The plugin comes with several useful features.

1. Many Different Field Types

You can add any kind of option to your products, including various text boxes, dropdowns, checkboxes, radio buttons, number fields, image swatches, and color swatches.

2. Adjust Your Product Price

Each option can add an extra cost to your product, if that’s what you want. You can choose to use an additional flat fee, a quantity-based fee, or a percentage-based fee to your product.

3. Add Fields Globally or Per Product

You can add options to individual products (via the “edit product” screen) or globally (via WooCommerce > Product Fields). When adding fields globally, you can specify conditional rules to filter the right products.

Plenty of Fish in the Sea: Which Plugin to Choose

Advanced Product Fields is not the only product option plugin out there. There are plenty of plugins that make it possible for your customers to customize your products. So why would you choose Advanced Product Fields?

We wanted to guarantee that we would offer extra value to this plugin segment, so we decided to put a couple of plugins to the test. Based on our findings, we have created an extensive comparison of 6 popular plugins – including our own. 

And we have to admit, even we were surprised to see that the most popular plugins often make your website significantly slower, which is detrimental to the user experience. We were also pleased to see that our own plugin barely slows down your website, unlike some competitors. You can find the detailed comparison here. If you are mostly interested in the numbers and proof of our findings, this Google sheet will tell you everything you want to know.

Free Vs Premium

The free version of Advanced Product Fields comes with plenty of features, such as:

  • 9 different form elements to choose from
  • Conditional logic (show/hide fields based on other fields)
  • Dynamic product price: change the price depending on field value(s)
  • Visibility options: decide on which product(s) to show your fields

For those that need more, the premium version includes all the features of the free version, plus:

  • Quantity-based fields: repeat fields if your visitors change product quantity.
  • More field types such as image and color swatches.
  • More pricing options: quantity-based pricing and percentage-based pricing.
  • Actions & filters so you can extend the plugin with additional features.

Take Your Product Pages to the Next Level

When you add a product option plugin, you automatically make it much easier for your customers to customize the products they’re interested in. In other words, this type of plugin improves the customer experience – and isn’t that what we all want? But don’t forget that a lot of those plugins unnecessarily slow down your website. If you want to give your clients more options, Advanced Product Fields for WooCommerce is your best option.

Maarten Belmans

Freelance web & WordPress developer. Making WordPress and WooCommerce products at Studio Wombat

Rodolfo Melogli

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as a WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

9 thoughts on “How to Add Extra Product Options (Add-Ons) to WooCommerce

  1. Great comparison Maarten. Advanced Product Fields for WooCommerce definitely gives the competition a run for their money!

    1. Agree!

  2. Hi,
    Do you if those options will show if I make the order manually from the order admin page?

    1. Hi Mark,

      The plugin currently does not support adding manual orders from the backend. But you raise a valuable point and we’ll look into implementing this.

  3. I like these options, i would like to implement this in my website, how easy it is to understand, i would like t include vehicle choice option

    1. Hi Mark!

      I would say it’s fairly easy to understand. Have you heard of the popular plugin ACF? It’s similar to that. In any case, just reach out to me via the livechat on studiowombat.com if you have any questions or you’re stuck :-).

      1. Awesome, Thanks, I will check this out, I’m using ACF for structured product data so was wondering if it was a similar approach, I will probably figure it out. Once I get my new site up and running I will get some cash together hopefully. I need to have product variations linked to photos as that is how it now works on my Etsy shop but never got around to looking at doing it in my Woocommerce shop.

        I just got your email newsletter today and thought it looked great in the new format so perfect timing reading this as I was just thinking about Woo variations as it came in!
        Thanks again

        1. Excellent!

        2. Hi Andrew,

          I’m the author of this plugin.

          Yes, it’s very similar to ACF. You’ll notice it looks kinda similar. I specifically asked the ACF author if this was okay. Since plenty of folks know ACF, I thought it’d be a good idea to make something that works similarly :-).

          If you have any questions or feature requests, don’t hesitate to contact me!

Questions? Feedback? Support? Leave your Comment Now!
_____

If you are writing code, please wrap it between: [php]code_here[/php]. Failure to complying with this (as well as going off topic) will result in comment deletion. You should expect a reply in about a week - this is a popular blog but I need to get paid work done first. Please consider joining #BloomerArmada to ask me 1-to-1 WooCommerce questions. Thank you :)

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