Skip to content

Getting Started

Create your first addon group

Create your first addon group: a gift-wrap checkbox, a conditional message field, and a fixed price. Takes about 5 minutes.

About 5 minutes. Follow the steps below to ship a live gift-wrap add-on with conditional logic — no code required.

What you'll build

A gift wrap addon group with two fields:

  • A checkbox — “Add gift wrapping (+£3.00)” — that adds £3 to the cart price
  • A text field — “Gift message” — that only shows when the checkbox is checked (conditional logic)

1

Create the group

  1. Go to Smart Add-Ons → Addon Groups in the WordPress admin.
  2. Click Add New Group.
  3. In the Group name field, type: Gift Wrap
  4. Leave Display label as is — it will appear on the product page as the group heading.
  5. Set Layout to Stacked (fields appear one below the other).

2

Add the checkbox field

  1. Click Add Field.
  2. Select field type: Checkbox.
  3. Set Label to: Add gift wrapping
  4. Under Pricing, select Fixed and enter 3.00.
  5. Leave Required unchecked — this is optional.
  6. Click Save field.

3

Add the conditional text field

  1. Click Add Field again.
  2. Select field type: Text.
  3. Set Label to: Gift message
  4. Set Placeholder to: Write a personal message (optional)
  5. Under Conditional Logic, click Add Rule.
  6. Set: Show this field when Add gift wrapping is checked.
  7. Click Save field.

4

Assign to products

  1. In the group editor, scroll to the Assignment section.
  2. Under Assign to products, search for and select the products you want this group to appear on.
  3. Alternatively, select Global (all products) to show this group on every product.
  4. Click Save Group.

5

Preview on the storefront

  • The Gift Wrap group heading
  • A checkbox labelled "Add gift wrapping" with the price shown (e.g., "+£3.00")
  • When you check the box, the Gift message text field appears and the live price preview updates

When a customer adds the product to cart, both the gift wrap charge and the message text appear in the order item meta.

Next steps

← License Activation
Next: Field Types →