Last year we released our plugin for creating WooCommerce product add-ons. The reception was very good, however many customers asked us to add conditional logic to the fields. I am happy to announce that WooCommerce conditional product options feature is available now in the PRO version of the plugin.
What are product add-ons?
The most popular products sold in online stores are standard physical products. WooCommerce and other e-commerce platforms are well-made for them. This doesn't mean they fit all needs. Sometimes stores need something more than this.
Product add-ons let customers customize the product. An add-on can be a checkbox, a select box, a text area and so on. It all depends on a store's needs. These add-ons could be used for product engraving, cross-selling an insurance or a gift wrapping feature.
What about some examples?
WooCommerce catering ordering
Healthy eating is trendy these days. People want to eat well, but often they don't have time to prepare meals for themselves. Counting calories, making lists of meals, shopping, cooking. Keeping a diet all by yourself is a difficult day-to-day task. Yet, there is a simple solution for this problem: food boxes or personal catering.
Look on the product page above: a date field (catering service start date), a select field (meal calories), and a checkbox to include or exclude some ingredients from the diet.
All these fields are the add-ons and you can configure them as WooCommerce conditional product options. I'll show you how later in this article.
WooCommerce insurance for products
Another great example: insurance. Stores willingly cross-sell insurance for the products they offer. It provides stores with an additional profit as they are the middlemen of insurance companies.
All you need in this example is a simple drop down.
What is the WooCommerce conditional product options feature?
Conditional logic means one option depends on another. For example, you want a gift message option in your store. You need a text field where a customer can provide a message to add to a product they want to gift.
A text field consumes much more space on the product page than any other field. You can hide it over a checkbox then. How?
Look at the animation below:
The conditional logic is simple:
When a customer marks a gift message checkbox, then a text field shows up.
This is probably the easiest example of a WooCommerce conditional product options feature. Of course you can do much more. Imagination is your only limit :)
How to use WooCommerce conditional product options in your store?
Let's use the example from the animation above. I'll show you how to configure fields to work that way.
First things first. You need a plugin I mentioned before:
You can check it out for free! Just click the link above!
Note that you need a PRO version if you want to configure the WooCommerce conditional product options. The free version doesn't support conditional logic but I encourage you to try it out before you buy!
Let's get back to the configuration.
Fields like these in the example are really easy to set up. You need to add a checkbox field and then you need to activate conditional logic in the gift message field.
The configuration looks like this:
I summed the configuration steps for you:
- You need to create a checkbox field.
- Checkbox field does not have a conditional logic option set.
- Next you need to create a text area field.
- This field must have a conditional logic option set.
- The rule is: show this field if the gift message field is checked.
That's it! Simple, right?
Are you ready to use product conditional logic in your store?
In this article, you have learned how to configure WooCommerce conditional product options. If you need any more help, just let me know in the comments section below.
But I want you to know something more. We covered a lot of use cases in our guide about product add-ons.
In that article, you'll find an example product add-ons configuration of:
- booking system alternative
- gift wrapping
- gift message
- catering ordering
- insurance cross-selling
- product engraving
You have to check it out: WooCommerce Extra Product Options Guide →