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

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

Related content

  • WooCommerce Visual Hook Guide: Single Product Page
    Here’s a visual hook guide for the WooCommerce Single Product Page. This is part of my “Visual Hook Guide Series“, through which you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can copy/paste). If you like this guide and it’s helpful to you, let me know in the comments! […]
  • WooCommerce: Disable Variable Product Price Range $$$-$$$
    You may want to disable the WooCommerce variable product price range which usually looks like $100-$999 when variations have different prices (min $100 and max $999 in this case). With this snippet you will be able to hide the highest price, and add a “From: ” prefix in front of the minimum price. At the […]
  • WooCommerce: Hide Price & Add to Cart for Logged Out Users
    You may want to force users to login in order to see prices and add products to cart. That means you must hide add to cart buttons and prices on the Shop and Single Product pages when a user is logged out. All you need is pasting the following code in your functions.php (please note: […]
  • WooCommerce: Add Custom Field to Product Variations
    Adding and displaying custom fields on WooCommerce products is quite simple. For example, you can add a “RRP/MSRP” field to a product, or maybe use ACF and display its value on the single product page. Easy, yes. Unfortunately, the above only applies to “simple” products without variations (or the parent product if it’s a variable […]
  • WooCommerce: Show Number Of Products Sold @ Product Page
    WooCommerce database already stores the number of products sold for you. Therefore, you may want to show such number on the product page, close to the Add To Cart button. As we’ve seen in my book Ecommerce and Beyond, showing the number of sales for each product can increase your sales conversion rate. All you […]

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent 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. Follow @rmelogli

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

  1. Thank you for the article. great plugin! But I have and one issue with this. I had stripe express checkout on my product pages. After activating this plugin it disables the stripe express checkout. Any solution for that.

    1. Im talking about “Advanced Product Fields” here 🙂

      1. This is not related to my snippet, sorry

  2. Hi,

    Is it possible to give the product “extra option” a different tax % than the main product?
    Meaning that the main product is a bouquet and has a tax rate 6%, but the extra option (wish card) needs to have 21% tax?

    1. I doubt you can do that out of the box. It is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!

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

    1. Agree!

  4. 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.

      1. Hi, have you implemented this?

  5. 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!

Leave a Reply

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