# Create Avis Option Set

{% hint style="info" %}
Option Set = a set of options that you can use for specific products.
{% endhint %}

## Step 1: Start creating

In the **Avis Option** tab -> click the **Create Option Set** button

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FJ6GbRrZFERO1xJSShYKt%2Fimage.png?alt=media&#x26;token=a4870ebb-cecf-4f92-8394-dbd90589bd04" alt=""><figcaption></figcaption></figure>

## **Step 2: Edit option set**

After clicking the **Create Option Set** button, a new Option Set will show up. You can edit the Option Set's name here.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FGGnqeVB7NdkJnrUJhHfF%2Fimage.png?alt=media&#x26;token=be223438-470b-4456-8718-ec736f3948ba" alt=""><figcaption></figcaption></figure>

Click the **Add Option** button to create a new option in your Option Set.&#x20;

After clicking on the "Add Option" button, there is a list of Option Type for you to pick.

{% hint style="info" %}

* **Option Type:**&#x20;

The **Option Type** includes 32 types that you can choose according to your needs:&#x20;

&#x20; \- Single input: Single line text, Multi-line text, Number, DateTime, Color Picker, File Upload, Switch

&#x20; \- Single selection: Color Swatch, image Swatch, Radio Buttons, Drop-Down Menu.

&#x20; \- Multiple selections: Checkboxes, Color Swatch, Image Swatch.&#x20;

&#x20; \- Static Data: Paragraph, Heading, Divider, Pop-up, Size Chart.
{% endhint %}

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FHm7OoHu7BMtnvFSSDtKb%2Fimage.png?alt=media&#x26;token=3d1fec29-48b4-423c-be90-8cb9577d83df" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2Fv7BYSuh0x4HcVNExqnnX%2Fimage.png?alt=media&#x26;token=89b547b8-f8e5-4f33-a357-cfea9a1c7bea" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2Fme13SEujG0cBCuTWWPC3%2Fimage.png?alt=media&#x26;token=c8efc380-db04-45c1-bdc6-6b0a7321eecd" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Click the **Select From** [**Option Template**](https://options-docs-v2.avisplus.io/building-options/step-2-create-option-sets/readme) button to use the Option Template that you have created (if any).

<img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F4ytncFk3v5XH3Nwu2y2i%2FScreenshot_4.png?alt=media&#x26;token=b716e8b1-ba23-475a-9914-7fc6f7cb222f" alt="" data-size="original">
{% endhint %}

## Step 3: Fill in the details

Fill in all the option details needed here then click the Save button to finish the Option setup.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FjzP7PHa3xakfkwF86zuU%2Fimage.png?alt=media&#x26;token=89fc33dc-a98a-4b18-b0f2-3908d183951d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
These are the terms you will see and what they mean:&#x20;

* **Option name**

The **Option name** is the name of the option showing in our app and it will not display on the storefront product page. This data only shows while setting up options and can help you keep them organized.&#x20;

* **Label on Product:**&#x20;

The **Label on Product** is the title for your option. It is the text appearing above the option field on the storefront product page.&#x20;

<img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FTVTuqJkAlwmDGJhkLjy3%2Fimage_2023-11-06_154920889.png?alt=media&#x26;token=8f1d9386-a956-4856-a752-9cda6f19f322" alt="" data-size="original">

* **Label on Cart:**&#x20;

The **Label on Cart** is the text appearing on the Cart summary screen, Checkout, and Order detail page, next to what customers have inputted or selected for the option. This value needs to be unique for each and every one of your options.

<img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FfADjXGCYF2XpAuIbaIxW%2Fimage_2023-11-06_154930968.png?alt=media&#x26;token=b128d36f-82c6-45bc-a6d6-ee785d15c96c" alt="Label on cart" data-size="original">
{% endhint %}

{% hint style="info" %}
You can save the option you just created to the **Option Template** list and use it for multiple Option Sets simultaneously.

<img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FmGvZWgfKQ9kynNQ30lg6%2F5.png?alt=media&#x26;token=e0620770-f2ac-49dc-8e46-fcaac45bdd43" alt="" data-size="original">
{% endhint %}

## Step 4: Apply option set

Apply the Option Set to all products or a group of products by choosing one of these 3 conditions: **All product/ Manual/ Automated.**

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FQRoJRdGt1hioIDIm6bZQ%2Fimage.png?alt=media&#x26;token=970e01fb-9535-4df7-aa35-939a29a5fd3b" alt=""><figcaption></figcaption></figure>

* If you choose **All product** then this Option Set will show on all active products in your store.&#x20;

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FZgQpvLteHFKKlMeCJQI6%2Fimage.png?alt=media&#x26;token=f9b86815-5188-459b-b73d-c0c81125cb2c" alt=""><figcaption></figcaption></figure>

* If you choose **Manual** then this Option Set will only show on certain chosen products.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2Fr5BqFq6oogbvXU9yg5gE%2Fimage.png?alt=media&#x26;token=3316242f-475a-47ad-bfbf-00e3673602bc" alt=""><figcaption></figcaption></figure>

* If you choose **Automated** then this Option Set will show on all products that satisfy the setup conditions.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FL1usUwunyrazxlOiMfMR%2Fimage.png?alt=media&#x26;token=95ea67a8-653a-4c94-8ee6-c8b5c630b210" alt=""><figcaption></figcaption></figure>

You can choose **Product title/ type/ vendor/ tag/ price/ Collection** to set up conditions to show this Option Set.&#x20;

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FWEb3D0JfekO9hDuiBcnS%2Fimage.png?alt=media&#x26;token=d1520857-8eba-4e16-8ec3-909a18376b3d" alt=""><figcaption></figcaption></figure>

You can find the **Product title/ type/ vendor/ tag/ Collection** in the Product section of your Shopify Admin page.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2Fw3j0buJOrH8853625TAZ%2Ftype%20vendor%20collection%20tag.png?alt=media&#x26;token=5c8d76c3-e63a-44d2-a4e6-bffefbbf2dd9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Tick the checkbox in the **Required** column to make options compulsory. Customers cannot skip required options to proceed with adding products to Cart.

<img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F6a9FTP65MXNQzz1YfZ8x%2F6.png?alt=media&#x26;token=c90c60ee-3b2d-4411-9112-b44fe699aa3f" alt="" data-size="original">

The required option will show on the product page with a red asterisk <mark style="color:red;">\*</mark>.

<img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FeKnkdQQzDucu4isDIxCy%2FScreenshot_330.png?alt=media&#x26;token=047a63ff-8fbf-4d97-8eb0-dc48441e7e71" alt="" data-size="original">
{% endhint %}

{% hint style="info" %}
You can also configure option sets to display based on **Customer Group** and **Country**. Learn more [here](https://options-docs-v2.avisplus.io/building-options/step-2-create-option-sets/display-option-based-on-customer-group-and-country).
{% endhint %}

## Step 5: Save option set

Click the **Save** button on the top right corner to finish the Option Set setup.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FGKnxevP7SADCIkaUcEi7%2Fimage.png?alt=media&#x26;token=77ccf03b-c3fe-429b-94e9-78dc4afad122" alt=""><figcaption></figcaption></figure>

## Step 6: View on product page

Click **Apply** to open your product page to preview the result

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F9N3udzh4pDA0CbaCgkJg%2Fimage.png?alt=media&#x26;token=5ee49890-f5df-41b3-bd34-902921d73ba1" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FZe17nu6FuAPKk7bEVBDB%2Fimage.png?alt=media&#x26;token=71aa5d38-bbff-44a2-8c84-27208f1ae79e" alt=""><figcaption></figcaption></figure>

\--> If you have activated the app in the theme, you can see the options on the storefront now! If not? Take 1 minute to [**activate the app**](https://options-docs.avisplus.io/get-started/step-3-activate-the-app).

**Now you can check your great work on the storefront!**

*Need help? Let us know via in-app live chat or email: **<help@avisplus.io>*** :star\_struck:
