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

# Overview

All 32 option types, grouped into three families, with what each type is used for and where it’s supported.

An option’s **type** determines what customers do with it — enter text, make a selection, or simply read it — and which settings are available.

There are 32 option types across three families.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Input types</strong> · 12</td><td>Let customers enter their own information, such as text, a number, a date, a file, or a color.</td><td><a href="/options/option-types/input-types.md">Input types</a></td></tr><tr><td><strong>Selection types</strong> · 11</td><td>Let customers choose from a list of options you define, such as dropdowns, buttons, checkboxes, or swatches.</td><td><a href="/options/option-types/selection-types.md">Selection types</a></td></tr><tr><td><strong>Static types</strong> · 9</td><td>Don’t collect any customer input. They are used to organize, explain, or decorate your form.</td><td><a href="/options/option-types/static-types.md">Static types</a></td></tr></tbody></table>

If you are not sure which to use, start with [Choose the right option type](/options/option-types/choose-the-right-type.md).

### Input types

<table><thead><tr><th width="230">Type</th><th width="130">Plan</th><th width="90">POS</th><th width="110">Personalizer</th><th>What it collects</th></tr></thead><tbody><tr><td><a href="/options/option-types/input-types/text.md">Text</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>One line of typed text</td></tr><tr><td><a href="/options/option-types/input-types/textarea.md">Textarea</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>Several lines of typed text</td></tr><tr><td><a href="/options/option-types/input-types/number.md">Number</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A number</td></tr><tr><td><a href="/options/option-types/input-types/phone.md">Phone</a></td><td>Paid plans</td><td>Yes</td><td>No</td><td>A phone number, optionally validated by country</td></tr><tr><td><a href="/options/option-types/input-types/email.md">Email</a></td><td>Paid plans</td><td>Yes</td><td>No</td><td>An email address</td></tr><tr><td><a href="/options/option-types/input-types/hidden-field.md">Hidden field</a></td><td>Advanced</td><td>Yes</td><td>No</td><td>Nothing from the customer — carries a fixed value to the order</td></tr><tr><td><a href="/options/option-types/input-types/date-and-time-picker.md">Date and time picker</a></td><td>Paid plans</td><td>Yes</td><td>No</td><td>A date, a time, or a date range</td></tr><tr><td><a href="/options/option-types/input-types/file-upload.md">File upload</a></td><td>Paid plans</td><td>Yes</td><td>Yes</td><td>One or more files</td></tr><tr><td><a href="/options/option-types/input-types/color-picker.md">Color picker</a></td><td>Paid plans</td><td>Yes</td><td>No</td><td>Any color the customer chooses</td></tr><tr><td><a href="/options/option-types/input-types/switch.md">Switch</a></td><td>All plans</td><td>Yes</td><td>No</td><td>A yes or no</td></tr><tr><td><a href="/options/option-types/input-types/range-slider.md">Range slider</a></td><td>Advanced</td><td>Yes</td><td>No</td><td>A number, chosen by dragging</td></tr><tr><td><a href="/options/option-types/input-types/dimension.md">Dimension</a></td><td>Advanced</td><td><strong>No</strong></td><td>No</td><td>Two or three measurements with units</td></tr></tbody></table>

### Selection types

<table><thead><tr><th width="230">Type</th><th width="130">Plan</th><th width="90">POS</th><th width="110">Personalizer</th><th>How the choice is shown</th></tr></thead><tbody><tr><td><a href="/options/option-types/selection-types/select.md">Select</a></td><td>All plans</td><td>Yes</td><td>No</td><td>The browser's own dropdown</td></tr><tr><td><a href="/options/option-types/selection-types/dropdown.md">Dropdown</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A styled dropdown with search and swatch support</td></tr><tr><td><a href="/options/option-types/selection-types/color-dropdown.md">Color dropdown</a></td><td>Advanced</td><td>Yes</td><td>Yes</td><td>A dropdown with a color chip per entry</td></tr><tr><td><a href="/options/option-types/selection-types/image-dropdown.md">Image dropdown</a></td><td>Advanced</td><td>Yes</td><td>Yes</td><td>A dropdown with a picture per entry</td></tr><tr><td><a href="/options/option-types/selection-types/radio-button.md">Radio button</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A list where one can be chosen</td></tr><tr><td><a href="/options/option-types/selection-types/checkbox.md">Checkbox</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A list where several can be ticked</td></tr><tr><td><a href="/options/option-types/selection-types/button.md">Button</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A row of tappable buttons</td></tr><tr><td><a href="/options/option-types/selection-types/color-swatch.md">Color swatch</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A grid of color chips</td></tr><tr><td><a href="/options/option-types/selection-types/image-swatch.md">Image swatch</a></td><td>All plans</td><td>Yes</td><td>Yes</td><td>A grid of pictures</td></tr><tr><td><a href="/options/option-types/selection-types/font-picker.md">Font picker</a></td><td>Advanced</td><td>Yes</td><td>No</td><td>A list of fonts, drawn in those fonts</td></tr><tr><td><a href="/options/option-types/selection-types/product-links.md">Product links</a></td><td>Paid plans</td><td><strong>No</strong></td><td>No</td><td>Links to other products, in five display styles</td></tr></tbody></table>

### Static types

<table><thead><tr><th width="230">Type</th><th width="130">Plan</th><th>What it does</th></tr></thead><tbody><tr><td><a href="/options/option-types/static-types/section.md">Section</a></td><td>Advanced</td><td>Groups options under a heading, optionally collapsible</td></tr><tr><td><a href="/options/option-types/static-types/heading.md">Heading</a></td><td>All plans</td><td>A heading in one of six sizes</td></tr><tr><td><a href="/options/option-types/static-types/divider.md">Divider</a></td><td>All plans</td><td>A horizontal rule</td></tr><tr><td><a href="/options/option-types/static-types/spacing.md">Spacing</a></td><td>All plans</td><td>Vertical space, in pixels</td></tr><tr><td><a href="/options/option-types/static-types/paragraph.md">Paragraph</a></td><td>All plans</td><td>Formatted text, written in a rich-text editor</td></tr><tr><td><a href="/options/option-types/static-types/pop-up-modal.md">Pop-up modal</a></td><td>All plans</td><td>A link that opens content in a dialog</td></tr><tr><td><a href="/options/option-types/static-types/html.md">HTML</a></td><td>Advanced</td><td>Your own HTML</td></tr><tr><td><a href="/options/option-types/static-types/size-chart.md">Size chart</a></td><td>Advanced</td><td>A size table, from a preset or built by you</td></tr><tr><td><a href="/options/option-types/static-types/tabs.md">Tabs</a></td><td>Advanced</td><td>Several panels of content behind tabs</td></tr></tbody></table>

## What every type shares

Whatever the type, the settings panel is organized the same way:

<table><thead><tr><th width="240">Tab</th><th>Contains</th></tr></thead><tbody><tr><td><strong>Basic</strong></td><td>Label, Name, Required field, option values, limits, help text, and the add-on <strong>Price</strong> field.</td></tr><tr><td><strong>Advanced</strong></td><td>Layout, column width, prefixes, out-of-stock handling, slider settings, HTML class, and the <strong>Add-on quantity</strong> dropdown.</td></tr><tr><td><strong>Personalizer</strong></td><td>Available on the 12 types that support it — see the tables above.</td></tr><tr><td><strong>Translations</strong></td><td>Every translatable field in the option set, per storefront language. See <a href="/options/translations-and-languages/translate-option-content.md">Translate option content</a>.</td></tr></tbody></table>

Every setting that appears on multiple types is documented once in [Shared settings](/options/option-types/shared-settings.md). The individual type pages list the settings available for that type and explain only what is specific to it.

**Conditional logic** is available on all 32 types, including the static ones — so you can show a whole [Section](/options/option-types/static-types/section.md), a size chart, or a warning paragraph only under certain conditions. See [Conditional logic](/options/conditional-logic/conditional-logic.md).

## Two things to check before choosing

**POS.** [Dimension](/options/option-types/input-types/dimension.md) and [Product links](/options/option-types/selection-types/product-links.md) do not work in the Shopify POS app, and the app warns you when you add them. If you sell in person, avoid both. See [POS limitations](/options/point-of-sale/limitations.md).

**Add-on pricing.** Where the price lives depends on the shape of the type. Input types take one price for the whole option; selection types take a price per value. A few types cannot carry a price at all. See [Where you can set add-ons](/options/add-on-pricing/where-you-can-set-add-ons.md).