Add-on pricing

Product options can be free (gather information) or paid (sell upgrades). This page covers the five pricing modes, the live breakdown, and where the money and the choices end up. Every mode is free.

A price per option

Selling sizes, materials or finishes? Every choice inside a dropdown, radio, button group, colour swatch or image swatch can carry its own price — set it in the Options tab, next to the label:

Option	Price
21x30	399
30x40	499
50x70	799

The amount appears beside each choice on the product page automatically (“50x70 (+$799.00)”), and the field’s pill summarises the span (”+$399.00 – $799.00”). Leave an option’s price empty and it falls back to the field price below — the storefront then shows that amount instead, so what shoppers read is always what the cart charges.

Option prices run through the field’s pricing mode too, so “10% Express / 20% Overnight” works exactly like flat amounts.

The five pricing modes

Give any input field a price and choose how it’s calculated:

• Fixed — a flat amount added when the option is engaged (or, for a Surcharge, always).
• Per unit — the price multiplied by a Number or Quantity field (e.g. £5 × 3 = £15).
• Per character — the price multiplied by the length of a text field (engraving!).
• Percentage — a share of the product’s price (e.g. 10% of a £100 product = £10), variation-aware.
• Formula — a decimal-safe expression over your fields, e.g. {width} * {height} * 0.85, with min(), max() and round().

One mode applies per field. Prices are always calculated server-side — the browser preview can never change what actually gets charged.

The live price breakdown

When at least one option has a price, the product page shows an itemized price breakdown: the base price, each chosen option with its cost, and the running total. It updates instantly as the customer changes their choices, follows the selected variation, is formatted in your store’s currency — symbol, position, decimals and separators from your WooCommerce settings — and is announced to screen readers.

Into the cart and order

A customer’s selections travel all the way through:

• Cart — options are listed one per line with each one’s price on a chip — “Gift wrap: Yes +$5.00” — and surcharges get their own row, so the whole line price is explained. The item price reflects the add-ons. Works on the classic, Block and mini-cart alike. (Hide the prices with the clpo_cart_option_prices filter, or the styling with clpo_cart_option_styles.)
• Checkout — the same breakdown is shown.
• Order — selections are saved to the order line item, visible on the admin order screen; uploaded files become admin download links.
• Emails — they appear in the WooCommerce order emails.

Storage is HPOS compatible.

Variable products

For a variable product, build the options once and assign the group to the product — every variation uses them. Percentage and formula pricing are calculated against the chosen variation’s price, so they scale correctly when the customer switches variation, and the breakdown tracks the change live.

Next

• The fields you can price: Option types.
• Show paid options only when relevant: Conditional logic.