Pro plugin Version 1.2.1 Updated

Kitero - Composite Products for WooCommerce documentation

Kitero lets you build composite and kit products in WooCommerce, where shoppers pick one option per component and see a live total. Pro adds bundle mode, logic rules, fixed and hybrid pricing, two more layouts, more kit templates and a choices report.

Try the live demo Get Kitero

Overview

Kitero adds a Composite product type to WooCommerce. A composite product is made of components, and each component is one choice the shopper makes, such as a frame or a lens. You fill each component with existing products from your store. On the product page, shoppers work through the components, and the total updates as they choose.

This Pro edition contains every feature of the free edition, so you only need this one plugin. On top of that it adds bundle mode (you decide the contents and the shopper adds the box in one click), fixed and hybrid pricing, per option price overrides, logic rules between components, a step by step wizard and a tabbed layout, more ready made kit templates, and an Insights report on what shoppers choose.

Kitero is for store owners who sell made to order kits, gift boxes, configurable products or bundles built from products they already stock. The chosen items are listed in the cart, checkout, order and emails, and stock is reduced on the chosen products.

Requirements

  • WordPress 6.4 or later (tested up to 7.1)
  • PHP 7.4 or later
  • WooCommerce 8.0 or later, installed and active

Installation

Kitero needs WooCommerce. Make sure WooCommerce 8.0 or newer is installed and active before you start. You do not need the free edition of Kitero: Pro contains everything it does.

  1. Log in to your ProPluginsLab account and open My Account > Downloads. Download the Kitero - Composite Products for WooCommerce zip file.

  2. In your WordPress admin, go to Plugins > Add New and click Upload Plugin.

  3. Choose the zip file you downloaded and click Install Now.

  4. Click Activate Plugin. If the free edition of Kitero is active, it is switched off for you and a notice confirms it. Your components, settings and products stay as they were.

  5. Open Kitero > Setup to choose your defaults, or go straight to Kitero > Dashboard.

License and automatic updates

Kitero works fully as soon as it is activated. The license key turns on automatic updates, so new versions arrive in WordPress like any other plugin update. Pro features never depend on it.

Activate your license

  1. Find your license key in My Account on propluginslab.io, in the license keys section. It is also in your order confirmation email.

  2. In WordPress, open Kitero > License. When two or more ProPluginsLab plugins or add-ons are active on the site, WooCommerce > Licenses also appears and lists all of them in one place.

  3. Paste the key into the Kitero - Composite Products for WooCommerce Pro row and click Activate. The status changes to Active and automatic updates are on.

The license screen with a license key field, an Activate button and the license status
Kitero > License: paste the key and click Activate.

Receive updates automatically

Once the license is active, new versions of Kitero show up under Dashboard > Updates and on the Plugins screen. Click Update now, or click Enable auto-updates in the Kitero row on the Plugins screen and WordPress installs every future release for you.

Good to know

  • Keys are checked once a day in the background, so your site never waits for the license server. If the server is briefly unreachable, the plugin keeps its last known status.
  • An expired key or a key that is not accepted only stops updates. Kitero keeps working. After renewing, click Check now in its row.
  • Moving to a new domain: click Deactivate on the old site first, then activate the key on the new one. The status shows Site address changed, checking until the new address is confirmed.
  • On the command line: wp ppl-license list, wp ppl-license activate <plugin> <key>, wp ppl-license check and wp ppl-license deactivate <plugin>.

Quick start

  1. Run the setup

    Go to Kitero > Setup. Answer the short questions (Layout, Options, Shop) to set the defaults for every new composite product. You can change any of it later under Kitero > Settings.

  2. Create a composite product

    Create a product as usual under Products > Add New. In the product data box, set the product type dropdown to Composite product. You can start from a ready made kit template or build it yourself.

  3. Add your components

    Open the Composite tab and press Add component. Give the component a name, then search for the products the shopper can pick from, by product name or by SKU. Add as many components as you need and drag them into the order you want.

  4. Pick a layout

    On the Composite display tab, choose how shoppers move through the components and, if you like, set a minimum and maximum number of items for the whole kit.

  5. Publish and check the product page

    Press Update (or Publish). Visit the product page: the configuration form appears with a live total. The composite product itself does not need a price, because the total is worked out from what the shopper chooses.

#Dashboard

Kitero > Dashboard is the starting point for the plugin.

At the top, three counters show how many composite products you have, how many ready made kit templates are available, and how many products can be used as options.

Under Quick actions you can:

  • Create a composite product: set the product type to Composite, then pick a template or build it yourself.
  • Manage composite products: see every composite product you have built.
  • Settings: defaults for layout, option style, catalog price and add to cart.
  • Documentation: every option explained, without leaving the dashboard.
  • Run the setup again: revisit the defaults at any time. Nothing you have built is changed.

Recent composite products lists your latest composite products with their number of components, their status, and Edit and View links.

Kitero dashboard with three counters, five quick action cards and a table of recent composite products
The quick action cards link to the screens you use most, including a way to run the setup again.

#Composite products

Kitero > Composite products lists every product that uses the Composite type, with how many components and options each one offers.

The table shows:

  • Product: the product name, linked to the product editor.
  • Components and Options: how many choices the product has and how many products are offered across them.
  • Layout: the layout the product uses on its product page.
  • Catalog price: the price shown on shop and category pages.
  • Status and Date.

You can sort by Product or Date, search with Search products, and click Add new to create another composite product.

Composite products list with columns for product, components, options, layout, catalog price, status and date
The Layout and Catalog price columns let you check each product's setup at a glance.

#Creating a composite product

Composite products are built in the normal WooCommerce product editor.

  1. Create a product as usual, then set the product type dropdown to Composite product.
  2. Open the Composite tab and press Add component. A component is one choice the shopper makes.
  3. Give the component a name, then search for the products the shopper can pick from. You can search by product name or by SKU, including variation SKUs.
  4. Add as many components as you need and drag them into the order you want.
  5. Press Update. Visit the product page and the configuration form appears with a live total.

The composite product itself does not need a price. The total is worked out from the products the shopper chooses.

Instead of building from scratch, you can start from one of the fifteen ready made kit templates. Three of them also set bundle mode, fixed pricing or hybrid pricing for you.

#Component options

Each component card in the Composite tab has these fields:

Option What it does
Component name The heading the shopper sees for this step, and the label used in the cart, the order and the confirmation email. Required.
Short description Optional helper text under the heading, for example a sizing note or a short instruction.
How options are shown Thumbnail grid, larger cards with a description, a compact radio list or a dropdown. Set per component.
Required When ticked, the shopper cannot add the product to the cart until they choose an option here. When unticked, the shopper can skip the component, or click a chosen option a second time to clear it.
Minimum quantity How many units of the chosen option are included. Set it to 2 if this component always ships in pairs.
Maximum quantity The highest quantity the shopper can pick. Leave it equal to the minimum for a fixed quantity.
Let the shopper change the quantity Shows plus and minus buttons on the product page. They only appear when the maximum is higher than the minimum.
Adjust the price of whatever is chosen here Adds a discount or an extra fee (percentage or fixed amount) to the option picked in this component, for example for engraving or gift wrapping. A discount never takes a line below zero.
Amount The size of that change, as a percentage or an amount in your shop currency, depending on the type you picked. The catalog price range and the live total both take it into account.
Products The options the shopper picks from. Search by name or SKU. A variable product is listed as its individual variations, so the shopper selects a real, purchasable item. Drag the rows to reorder them.

#Layouts and option styles

The layout controls how shoppers move through the components. Set it per product on the Composite display tab. New products use the Default layout from Kitero > Settings.

  • All components visible: every choice is shown at once. Best for two or three components.
  • Accordion (one section open at a time): the rest collapse. Keeps a long build readable on a phone.
  • Step by step wizard (Pro): guided, one component at a time, with a progress bar and Previous and Next buttons.
  • Tabbed, one tab per component (Pro): compact and easy to skip around.

Also on the Composite display tab, you can set a minimum and maximum number of items for the whole kit, for example at least 3 and at most 6. Items are counted by quantity across every component. The product page shows the limit and a running count, and the cart checks it again. Leave both empty for no limit.

The option style is set per component:

  • Thumbnails: a compact image grid.
  • Cards: larger tiles that also show the product's short description.
  • Radio buttons: a vertical list with the name and price.
  • Dropdown: the most compact option, best when a component has many similar choices.

To restyle the form, copy templates/single-product/composite-form.php from the plugin into a folder called kitero-product-configurator inside your theme. Your copy is used instead and survives updates.

#Pricing and stock

Pricing strategies. Choose the strategy per product on the General tab. New products use Default pricing from Kitero > Settings.

  • Per item: the total is the sum of what the shopper picks, each multiplied by its quantity.
  • Fixed (Pro): one flat price, whatever is chosen.
  • Hybrid (Pro): a base price plus the items picked.

The total updates live as the shopper chooses and is calculated again on the server before anything is added to the cart, so an edited page cannot produce a cheaper order.

Per option price overrides (Pro) let you charge a different price for a product inside one component, without changing the product itself.

Catalog price. The lowest price counts required components only, because an optional component can be skipped. The highest price counts every component at its dearest option and highest quantity.

Stock. Stock is held by the chosen products, not by the composite product. When an order reduces stock, the stock of each chosen item is reduced by its quantity, and order notes record the changes.

#Bundle mode

Bundle mode is a Pro feature. Instead of letting the shopper build the kit, you decide the contents yourself. The shopper sees what is in the box and adds it to the cart in one click.

Optional items get a tick box, so the shopper can drop them, and the total follows.

Some of the ready made kit templates set bundle mode up for you. The built in documentation under Kitero > Documentation explains how to turn it on, what Required means in a bundle, and how quantities and stock work.

#Logic rules

Logic rules are a Pro feature. They show, hide or narrow one component based on what the shopper chose in another component.

Rules are enforced in the browser, so the product page reacts right away, and again on the server, so a configuration that breaks a rule cannot be added to the cart.

See Logic rules in Kitero > Documentation for the available triggers and actions.

#Composite orders

Kitero > Composite orders lists the orders that contain at least one composite product. The table shows the Order, Customer, Composite items, Status, Total and Date.

Open an order to see exactly which options the customer chose. The choices are recorded on each order line.

Until the first composite product is ordered, the table shows "No orders contain a composite product yet."

Composite orders screen with an empty table and columns for order, customer, composite items, status, total and date
Only orders with at least one composite product appear here.

#Settings

Kitero > Settings holds the defaults for every composite product. Many of them can still be changed per product where that makes sense.

The screen has five groups:

  • Product page: default layout, default option style, add to cart without reloading, the add to cart button text and how out of stock options appear.
  • Catalog: how the price appears on shop and category pages, and the text of the catalog button.
  • Admin: how many results the component product search returns, and whether plugin data is deleted when you delete the plugin.
  • Pricing: the default pricing strategy for new composite products.
  • Insights: whether shoppers' choices are recorded for the Insights screen.

Click Save settings when you are done. Every field is described in the settings reference below.

Kitero settings screen with Product page, Catalog, Admin, Pricing and Insights groups
Default layout and Default pricing only apply to new composite products. Change existing products in the product editor.

#Insights

The Insights screen is a Pro feature that reports on your composite products. It shows:

  • how many configurations were built,
  • the revenue from composite lines,
  • how many builds became an order,
  • a share bar for every option, showing how often it wins its component.

The report is fed by the setting Record what shoppers choose under Kitero > Settings. Nothing personal is stored, only the component, the option and the quantity. Switching the setting off stops new rows being written and leaves existing ones alone.

#Setup

Kitero > Setup is a short wizard that sets the defaults for every composite product you build. It has four steps: Layout, Options, Shop and Done. It takes about a minute, and you can change any of it later under Kitero > Settings.

The first step asks how shoppers should move through the choices:

  • All components visible: everything on one page. Best for two or three choices.
  • Accordion (one section open at a time): collapsible sections. Good for four to six choices.
  • Step by step wizard: guided, one at a time, with a progress bar.
  • Tabbed, one tab per component: one tab per choice. Compact and easy to skip around.

Pick one and click Continue. Click Skip for now to leave the wizard. You can run it again at any time from the dashboard. Nothing you have already built is changed.

Welcome to Kitero setup wizard on the Layout step with four layout cards
The layout you choose here applies to new composite products. You can override it on any single product.

#Built in documentation

Kitero > Documentation explains every option in plain language, without leaving your dashboard. Links at the top jump to each section:

  • Getting started, Component options, Layouts and styles, Global settings and Pricing and stock.
  • For developers: a table of hooks and what each one is for.
  • Troubleshooting: fixes for common problems.
  • Bundle mode, Pricing strategies, Logic rules and Layouts, templates, insights for the Pro features.

The Global settings table there lists every setting with its default value.

Kitero documentation screen with section links and the Getting started, Component options, Layouts and styles and Global settings sections
Use the links at the top to jump straight to a topic.

Settings reference

Kitero > Settings

SettingTypeDefaultWhat it does
Default layout select - The layout used by every new composite product: All components visible, Accordion (one section open at a time), Step by step wizard, or Tabbed, one tab per component. Change it for one product on the Composite display tab.
Default option style select Thumbnails (image grid) Pre-selected when you add a new component: Thumbnails (image grid), Cards (image, name and description), Radio buttons (compact list) or Dropdown (select box). Every component keeps its own setting.
Add configurations to the cart without reloading the page checkbox on Recommended. The mini cart and side cart panels refresh in place. Turn it off if your theme needs a full page load after adding to the cart.
Add to cart button text text - The button under the configuration form, for example Add my kit to cart. Leave empty to keep Add to cart.
Show out of stock options, greyed out and not selectable checkbox off When off, out of stock options are hidden completely. When on, shoppers see that the option exists but is unavailable right now.
Price display select Price range, for example 20.00 to 60.00 How the price appears on shop and category pages: a price range, a starting price, or no price. The lowest price counts required components only, so it matches what a shopper can actually pay.
Catalog button text text - The button on shop and category pages, which opens the product page. Leave empty to keep Configure.
Product search results number 20 How many results the component product search returns. Lower this on very large catalogs to keep the search quick.
Delete all plugin data when the plugin is deleted checkbox off When off, your components survive a reinstall. When on, deleting the plugin drops its tables and settings. Your products and orders are never touched.
Default pricing select Per item, the total is the sum of what the shopper picks The pricing strategy for new composite products: per item, fixed (one flat price no matter what is picked) or hybrid (a base price plus the items picked). Change it for one product on the General tab.
Note which option was chosen in each component when a configuration reaches the cart checkbox on Feeds the Insights screen. Only the component, the option and the quantity are stored, nothing personal. Switching this off stops new rows being written and leaves existing ones alone.

On your site

On the product page of a composite product, shoppers see a configuration form in place of the usual add to cart area.

  • The price shows the range from the cheapest to the dearest build, or a starting price, depending on Price display.
  • With the Step by step wizard layout, a progress bar shows the current step (for example Step 1 of 3), and Previous and Next buttons move between components.
  • Each component shows its name, a Required badge when a choice is needed, and its options in the style you picked (thumbnails, cards, radio buttons or a dropdown) with name and price.
  • When you set a minimum or maximum number of items, a running count shows the limit and how many items are chosen.
  • The Total updates as the shopper chooses, above the Add to cart button.

On shop and category pages, composite products show a button (by default Configure) that opens the product page. After adding to the cart, the chosen items appear in the cart, checkout, order and emails, each under its component name.

Composite product page with a progress bar, a required component shown as a thumbnail grid, Previous and Next buttons, an item count, the total and an Add to cart button
The running count and total update as the shopper picks options.

Frequently asked questions

Do I need the free edition of Kitero as well?

No. Pro contains everything the free edition does. Running both would register the product type twice, so Pro switches the free edition off when you activate it. The free edition also stands down on its own if it is activated later while Pro is running.

Will I lose my components if I move from the free edition to Pro?

No. Both editions use the same tables and the same settings. Pro adds its own columns to the existing tables without touching the data already there.

Can I go back to the free edition?

Yes. Deactivate Pro and activate the free plugin. Your components and settings stay. Pro only settings, such as logic rules and the pricing strategy, are kept in the database but stop being applied.

Does the composite product need its own price?

Not with Per item pricing: the total is worked out from the products the shopper chooses. With Fixed pricing you charge one flat price, and with Hybrid pricing a base price plus the items picked. Set the strategy per product on the General tab.

How is stock handled?

Stock is held by the chosen products, not by the composite product. When an order reduces stock, each chosen item is reduced by its quantity. Out of stock options are hidden on the product page unless you turn on Show out of stock options, greyed out and not selectable under Kitero > Settings.

Can different products use different layouts?

Yes. Default layout under Kitero > Settings only applies to new composite products. Change the layout of a single product on its Composite display tab. The option style is set per component.

Where can I see what customers chose?

Open the order from Kitero > Composite orders. The chosen options are recorded on each order line. For totals across all orders, use the Insights screen, which is fed by the Record what shoppers choose setting.

What happens to my data if I delete the plugin?

By default, your components and settings are kept so they survive a reinstall. If you tick Delete all plugin data when the plugin is deleted under Kitero > Settings, deleting the plugin drops its tables and settings. Your products and orders are never touched.

Troubleshooting

The Composite tab is missing in the product editor

Set the product type dropdown in the product data box to Composite product. The Composite tab appears for that type. Also check that WooCommerce 8.0 or newer is installed and active.

A product does not show in the component search

Search by the product name or its SKU. Variable products are listed as their individual variations, so search for the variation or its SKU. The number of results is limited by Product search results under Kitero > Settings, so make your search term more specific or raise that number.

The catalog shows no price or a zero price

Check Price display under Kitero > Settings: Do not show a price in the catalog hides it. The lowest price counts required components only, so if no component is marked Required, the lowest build can be zero. Mark at least one component as Required on the Composite tab.

The cart does not update properly after adding a configuration

Some themes need a full page load after adding to the cart. Untick Add configurations to the cart without reloading the page under Kitero > Settings and save.

Shoppers cannot add the product to the cart

Every Required component needs a choice before the product can be added. If you set a minimum and maximum number of items on the Composite display tab, the shopper's total quantity must be within that range. The product page shows the limit and a running count.

Some options do not appear on the product page

Out of stock options are hidden by default. To show them greyed out and not selectable, tick Show out of stock options, greyed out and not selectable under Kitero > Settings. If you use Pro logic rules, check whether a rule hides or narrows that component based on another choice.