> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/product-options/20-option-types/choice-list/switch.md).

# Switch

A **Switch** is an on/off toggle for a value - customers turn it on with a single click. Use several switches together when more than one choice is allowed.

{% hint style="info" %}
**Plan:** **Switch** is available on the **Platinum** plan and above. On the Free plan you can still try it on one live product with a Premium option set. See [Plans and feature availability](/product-options/getting-started/plans-and-features.md).
{% endhint %}

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FEimKbGLypc4KUjjIibYn%2Fimage.png?alt=media&amp;token=feffb83d-e6fa-45cf-81cb-456df00471c0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXctIYRUyPU8yOxFLB9wLLKsAHGvQQXjPYv7ruHvOBJcU1KcfOvvkhO7IwYmAyYqYhZYqEpPamcSy-cSYLPQfu_ePEls51GSr1KsfqPb3XeHskroX1bi1Xhva0pEiEFBvco-fehJvQ?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

## When to use a Switch

* **Product features** - turn on gift wrapping or another add-on service.
* **Yes/No questions** - a single clear choice, such as opting in to updates.

## How to add a Switch option

### Step 1: Add the option

Open **1. Add options**, click **Add option**, tick **Switch** under **Choice list** on the **New options** tab, then click **Add options**.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FnGaqznnR0Koevt5envVQ%2Fimage.png?alt=media&amp;token=9e4c27b9-7b1c-4103-bfb6-07eb4181ac6f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F7SNSXVUviYMlPoJxpwmf%2Fimage.png?alt=media&amp;token=a273c879-2853-440f-a058-a5cfafaabcb3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdIuQ4WIfUBX8m4xpn-Cb7HG7JzqkSdodsuq6ec7zKhu--o-SdfGl1LO0k_vvQhG6TjlCuZDquTSmw6M2Nws3amyQVnZFbu2hMqvqXyY0yV4k7VgoazQSxzS3TZGaO-duFhmTVmyQ?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

### Step 2: Name it and add values

Enter the **Label on product** (e.g., "Add Gift Box and Greeting Card") and add the **Option values** (e.g., Yes/No). Tick **Required field** if customers must choose before checking out, or **Hide option label** to hide the label.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FDkR9FpAnbpfB1rO22vyh%2Fimage.png?alt=media&amp;token=7061e92c-00bf-4ee2-af92-fd1713f36177" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXebPGuGQofOlVmN3fYlS22_teBmi-lqlfsoCg69TDABH2tYs2l5CrDu0H_ZVpjTBxTzwy75fNr5EZciKZyYsM78AbQjBEAEx3-3EN9CTv8h544gC7A-Us5XvHJp2Fz-1n-nIZmydg?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdsKywnADACvcstXeZiH75URR-9prh3QDtw7mdJWrBwm4zHhlt7KySrV1FQycdwR4sQdnlfxZsYObPx-nqL-DQ4tPJfd8PWKV4cQdf_DdGFsPTejo_KgHx8Gd5zOUJepx2idSqy?key=DC83dM0yOWsDjpoRFQoUWeuE)

### Step 3: Save and test

Click **Save**, then open the product page on your store to check that the Switch 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)](/product-options/advanced-setup/manage-add-on-additional-fee-for-option.md).
* **SKU** - a SKU for that value. Advanced plan and above.
* **Quantity** - let customers choose how many of that value they want. Platinum plan and above. See [How to Use the "Quantity" Feature for Options](/product-options/advanced-setup/how-to-use-the-quantity-feature-for-options.md).

### Default value

Toggle **Default** for the value that should be pre-selected when the customer opens the product page. Available on the **Advanced** plan and above.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F6ivXRpEBLeNAdLBeTloD%2Fimage.png?alt=media&amp;token=3c9fbec4-bb8b-4e9e-8a86-bbce3e00861e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeIChmjKM1MhhNQZsX3FyJR3-rUf_eWxnb_hlfHdvKLdTer2JoFABNcSYwO6NTNEI07sfEfeTzQyfJSarJA8qmibAlF0H-u9Lxup8c7iDlDOSgni2Cs8AbtmO07FMYi_ICBkzXl?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

How it looks on your storefront:

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FuVhDfUL8mWDBuJLDaBbF%2Fimage.png?alt=media&amp;token=f79b99dd-0ce7-41c1-9aa9-9204b4a9e167" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfpIe0vJtM6KpGp0_tModcETjaZcjBoYv0_xrfCHFZIlKKI1s0qqpp4rH3sGNIE-CHt8v_fQnVk_SFhTcjEY748RrnocYoD0zeGeWvee9CEwe5MM7ZnYy_6SEnW2G8MB4_ZNyol0w?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FuZoETiaRK2wqRlA2I367%2Fimage.png?alt=media&amp;token=5e6c5bf1-a9cd-4ef1-8835-e42b4ce3eb74" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfGd8Eh9yMNVoP4G-LAw3vCS6FtcXDivHvrnkUAZFhmhruMd_msYgDUkAZHb4vEyckiF1p_gl0ysBEIc9Sx-4fqIKBp9UparbVuy82DDOUZeSa1APiViZpIqqam0hVWIPuiJ0_qQQ?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

Example of Help text shown as a Tooltip on the storefront:

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2F1neSoZCiwSc1WafqTTsh%2Fimage.png?alt=media&amp;token=79008b1b-1ceb-430c-95bd-e4a0b777ea58" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXffCNGiHbmxQoiWYH5c-QoOrBdvcPbesdcvV9V7DN7EYI4h67fsmtJGKH5YQbRuR3oTsQ7eOmPfmMObcVBWIvCnCDZzXMUoNi9xkBGBkZKi3KwVDLPFokb9bk_hZz3onIjh69R9xQ?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

### Limit how many values can be selected

Set **Min** and **Max** to control how many values a customer can turn on. If they turn on 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](/product-options/faq/limit-min-max-selectors-in-checkbox-button-options-swatch.md).

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FElWJqztv15QsmpCF9GS5%2Fimage.png?alt=media&amp;token=f4bacab4-1c3f-44e3-9427-4198a2418b7c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcqME2M0r2jFiyvteoA8uhCqt3pEAEqWYv3DU36ff5Q0Kne8N5WJIRBwgAjBTmBwRrv0RvFnD7qNRmNF8q19zve2YKdd-zRVTuLzrV_LS9fkVzNlAjAA0Qrf73abaQTJCGlAk5S?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

### Show or hide with Visibility (conditional logic)

Show or hide the Switch based on another option. Available on the **Advanced** plan and above. See [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics.md).

<figure><img src="https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FcQwQPjRflLW60VUOQBqn%2Fimage.png?alt=media&amp;token=34ba7a93-91b6-41e4-8805-07fc329cd007" alt=""><figcaption></figcaption></figure>

### 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.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf0JKuohblnuV_aOZpZ3Ff8vIpoRTukPvMeqhJ3KkIjgF9mu2FvkWZx0DtgIR8XTWW4Ll2eIATW2iKwiASAI8s6fvZqFSjhg90_KO47vCNZY31ZnM8eZeqWtIryLrUVjwfyutLL?key=DC83dM0yOWsDjpoRFQoUWeuE" alt=""><figcaption></figcaption></figure>

## Related guides

* [Checkbox](/product-options/20-option-types/choice-list/checkbox.md)
* [Manage add-on (additional fee for option)](/product-options/advanced-setup/manage-add-on-additional-fee-for-option.md)
* [How to Use the "Quantity" Feature for Options](/product-options/advanced-setup/how-to-use-the-quantity-feature-for-options.md)
* [Limit Min/Max Selectors](/product-options/faq/limit-min-max-selectors-in-checkbox-button-options-swatch.md)
* [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics.md)
