# 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**](/option-types/all-option-types/single-line-text.md) – Short text input (e.g. Name, Engraving text)
* [**Multi-line text**](/option-types/all-option-types/multiple-line-text.md) – Longer messages or notes (e.g. Custom message, Special requests)
* [**Number**](/option-types/all-option-types/number.md) – Numeric input only (e.g. Age, Quantity, Measurements)
* [**Datetime** ](/option-types/all-option-types/datetime.md)– Date and time picker (e.g. Delivery date)
* [**Email** ](/option-types/all-option-types/email.md)– Email format validation (e.g. Contact email)
* [**Phone** ](/option-types/all-option-types/phone.md)– Phone number format (e.g. Contact number)
* [**Font** ](/option-types/all-option-types/font-selector.md)– Font selector for text-based customization
* [**Color picker**](/option-types/all-option-types/color-picker.md) - 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**](/option-types/all-option-types/color-swatch.md) | **Color swatch** |
| [**Image swatch**](/option-types/all-option-types/image-swatch.md) | **Image swatch** |
| [**Radio button**](/option-types/all-option-types/radio-button.md) | **Checkboxes** |
| [**Button**](/option-types/all-option-types/button.md) | **Button** |
| [**Drop-down menu**](/option-types/all-option-types/dropdown-menu.md) | **Drop-down menu** |
| [**Color Drop-down Menu**](/option-types/all-option-types/color-dropdown-menu.md) | **Color Drop-down Menu** |
| [**Image Drop-down Menu**](/option-types/all-option-types/image-dropdown-menu.md) | **Image Drop-down Menu** |
| | [**Combo box**](/option-types/all-option-types/combo-box.md) |
## 3. File Selection
Used when customers need to upload their own files.
* [**File upload**](/option-types/all-option-types/file-upload.md) – Upload images, PDFs, or documents (e.g. Logo upload)
## 4. Quantity & Measurement Selections
Used for size, amount, or dimensional input.
* [**Quantity** ](/option-types/all-option-types/quantity.md)– Adjustable quantity selector
* [**Range slider**](/option-types/all-option-types/range-slider.md) – Select a value within a defined range
* [**Dimension** ](/option-types/all-option-types/dimension.md)– Fomular input
## 5. Toggle & Logic Selections
Used for enabling, disabling, or storing background values.
* [**Switch** ](/option-types/all-option-types/switch.md)– On / Off toggle
* [**Hidden field**](/option-types/all-option-types/hidden-field.md) – 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**](/option-types/all-option-types/option-group.md) – Group related options
* [**Step by step**](/option-types/all-option-types/step-by-step.md) – Multi-step option flow
* [**Space** ](/option-types/all-option-types/space.md)– Add spacing between elements
* [**Paragraph** ](/option-types/all-option-types/paragraph.md)– Display text content
* [**HTML** ](/option-types/all-option-types/html.md)– Custom HTML content
* [**Heading** ](/option-types/all-option-types/heading.md)– Section title
* [**Divider** ](/option-types/all-option-types/divider.md)– Horizontal separator
* [**Pop-up**](/option-types/all-option-types/pop-up.md) – Display extra content in a modal
* [**Size chart**](/option-types/all-option-types/size-chart.md) – 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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://options-docs-v2.avisplus.io/option-types/option-types-overview.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.