> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Switch 1. [OPTIS Product Options, Variant](/product-options) 2. [20 Option Types](/product-options/20-option-types) 3. [Choice list](/product-options/20-option-types/choice-list) # 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. **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). ![](https://storage.crisp.chat/users/helpdesk/website/-/2/6/7/f/267f4d420feda800/63c91712-edfc-4eb6-a36b-cefce1_s1ya3h.png) ## 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**. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/5/4/6/a5464b50c43c8800/d826646f-cc27-463c-82ae-0a60f0_13w9f3w.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/3/4/95347c7ee09ff800/7ddd705b-a529-470f-a13c-e01d9b_j1ftvy.png) ### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/2/0/6/2/2062f274778fb800/4b478ae3-8b48-4b7e-bd20-c88651_1fqiby5.png) ### Step 3: Save and test Click **Save**, then open the product page on your store to check that the Switch works correctly. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FK4kPwg2t7yVb7pdfVpvw%252Fimage.png%3Falt%3Dmedia%26token%3D5ff7c86e-73c3-4484-8b11-42d4e976d208&width=768&dpr=3&quality=100&sign=bb1e691be48f2d80148f99123caa144e&sv=3) ## 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). * **SKU** - a SKU for that value. Advanced plan and above. See [How does Product Option SKU works?](/product-options/customize-design/how-does-product-option-sku-works). * **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). ![](https://storage.crisp.chat/users/helpdesk/website/-/5/1/4/f/514fc7ce4f97e800/6ecd72bc-ee25-476e-a2db-af794c_hwn9ns.png) ### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/d/a/f/9/daf9605094eff800/07678620-eab1-4071-96d6-069ecf_5m3n8h.png) How it looks on your storefront: ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FuVhDfUL8mWDBuJLDaBbF%252Fimage.png%3Falt%3Dmedia%26token%3Df79b99dd-0ce7-41c1-9aa9-9204b4a9e167&width=768&dpr=3&quality=100&sign=bf21e9b59ad7439a091b87a34087edb2&sv=3) ### 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. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FuZoETiaRK2wqRlA2I367%252Fimage.png%3Falt%3Dmedia%26token%3D5e6c5bf1-a9cd-4ef1-8835-e42b4ce3eb74&width=768&dpr=3&quality=100&sign=bb530103f627fa50536df48b213aa4aa&sv=3) Example of Help text shown as a Tooltip on the storefront: ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252F1neSoZCiwSc1WafqTTsh%252Fimage.png%3Falt%3Dmedia%26token%3D79008b1b-1ceb-430c-95bd-e4a0b777ea58&width=768&dpr=3&quality=100&sign=d9317eb6866d49c5132aa7a546ac9e36&sv=3) ### 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). ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FElWJqztv15QsmpCF9GS5%252Fimage.png%3Falt%3Dmedia%26token%3Df4bacab4-1c3f-44e3-9427-4198a2418b7c&width=768&dpr=3&quality=100&sign=9c867213b043f6d486ab188bc18f996f&sv=3) ### 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). ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FcQwQPjRflLW60VUOQBqn%252Fimage.png%3Falt%3Dmedia%26token%3D34ba7a93-91b6-41e4-8805-07fc329cd007&width=768&dpr=3&quality=100&sign=1b567d99f75e6bb01671bd2dfe3794e5&sv=3) ### 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. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FMIi06ybckZsi39l38i4O%252Fimage.png%3Falt%3Dmedia%26token%3D80d1c422-40ce-4612-88d4-55a0337a65d2&width=768&dpr=3&quality=100&sign=aa4f407261ec66a076c7bb798558074e&sv=3) ## Related guides * [Checkbox](/product-options/20-option-types/choice-list/checkbox) * [Manage add-on (additional fee for option)](/product-options/advanced-setup/manage-add-on-additional-fee-for-option) * [How to Use the "Quantity" Feature for Options](/product-options/advanced-setup/how-to-use-the-quantity-feature-for-options) * [Limit Min/Max Selectors](/product-options/faq/limit-min-max-selectors-in-checkbox-button-options-swatch) * [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics)