---
title: How to use Dropdown Field in Optiontics
description: "The Dropdown field shows product options in a compact menu. Customers pick one option, and the chosen option can add to or subtract from the price. It opens with a \"Choose an option\" placeholder, so it's ideal when you have…"
url: "https://themewinter.com/docs/plugin-docs/optiontics/how-to-use-dropdown-field-in-optiontics/"
updated: "2026-08-04"
category: Optiontics
---

# How to use Dropdown Field in Optiontics

The Dropdown field shows product options in a compact menu. Customers pick one option, and the chosen option can add to or subtract from the price. It opens with a "Choose an option" placeholder, so it's ideal when you have a long list and want to save vertical space.

## Use Cases

- "Choose Frame Size: 8×10 (+$0) / 16×20 (+$15) / 24×36 (+$40)" -- Long size lists that would crowd the page as buttons.
- "Subscription Length: 1 Month / 6 Months (-$5) / 12 Months (-$15)" -- Reward longer commitments with negative pricing.
- "Select Engraving Font" -- A dozen font choices kept tidy in one menu.
- "Pick a Delivery Window: Morning / Afternoon / Evening (+$3)" -- Single pick from many time slots.

![Optiontics Dropdown Block](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2026/06/SCR-20260607-jrvh.png)

## How to Use

1. Open **Optiontics → Add-ons** and edit (or create) an add-on form.
2. Drag the **Dropdown** block onto the canvas.
3. Select the block to open its settings on the right.
4. Add your **choices** -- for each one set:
   - **Label** -- text shown in the menu.
   - **Price** -- amount added when selected (negative to subtract).
   - **Price type** -- **Fixed** or **Percentage** of the base price.
   - **Default** -- mark one choice to pre-select it.
5. Adjust the settings (below).
6. **Save**, assign to a product, and preview.

![Optiontics Dropdown Manage Options](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2026/06/SCR-20260607-jsak.png)

### Settings & Customizations

- **Title** / **Hide title** / **Description**.
- **Required** -- customer must select before add to cart.
- **Show sale price** -- show the discounted choice price when set.

## FAQ

**Can customers pick more than one option?** No -- Dropdown is single-select. Use Checkbox or Button Group (Multiple) for multi-select.
**Can a choice lower the price?** Yes -- enter a negative amount.
**Why is there a blank first option?** That's the "Choose an option" placeholder; pair it with **Required** to force a real choice.
**Does the price update live?** Yes -- the total updates the moment a choice is picked.

## Conclusion

Use the Dropdown when you need a single pick from a long list without cluttering the page. Set fixed or percentage pricing per choice, mark a default if needed, and the product page handles the math.
