Skip to content

Using Add-Ons

This walkthrough goes from a fresh install to working product options, then explains what the shopper and the store see at each step.

Open WooCommerce → Add-Ons and decide how the fields read across the store: a group heading (for example Personalise your order), whether to show option prices, whether to mark required fields with an asterisk, and whether to wrap the group in a bordered card. These are presentation choices — the fields themselves are defined per product.

Edit the product you want to personalise and open the Add-Ons tab in the Product data panel. A few common patterns:

  • Engraving text — a text field, optional, no price. The shopper types a message.
  • Gift wrapping — a checkbox, priced at a small amount. Ticking it adds the cost to the line.
  • Warranty length — a select drop-down with options like 1 year (free) and 3 years (+$20), each option carrying its own price.

Mark a field required when the product cannot ship without it — for example a mandatory size or a name for a personalised item.

Open the product on the storefront. The fields render just above the Add to cart button, under the group heading you set. Paid options show their price if you left Show option prices on.

  • Choosing a paid option updates the cart line total — the extra amount is added automatically.
  • If a required field is left empty, the product is not added and the shopper sees a clear message saying which field is missing.

The shopper’s selections appear:

  • in the cart, under the product line,
  • at checkout,
  • on the order the store receives, so staff can read the engraving text or see that gift wrapping was selected.

A single product can mix free and paid fields — a free personalised message alongside a paid gift-wrap checkbox. Leave a field’s price at zero to keep it free; the option still records the shopper’s choice through to the order.

The free edition covers text, checkbox and select fields, priced or free, with validation and order display. Add-Ons Pro adds conditional logic — showing or hiding fields based on earlier choices — with file uploads, quantity-based options and swatches planned. See Add-Ons Pro.