The WooCommerce Composite Products add-on is the perfect tool for store owners who sell customizable products, product kits, or made-to-order bundles. It doesn’t matter if you’re offering build-your-own computers, custom furniture sets, gift boxes, or meal kits; this add-on gives you full control over how products are grouped, displayed, and priced. Customers can easily select and configure individual parts, with optional or required selections, and see real-time updates to pricing and availability.
The extension also integrates seamlessly with WooCommerce’s inventory system. This will ensure accurate stock management for each component. Composite Products provides a flexible and user-friendly solution for both store owners and shoppers.
Video Tutorial
Watch the tutorial video below for a quick walkthrough of the add-on’s features and setup process.
For detailed instructions, please continue reading the full documentation. If you still have any questions, feel free to submit a support ticket.
Installation
- Install and activate the WooCommerce plugin
- Install and activate the WooCommerce Composite Products add-on
- There will be a new “Composite Product” entry on the WordPress side menu.
Activate Your License Key
The license key can be configured from the License tab, found on the “Composite Product” menu. License keys will be sent to your email address when you purchase the add-on.
Insert your license key in the field and then click on Activate.
Settings
When you click on the “Composite Product” menu, you will navigate to the “Settings” tab. Here, the admin can change the main settings for the composite products page, cart page, and checkout page.
General
Primary Color
The administrator can select what color will appear on the composite product page.
Price Format
The admin can choose what price to show for the composite product page on the shop page.
Exclude Unpurchasable
The admin can choose to show or hide out-of-stock items on the composite product page.
Show Alert
The admin can choose to show or hide alerts on the composite product page.
Show Quantity
The admin can choose to show or hide the quantity of each item before its name.
Show Image
The admin can choose to show or hide the image of each item on the composite product page.
Show Price
The admin can choose to show or hide the price of each item on the composite product page.
Show Availability
The admin can choose to show or hide whether each item is in stock on the composite product page.
Show Short Description
The admin can choose to show or hide the short description of each item on the composite product page.
Change Image Gallery
The admin can choose whether the main product’s image gallery changes when different items are selected on the composite product page.
Link To Individual Product
The admin can choose to add or not add links to each item on the composite product page.
Cart & Checkout
Hide Composite Product’s Name
The admin can choose to hide or show the composite product page name before the items on the cart and checkout pages.
Hide Component’s Name
The admin can choose to hide or show each item’s name on the cart and checkout pages.
Hide Component Products On Cart & Checkout Page
The admin can choose to hide or show each item’s name on the cart and checkout pages. If they choose to show the items, they can also pick how the names are displayed.
Hide Component Products On Order Details Page
The admin can select whether to hide component products on the order details page or not.
Localization
Here, the admin can edit the texts coming on the shop page and composite product page.
General
Option None (Optional Component)
The admin can write the text that will show in the dropdown area on the composite product page when choosing an item from that part is optional to buy the composite product.
Option None (Required Component)
The admin can write the text that will show in the dropdown area on the composite product page when choosing an item from that part is required to buy the composite product.
Total Text
The admin can enter the text that will appear on the “total price” section on the composite product page.
Selected Text
The admin can enter the text that will appear on the “selected items” section on the composite product page.
Saved Text
The admin can enter the text that will appear on the “amount percentage saved” section on the composite product page. Use “[d]” placeholder to show the saved amount percentage.
Quantity Label
The admin can enter the text that will appear on the “quantity” section on the composite product page.
“Add to cart” button labels
Shop Page
The admin can enter the text that will appear on the composite product button on the shop page when it is in stock.
Similarly, in the 2nd textbox, the administrator can enter the text that will appear on the composite product button on the shop page when it is out of stock.
Single Product Page
The admin can enter the button text that will appear on the composite product page.
Alerts
Require Selection
The admin can enter the text that will appear on the composite product page when selecting a component that requires purchasing a composite product. Use the shortcode “[name]” to show the component name in your updated text.
Whole Component’s Quantity Minimum Required
The administrator can enter the text that will appear on the composite product page when selecting a minimum quantity of a component’s product(s) is required to purchase a composite product.
Use the shortcode “[name]” to show the component name in your updated text and the shortcode “[min]” to show the minimum quantity in your updated text.
Whole Component’s Quantity Maximum Reached
The admin can write the message that will show on the composite product page when the maximum allowed quantity for an item is reached to buy the composite product.
Use the shortcode “[name]” to show the component name in your updated text and the shortcode “[max]” to show the maximum quantity in your updated text.
Minimum Required
The admin can write the message that will show on the composite product page when you need to select a minimum number of items to buy the composite product.
Use the shortcode “[min]” to show the minimum quantity in your updated text.
Maximum Reached
The admin can write the message that will show on the composite product page when the maximum allowed quantity for all items is reached to buy the composite product.
Use the shortcode “[max]” to show the maximum quantity in your updated text.
How To Create/Edit A Composite Product
To create/edit a composite product, the steps are as follows:
- Enter/edit the product title on the product edit page.
- Select the “Product data” option as “Woo Composite”.
- Enter/Edit the following information:
- Regular price (General tab)
- Pricing (Components tab)
- Location
- Discount (This field is optional)
- Quantity (Min, Max fields) (This field is optional)
- Shipping fee
- (Component fields)
- Name (This field is optional)
- Description (This field is optional)
- Source (This field is optional)
- Products / Product Categories (This field is optional)
- Exclude (This field is optional)
- Default option (This field is optional)
- Required
- New price
- Quantity
- Custom quantity
- Each item’s quantity limit (Min, Max fields) (This field is optional)
- Whole component’s quantity limit (Min, Max fields) (This field is optional)
- Multiple selection
- Selector interface
4. Publish/Edit the composite product by clicking the “Publish / Update” button.
FAQ’s
1- Does WooCommerce Composite Products Addon have any dependent plugin(s)?
The WooCommerce Composite Products Addon requires the WooCommerce plugin to be installed before activating it.
2- What will happen if no text is entered by the administrator in the “Localization” tab?
If no text is entered by the admin in the “Localization” tab, then the default text set for every option will be used.
3- What will happen on the composite product page, if a composite product’s component does not have the “Source” option selected in the product edit page?
If a composite product’s component doesn’t have the “Source” option chosen on its edit page, the composite product page will show all WooCommerce products in that item’s section by default.
4- What will happen if a component’s “Quantity” option and “Custom Quantity” option are both provided by the administrator in the product edit page?
If a component’s “Quantity” option and “Custom Quantity” option are both provided by the administrator in the product edit page, then the “Custom Quantity” option will be given higher priority than the “Quantity” option. In short, the composite product’s page will be rendered based on the “Custom quantity” option.
5- What will happen if a component’s “New price” option is set to “50” and “50%” (percentage symbol added after the number in the textbox)?
If a component’s “New price” is set to “50,” then all products in that component will show a price of 50 on the composite product page, no matter their original price.
For example:
- Product A originally costs $200, but on the composite product page, it will show $50.
- Product B originally costs $700, but on the composite product page, it will also show $50.
If the “New price” is set to “50%” (with the % sign), then all products in that component will be priced at 50% of their original price on the composite product page.
For example:
- Product A originally costs $200, so on the composite product page, it will show $100 (which is 50% of $200).
- Product B originally costs $700, so on the composite product page, it will show $350 (which is 50% of $700).
Changelog’s
1.0.0
- Initial Release.
