---
title: How to use in Button Group Field in Optiontics
description: "The Button Group field renders options as compact, tappable buttons. It supports **Single** mode (pick one, like radio) or **Multiple** mode (pick several, like checkboxes), and each choice adds to or subtracts from the price. Great for touch-friendly layouts. ##…"
url: "https://themewinter.com/docs/plugins/optiontics/how-to-use-in-button-group-field-in-optiontics/"
updated: "2026-06-07"
category: Optiontics
---

# How to use in Button Group Field in Optiontics

The Button Group field renders options as compact, tappable buttons. It supports **Single** mode (pick one, like radio) or **Multiple** mode (pick several, like checkboxes), and each choice adds to or subtracts from the price. Great for touch-friendly layouts.

## Use Cases

- "T-Shirt Size: S / M / L / XL (+$2)" — Tappable size buttons, one pick (Single mode).
- "Plan: Basic / Pro (+$10) / Enterprise (+$25)" — Clean tier selector that reads better than a list.
- "Add Toppings: Cheese (+$1) / Bacon (+$2) / Avocado (+$2)" — Pick several pills at once (Multiple mode).
- "Choose Colors: Red / Blue / Black" — Compact equal-priced buttons.

## How to Use

1. Open **Optiontics → Add-ons** and edit (or create) an add-on form.
2. Drag the **Button Group** 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 on the button.
   - **Price** — amount added when selected (negative to subtract).
   - **Price type** — **Fixed** or **Percentage** of the base price.
   - **Default** — mark a button as pre-selected.
5. Set the selection mode and common settings (below).
6. **Save**, assign to a product, and preview.

![Optiontics Button Group Field](https://themewinter.com/docs/plugins/wp-content/uploads/sites/3/2026/06/SCR-20260607-jyyj.png)

### Settings & Customizations

- **Selection** — **Single** (one pick, radio behavior) or **Multiple** (many picks, checkbox behavior).
- **Title** / **Hide title** / **Description**.
- **Required** — must select before add to cart.
- **Show sale price** — show the discounted choice price when set.

## FAQ

Q1: **How do I let customers pick several buttons?**
A1: Set **Selection** to **Multiple**.
Q2: **Difference from Radio/Checkbox?**
A2: Same behavior, button styling — Single mode = radio, Multiple mode = checkbox.
Q3: **Can a button lower the price?**
A3: Yes — enter a negative amount.
Q4: **Can I pre-select more than one?**
A4: Yes, in Multiple mode mark several choices as default.

## Conclusion

Reach for Button Group when you want compact, tappable options. Flip between Single and Multiple to cover both "pick one" and "pick many" cases with the same clean button layout.