# Option Types Overview
This guide provides an overview of all available **option types** in Avis Product Options, grouped by purpose and behavior. These option types help you collect input, display information, and create flexible product customizations.
{% hint style="warning" %}
**For a visual reference, you can explore the option type library** [**here**](https://avis-demo.avisplus.io/collections/option-types)**.**
{% endhint %}
***
{% hint style="info" %}
The **“Free +1”** tag next to an option type means that we offer a **one-time free trial** of option types from our paid plans, so you can try them out and see how they work before deciding to upgrade.
{% endhint %}
## 1. Text & Basic Input Options
Used to collect written or structured input from customers.
* [**Single-line text**](https://options-docs-v2.avisplus.io/option-types/all-option-types/single-line-text) – Short text input (e.g. Name, Engraving text)
* [**Multi-line text**](https://options-docs-v2.avisplus.io/option-types/all-option-types/multiple-line-text) – Longer messages or notes (e.g. Custom message, Special requests)
* [**Number**](https://options-docs-v2.avisplus.io/option-types/all-option-types/number) – Numeric input only (e.g. Age, Quantity, Measurements)
* [**Datetime** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/datetime)– Date and time picker (e.g. Delivery date)
* [**Email** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/email)– Email format validation (e.g. Contact email)
* [**Phone** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/phone)– Phone number format (e.g. Contact number)
* [**Font** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/font-selector)– Font selector for text-based customization
* [**Color picker**](https://options-docs-v2.avisplus.io/option-types/all-option-types/color-picker) - Color selector for customization
## 2. Selection Options
Used when customers need to choose values, upload files, or input selectable quantities and toggles.
#### A. Visual & Choice Selections
Used to choose from predefined values such as images, colors, or labeled options.
| Single selection (select only one) | Multiple selection (select multiple) |
| ----------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
| [**Color swatch**](https://options-docs-v2.avisplus.io/option-types/all-option-types/color-swatch) | **Color swatch** |
| [**Image swatch**](https://options-docs-v2.avisplus.io/option-types/all-option-types/image-swatch) | **Image swatch** |
| [**Radio button**](https://options-docs-v2.avisplus.io/option-types/all-option-types/radio-button) | **Checkboxes** |
| [**Button**](https://options-docs-v2.avisplus.io/option-types/all-option-types/button) | **Button** |
| [**Drop-down menu**](https://options-docs-v2.avisplus.io/option-types/all-option-types/dropdown-menu) | **Drop-down menu** |
| [**Color Drop-down Menu**](https://options-docs-v2.avisplus.io/option-types/all-option-types/color-dropdown-menu) | **Color Drop-down Menu** |
| [**Image Drop-down Menu**](https://options-docs-v2.avisplus.io/option-types/all-option-types/image-dropdown-menu) | **Image Drop-down Menu** |
| | [**Combo box**](https://options-docs-v2.avisplus.io/option-types/all-option-types/combo-box) |
## 3. File Selection
Used when customers need to upload their own files.
* [**File upload**](https://options-docs-v2.avisplus.io/option-types/all-option-types/file-upload) – Upload images, PDFs, or documents (e.g. Logo upload)
## 4. Quantity & Measurement Selections
Used for size, amount, or dimensional input.
* [**Quantity** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/quantity)– Adjustable quantity selector
* [**Range slider**](https://options-docs-v2.avisplus.io/option-types/all-option-types/range-slider) – Select a value within a defined range
* [**Dimension** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/dimension)– Fomular input
## 5. Toggle & Logic Selections
Used for enabling, disabling, or storing background values.
* [**Switch** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/switch)– On / Off toggle
* [**Hidden field**](https://options-docs-v2.avisplus.io/option-types/all-option-types/hidden-field) – include data that isn’t visible to customers
## 6. Static & Layout Elements
Used to structure content and improve UI clarity.
Used to structure content and improve UI clarity.
* [**Option Group**](https://options-docs-v2.avisplus.io/option-types/all-option-types/option-group) – Group related options
* [**Step by step**](https://options-docs-v2.avisplus.io/option-types/all-option-types/step-by-step) – Multi-step option flow
* [**Space** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/space)– Add spacing between elements
* [**Paragraph** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/paragraph)– Display text content
* [**HTML** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/html)– Custom HTML content
* [**Heading** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/heading)– Section title
* [**Divider** ](https://options-docs-v2.avisplus.io/option-types/all-option-types/divider)– Horizontal separator
* [**Pop-up**](https://options-docs-v2.avisplus.io/option-types/all-option-types/pop-up) – Display extra content in a modal
* [**Size chart**](https://options-docs-v2.avisplus.io/option-types/all-option-types/size-chart) – Show size chart reference
***
## Notes
* Single vs multiple selection controls whether customers can select one or many values.
* Static elements do not collect customer input.
* Some features (e.g. inventory tracking, price add-ons, validation rules) apply only to specific option types.
If you need help choosing the right option type for your product, feel free to contact our support team.
