Button
Button
A Button shows each value as a clickable button - customers select one with a single click, ideal for a short list like sizes or add-ons.
When to use a Button
- Sizes - Small, Medium, Large.
- Materials - Leather, Canvas, Suede.
- Extras - add a dust bag, add a gift note.
How to add a Button option
Step 1: Add the option
Open 1. Add options, click Add option, tick Button under Swatch on the New options tab, then click Add options.
Step 2: Name it and add values
Enter the Label on product (e.g., "Select Size") and add the Option values (e.g., Small, Medium, Large). Tick Required field if customers must choose before checking out, or Hide option label to hide the label.
Step 3: Save and test
Click Save, then open the product page on your store to check that the Button works correctly.
Option settings
Set only what you need - all of the settings below are optional. In the Option values table, click Columns to show Add-on, Help text, SKU or Quantity for each value:
- Add-on - charge extra for a value (Extra fee, Advanced plan and above) or link it to a Shopify variant (Upsell product, Platinum and above). See Manage add-on (additional fee for option).
- SKU - a SKU for that value. Advanced plan and above. See How does Product Option SKU works?.
Default value
Toggle Default for the value that should be pre-selected when the customer opens the product page (e.g., "S" selected automatically).
How it looks on your storefront:
Quantity
Turn on the Quantity column so customers can pick several values and set how many of each, using Min quantity and Max quantity. Available on the Platinum plan and above. See How to Use the "Quantity" Feature for Options.
Limit how many values can be selected
Set Min and Max to control how many values a customer can pick. If they pick fewer or more than allowed, OPTIS shows a message below the field, e.g. Min selector: 2 or Max selector: 5. Available on the Advanced plan and above. See Limit Min/Max Selectors.
Help text
Add a short note explaining what to choose, shown as a Tooltip, Below the option title, Beside the option title, or Below the option. Available on the Platinum plan and above.
Show or hide with Visibility (conditional logic)
Show or hide the Button based on another option. Available on the Advanced plan and above. See How to set up Conditional logics?.
Layout
In the Display tab: set Option width (25%, 33%, 50%, 67%, 75% or 100%) to control how much horizontal space the option takes, and Option value orientation (Horizontal or Vertical) to lay the values out in a row or stack them.
Related guides
- Swatch
- Manage add-on (additional fee for option)
- How to Use the "Quantity" Feature for Options
- Limit Min/Max Selectors
- How to set up Conditional logics?
Updated on: 25/09/2026
Thank you!