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

# 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** [<mark style="color:$primary;">**here**</mark>](https://avis-demo.avisplus.io/collections/option-types)<mark style="color:$primary;">**.**</mark>
{% endhint %}

***

<figure><img src="/files/ryE3H39jzZcXlsWdDFBb" alt=""><figcaption></figcaption></figure>

{% 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.
