# Option Set

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

## 1. Create Option Set

**1.1.** In the **Option Set** tab, click on **Create Option Set**

<figure><img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FAhqn5a4ak8iAZi1j2Hy4%2Fimage_2023-10-26_211259158.png?alt=media&#x26;token=50392c0c-c5c3-4768-8546-e1200f3ca59d" alt=""><figcaption><p><em><strong>OPTION SET TAB</strong></em></p></figcaption></figure>

**1.2.** After clicking on **Create Option Set**, a new Option set will show up. You can edit the Option Set's name here and click on the arrow on the left to start adding options. &#x20;

<figure><img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2Fa9zuQaz7CWLumhsYBnim%2Fimage_2023-10-26_212411291.png?alt=media&#x26;token=d999db36-4f64-4be8-9ff4-d79f4cb9dc15" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FTnfku0vMd2kcjhQDZuG6%2Fimage_2023-10-26_212813612.png?alt=media&#x26;token=9017ba86-b03f-484a-976d-b0dab6e1d5ae" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Click on **Select From Option Template** to use the options in [**Option Template**](https://options-docs.avisplus.io/get-started/step-2-create-option-sets/readme) that you created.

<img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FskoGR2iXzQLC4BCZ0BRe%2Fimage_2023-10-26_213113045.png?alt=media&#x26;token=13770d4e-4149-4c8e-9ea2-b7996adacf29" alt="" data-size="original">
{% endhint %}

**1.3.** After hitting Add Option, a Pop-up will show up. You will need to fill in all the information of the Option in the Pop-up and hit **Save** button to finish creating an option.

<figure><img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FDBs4QL19K8qO2sSwDb7H%2Fsave%20option%20v1.png?alt=media&#x26;token=f4b3ac09-5834-4928-9e26-e2d60e075922" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
These are the terms you will see and what they means:&#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://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FTYlDGYfLUrSOt3BjVN1n%2Fimage_2023-11-06_142800808.png?alt=media&#x26;token=007bd802-fd3e-4312-ae6b-8cd4bb28ef1c" 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://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FY94kjWax75EF1OR8rbdQ%2Fimage_2023-11-06_143844081.png?alt=media&#x26;token=6418eacb-1c01-4b97-aced-8f0eba7c7d7a" alt="Label on cart" data-size="original">

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

The **Option Type** includes 10 types that you can choose according to your needs: Radio Buttons, Checkboxes, Drop-Down Menu, Swatch, Text, Large text, Number, DateTime, Color Picker, and File Upload.

<img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FNMfn17pLlNh4pE4i8s1L%2Fimage_2023-10-26_214349450.png?alt=media&#x26;token=0beb450f-37d2-4d9b-9723-a0a002d15808" alt="" data-size="original">
{% endhint %}

{% hint style="info" %}
You can save the option you just created to the [Option Template](https://options-docs.avisplus.io/get-started/step-2-create-option-sets/readme) and use it for other Option Sets in the future.

<img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FkbGOdRULgXNQgOrM7iic%2Fimage_2023-10-26_215302453.png?alt=media&#x26;token=dc37c586-3c04-4880-b63e-0c1b3265137f" alt="" data-size="original">
{% endhint %}

**1.4.** Find the products you want to apply the Option Set to using Tag/ Vendor/ Product Type/ URL/ URL Handle/ All Products.

![Find tag, vendor, product type, URL, URL handle in Products menu of store admin](https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FbYe4FW9gRyBmrkGHqX8P%2Fimage_2023-10-26_215403744.png?alt=media\&token=fd06d249-dafa-4ac7-b716-2fedb09e333b)

{% hint style="info" %}
You can find the Tag/ Vendor/ Type in the Product section of your Shopify Admin page.<img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FeNFiRGo5MSRNUn5HR1ch%2Fimage_2023-10-26_215531907.png?alt=media&#x26;token=4b57d6eb-d4f5-40c0-a06e-41e236446204" alt="" data-size="original">
{% endhint %}

{% hint style="info" %}
Add other products using **AND/OR** (Optional)

You can also add other products in this option set using the **AND/OR** buttons.

![](https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2F6xs4eQAxk4DVum7fybnc%2Fimage.png?alt=media\&token=af99a94f-ed1f-4a04-b8c2-4e75e6310e91)

For '**AND**', products must satisfy **all** Tag/Vendor/... to have the Option Set applied.

For '**OR**', products that have **either** condition will have the Option Set applied.
{% endhint %}

{% 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.\
Click on Status button to turn the option on/off. There are 4 Actions you can do with the Option, that are View - Edit - Duplicate - Delete.

<img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FNbExLMqf4mnG2c7m1dgJ%2Fimage_2023-10-26_221256421.png?alt=media&#x26;token=7dbe8b82-0f4a-40aa-b909-ffada2dbff87" alt="" data-size="original">

The required option will show on the product page with a red asterisk.

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

**1.5.** Click on **Save changes**.

<figure><img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FZ50IOLqbh3LnosBWhTU3%2Fimage_2023-10-26_221623759.png?alt=media&#x26;token=8cd45f36-c08a-4a7d-93c4-bcee2a4eba02" alt=""><figcaption></figcaption></figure>

## 2. Edit Option Set

2.1. Click on the **Edit** button on the **Actions** tab of the option

<figure><img src="https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FiNFQXwEUxM1tBoOrkVOy%2Fimage.png?alt=media&#x26;token=1a962600-501c-424c-8f68-0577f5fb4b34" alt=""><figcaption></figcaption></figure>

2.2. Update the Option information by changing the labels or the Option type![](https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2F4Gv7DUQ0wxSRRFgga7C7%2Fimage.png?alt=media\&token=d10971cd-4903-43b4-8783-4f3eb8f824a7)

{% hint style="info" %}
**Advanced Options** \
Click on Show Advanced Options in the Option Edit tab.\
These Options are advanced feature helping your store come closer to the customer by customizing details of the Option.

![](https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2F2QLMoERnesCKnADz9ViH%2Fimage.png?alt=media\&token=6a851d89-c382-4980-b76d-8b8742f7af65)

Each Option Type will has its own sets of Advanced option and the Note is in the Tooltip beside the Advanced Option title. \
There is only one thing you want to notice, it is that inside Text, Large Text, Number and Dropdown Option types, you will see the Placeholder text. This Text line is used to fill in the Blank of the Option box before the Customer type in anything.

![](https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2Fn967RWxEyWJsdgHwLOmy%2Fimage.png?alt=media\&token=df45cb5b-f438-44a2-889d-867bf7421bb9)

The Placeholder Text will show as faded words inside the box in the store front product page.

![](https://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2F1vcBKghoBmiKsvDpCS1i%2Fimage.png?alt=media\&token=63b2baa0-99f3-4660-b390-d041d4c13028)
{% endhint %}

\--> If you have activated the app in the theme, you can see them 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:
