# Product options

Produktoptionen sind eine mächtige Möglichkeit, mit welcher Sie Ihren Kunden Konfigurationsmöglichkeiten anbieten können. Produktoptionen können in mehreren Produkten verwendet werden und können direkt die [Moduleinstellungen](https://docs.hostware.io/hosting/manage-products#module) des Produktes überschreiben. Dadurch können Sie z.B. VPS-Konfiguratoren etc. festlegen.

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FUlX4qedaGety3va8CGOS%2Fimage.png?alt=media&#x26;token=692f7e9a-a1c8-4ca6-bee2-8f70abcc24fc" alt=""><figcaption></figcaption></figure>

## Gruppierung

Produktoptionen können der Übersicht halber gruppiert werden. Diese Gruppierung ist für den Endkunden nicht sichtbar.

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FeZMpPJ8ldLh4HDnYnhrX%2Fimage.png?alt=media&#x26;token=46853d28-5584-463a-8b9a-9de59d81e6ed" alt=""><figcaption></figcaption></figure>

## Create product option

You can create product options with minimal properties. After creation, you will be automatically redirected to the editing view, where you can fully configure the product option.

{% hint style="info" %}
As long as the product option has not been explicitly assigned to a product, it is not visible to the end customer.
{% endhint %}

## Edit product option

### General settings

Give the product option a name that will be displayed to the end customer during the ordering process. You can also customize the product option with various properties.

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FmQISaKA6yjlyWvwORUxw%2Fimage.png?alt=media&#x26;token=a78a8067-6f35-4225-bca4-2ff8bd5db24b" alt=""><figcaption></figcaption></figure>

### Different types

#### Text

The customer has a text input. Define the minimum and maximum length.

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FmPyxqIkXzKiY0mxUVACg%2Fimage.png?alt=media&#x26;token=f19c5989-17e3-4c78-bd18-a74190e12c57" alt=""><figcaption></figcaption></figure>

We can make this product option to be validated as a URL. If the given value is not a URl, awarning is shown to the customer:

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FqUSDPAoLuuWjITjdnXWt%2Fimage.png?alt=media&#x26;token=09285c5c-ed41-4466-b211-6523e3987135" alt=""><figcaption></figcaption></figure>

Similarly, we can make the field value to validate to a certain Regex pattern which you define:

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FlwJoBhukOLpZOHVZ4Io2%2Fimage.png?alt=media&#x26;token=3ab596f4-a0c1-47ec-b110-8c0969ae2c3f" alt=""><figcaption></figcaption></figure>

Product options of text type can also be defined to display as a textarea with a certain number of lines defined by you, as you can see below:<br>

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FKSfNOyrwJNp00QpdhIJO%2Fimage.png?alt=media&#x26;token=9d2fa145-79bd-4091-a655-65ba3c03209e" alt=""><figcaption></figcaption></figure>

#### Number, Slider

The customer has a number field. Define the minimum and maximum number as well as the increments. You can define a price and setup price per unit and the calculation and display with additional settings.

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FT6qbvpY3pOmHJxGhqAzT%2Fimage.png?alt=media&#x26;token=4c0bb873-bf32-441e-aeae-73bf8fda4605" alt=""><figcaption></figcaption></figure>

#### Checkbox, Radio, Dropdown

You can create multiple options and delete them again. Each option has a display name and API value. The latter is transferred to the module as a technical value. (e.g., display: 1 GB DDR5 RAM, API value: 1024)

<figure><img src="https://1141670261-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHupRK3qVDTomY8g3pcFA%2Fuploads%2FsrTysoNE8Xr8SV3JWAzk%2Fimage.png?alt=media&#x26;token=e83748f6-4b1b-46de-a0dd-d3a87c18bc43" alt=""><figcaption></figcaption></figure>

## Assign

You can assign the product options in the settings for the [respective product](https://docs.hostware.io/hosting/products/manage-products).
