Skip to content

Field Types

Dropdown Field

Dropdown field for longer option lists. Each option can have its own price.

When to use

  • Long lists of sizes, regions, or SKUs
  • Options that would clutter a radio list
  • Pick-one choices with per-option pricing
Size dropdown field open on the Premium Custom T-Shirt demo product showing Small through XX-Large

The Size dropdown field on the Premium Custom T-Shirt demo product — captured on the live Smart Add-Ons demo store.

Settings reference

SettingDescription
Field labelThe title customers see above the dropdown.
Options & pricesOne row per choice: Label (what customers see), Value (stored value, used in conditional rules) and Price. Click Add option for more rows.
DescriptionOptional help text shown below the field label on the product page.
Required fieldCustomers must choose an option before adding the product to cart.
Price typeFixed amount or Percentage of product price. With percentage, each option’s Price is a % of the product price. See Pricing.
Quantity pricingPer product quantity multiplies the price by the quantity ordered. Flat fee (once per line item) charges it once.
Conditional logicTick Enable conditional logic to show or hide this field based on another field in the same group. See Conditional logic.

Order item meta

The selected value is stored on the order item:

order-meta.txt
Field label: "Size"
Value: Large
Price: +8.00

How to add a dropdown field

  1. In WordPress, go to Smart Add-Ons → Add-On Groups and open a group, or click + Add group.
  2. Click + Add field.
  3. Enter a Field label and set Field type to Dropdown.
  4. Under Options & prices, enter a Label, a Value and a Price for each choice. Click Add option for more.
  5. Choose the Price type: Fixed amount, or Percentage of product price.
  6. Click Save group, then open a product the group applies to and check the field.

Example: size with a surcharge

A T-shirt store adds a dropdown labelled “Size” with options Small (0), Medium (0), Large (2) and XX-Large (4), price type Fixed amount. Choosing XX-Large adds 4 to the price, and the live total on the product page updates straight away. The cart shows “Size: XX-Large”.

When should I use a dropdown instead of radio buttons?

Use a dropdown for long lists (six or more choices) where showing every option would crowd the page. Use Radio when customers should see all choices at once.

Can each option have a different price?

Yes. Every option row has its own Price. With the Percentage price type, each price is a percentage of the product price.

Can customers pick more than one option?

No, a dropdown is pick-one. For several choices at once, use Checkbox Group.