GET YOUR FIRST 14-DAYS OF PRO FREE

What is a Composite Product in WooCommerce?

A composite product allows customers to build their own product by selecting from various components or add-ons. This goes beyond simple or grouped products, giving shoppers the freedom to tailor their purchase.

Composite products are ideal for:

  • Customizable Products: Like gaming PCs, where customers choose processors, RAM, and GPUs.
  • Bundles and Kits: Such as gift hampers or meal kits with options for customization.
  • Multi-Part Purchases: Furniture sets or home improvement kits that can be tailored to space and style requirements.

Why Choose Composite Products?

First of all, composite products empower customers by letting them create products that fit their exact needs. Just like a product configurator. This sense of control improves satisfaction and builds brand loyalty.

Second, you can increase your average order value by showcasing complementary components. This encourages customers to add more to their purchase. For example, a customer building a custom PC may add an upgraded cooling system or premium storage options.

Finally, components of composite products are usually separate linked WooCommerce products, making inventory management more straightforward. You can track stock levels for individual parts while offering them across multiple composite products.

Why use Staggs for Composite Products?

The Staggs Product Configurator Plugin is designed to streamline the creation and management of composite products in WooCommerce. Here are a few key features the Staggs configurator has.

Adding conditional logic to your Staggs attributes

Linked product attributes (pro)

Link WooCommerce product attributes to your Staggs attributes to feed the attribute option with the linked product data.

Inventory (stock) management

Manage your inventory of Staggs attributes or linked WooCommerce products

Conditional display

Display certain product upgrades under custom defined conditions

Bundled products

Add products to cart separately and keep them together as bundle so they can only be purchased together

Built with Staggs

options-demo
staggs-extra-fields
bbqdemo
tabledemo

Step-by-step guide to creating a composite product in WooCommerce with STAGGS

If you are looking to create composite product in WooCommerce, the STAGGS plugin has got all you need. We will go over step by step instruction to create composite product with STAGGS now

1. Install and Activate Staggs Product Configurator Plugin

Start by downloading, and installing the STAGGS Product Configurator Plugin. Once installed, activate it from the Plugins menu in your WordPress dashboard.

Important: you need to have PRO version active to be able to use linked WooCommerce product attribute options

Looking to create WooCommerce Composite Product?

Give our PRO version a try. Get access to linked products, conditional logic, stock management and more!

Start free trial

2. Set Up Your Base Product

Go to Products > Add New in WooCommerce and enter a name and description for your composite product. Set a price if applicable (you can configure dynamic pricing later) and assign a product category and tags to organize your product.

Also make sure:

  1. Product type is set to Simple Product
  2. You have checked option “Enable Staggs product configurator”
  3. Add your composite attributes here.
  4. Configure a preview image if you want

3. Create attributes

Attributes are the building blocks of your composite product. These represent the options customers can choose from, such as different processor types or color options.

  1. In the Staggs Product Configurator dashboard, click on Manage attributes. (or go to STAGGS > Attributes)
  2. Define your first attribute by specifying a name (e.g., “Processor”) and selecting the type of input (dropdown, option list, etc.).
  3. Set the attribute type to “Product”
  4. Add the items available in this component group by linking existing WooCommerce products to the attribute options
  5. Optionally set the minimum or maximum quantity rules, to guide customer choices.

Repeat this process for each attribute you need in the composite product.

4. Build the composite product

Let’s go back to the product you just created. Now we will add in the attributes you created.

This can be done in the Staggs configurator builder metabox on the product page.

Save the product. When we view the product page, you should already see your extra product options in place.

5. Adjust pricing settings (optional)

By default we will use the product regular or sale price as additional price for the option

But you can decide how you want to calculate the price of the composite product:

  1. Dynamic Price (default): Automatically sum up the prices of selected components.
  2. Static Price: Enter 0 in the price field for each attribute option to not charge additional costs for the item
  3. Discount Rules: Apply conditional logic to show products with cheaper price for certain combinations.

You can control the pricings in the WooCommerce products or in the Staggs attribute options price fields.

6. Configure conditional logic (optional)

To enhance the user experience, you can set up conditional logic that adjusts the options shown based on prior selections. For example:

  1. If the customer selects “Intel” as their processor brand, only Intel-compatible motherboards will be displayed.
  2. Hide or disable incompatible options dynamically.

This can be done directly on the product page. Simply check the option Enable conditional logic in the attribute of the Staggs Product Configurator Builder interface.

7. Preview and test the composite product

Once you’ve added all the components and rules, preview your product on the frontend. Verify that:

  1. All attributes are displayed correctly.
  2. Conditional logic behaves as expected.
  3. Pricing updates dynamically based on user selections.

8. Publish your composite product

After testing, go back to the product page and click Publish. Your composite product is now live and ready for customers to use

Powerful Composite product toolkit
& amazing support.

Read all reviews
Simply the best!

In addition to being an extremely effective customization tool, it is very easy to use. The design and features are a show apart. The support team’s commitment, responsiveness and education alone deserve much more than 10 stars.

le0s
Number 1 configurator plugin period.

Top features, brilliant plugin and the very best bit is the support. If you have any doubt, forget it and just go with Staggs. They will look after you.

deepblue5
Top notch plugin!

really good plugin, and the developers are efficient and quick to implement new features. Absolutely recommend the PRO version.

dizplay