# Option Sets

These are the product variant options that you want to provide your customers.

<mark style="color:blue;">**Step #1**</mark>

To start with, go to **Options** in the app and select the **Create Option** button.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FRPjPkjdRjvu7lKlBtITu%2Fimage.png?alt=media&#x26;token=eab9bb0d-9af5-428b-8a8e-1fe2ec190eb5" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #2**</mark>

Fill up the information fields to create the option.&#x20;

Here, in this field, you are allowed to add different types of inputs, and this app has differentiated the input options into **Option Set Name, Option Fields**, and **Applied for.**

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FBvgxt4l7IXJacBQ4rOCU%2Fimage.png?alt=media&#x26;token=a2910d68-c8aa-4912-908a-faca061fa029" alt=""><figcaption></figcaption></figure>

<mark style="color:green;">**Config. #1 - Option Set Name**</mark>

This is the name of your created option.

<mark style="color:green;">**Config. #2 - Option field**</mark>

From here, you can make various variant options to add to the product pages.  Once you have selected the **Add field** button, a pop-up will be displayed from which you can choose the required fields for making product variant options..

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FiYZJS5gSRUjvDhFuYOph%2Fimage.png?alt=media&#x26;token=0be2f407-e134-48b5-b158-0fd0ec1d8709" alt=""><figcaption></figcaption></figure>

**\[A] Single Input Fields**

1. **Textbox Option**

Suppose you want to allow your customers to customize their products by adding text to their ordered products, for which you need to add a text box where your customers can add the text they want tp print on the product.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FKyt41AHH5OjDFbA9v2c8%2Fimage.png?alt=media&#x26;token=a469116a-5947-4811-aca0-c81c475d1356" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

2. **Textarea**

When you want to allow your customers to enter a customized message for the admin, add some other details about the order.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Fyr1orZ5rsOX7wbjWC6Mz%2Fimage.png?alt=media&#x26;token=56ccc24c-7d76-478f-99a2-f0bc7254cda0" alt=""><figcaption></figcaption></figure>

3. **Number**

If you want to allow your customers to engrave any numbers on their selected products, then this field will be very helpful.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F3ukxkES1yYo2sa6rDgoE%2Fimage.png?alt=media&#x26;token=83e644a8-52f9-4275-8b06-bb1e9e9c5d4e" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

4. **Phone Number**

If you want your customers to add any additional phone number other than the customer's registration number.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FTS91ttCTJKqXRF6fMCCX%2Fimage.png?alt=media&#x26;token=6aa46bd3-9391-44ac-8678-c67047a7e360" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

5. **Email**

When you want to allow, your customers to add additional email addresses other than the one that was added while login or registration.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FPzdeAl6ZbkdP3zfZLaS7%2Fimage.png?alt=media&#x26;token=f4dbbb46-f773-40bb-b3f5-127b38998f78" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

6. **File**

Suppose you want to allow your customers to upload a file for multiple purposes like design reference, color reference, etc. In such cases, you can add this field to your product pages.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FY7AZtClJ2DfFiCAEgGWJ%2Fimage.png?alt=media&#x26;token=4b34a49c-c77a-46b5-8705-caf417ed419c" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

7. **Date And Time**

If you want to allow your customers to give a date and time, this field is highly beneficial.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FaPXv1BRg0nEm0PoE96K9%2Fimage.png?alt=media&#x26;token=a55c9b19-5b4b-4009-aec3-30b66d1f07eb" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

8. **Date**

This field allows your customers to specify the exact delivery date.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FTatqq6nfm7gMnW3kyiTG%2Fimage.png?alt=media&#x26;token=58475f83-5b3f-468c-b6c2-37b0a218d25c" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

9. **Time**

This field will allow customers to give a specified time.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2Fhi8eCdY6wf8dOTwcGYMM%2Fimage.png?alt=media&#x26;token=bfedb2ba-14e1-49f6-a48f-9afef4ae7642" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

10. **Color Picker**

This field will allow your customers to select a particular color of which they want to have their desired product.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FD99h1Fg2V2qYBQiiAC7u%2Fimage.png?alt=media&#x26;token=bb229aca-57e7-44b3-9d4c-0f706dedbd5a" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.

**\[B] Choice List**

1. **Color Swatches**

If you offer your products in specific colors only, then this field is very handy for your customers to know the products' availability in those colors.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FKdRGKDWVLgG9WEy61HgN%2Fimage.png?alt=media&#x26;token=bff1fa96-c852-4e00-961d-40246b699ddb" alt=""><figcaption></figcaption></figure>

* **Required Field -** Select your desired option, whether you want to mandate this field or not.
* **Add-on Price -** You can add different prices for each color swatch.

2. **Checkbox Option**

Suppose you want to know the age range of your customers for specific products for your further marketing strategies. This **checkbox** option can help you with that.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FU7hPMbEF0LrNL3loay8i%2Fimage.png?alt=media&#x26;token=5738572d-ea43-4d07-b0e3-157f2aec6424" alt=""><figcaption></figcaption></figure>

* **Field Label -** Set the name of the option field.
* **Option Values -** Enter the option values (age range) in the fields. (You can add as many fields as you want.)
* **Add-on Price -** You can add different prices for option.

3. **Radio Button**

These radio buttons are interface elements that allow users to select only one of the options and automatically uncheck the previously selected option. This button is highly useful in cases when you want to know your customers' gender.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FeloHxYj3eRhgwXayC6Q2%2Fimage.png?alt=media&#x26;token=89be481d-9779-4efc-93e2-0eec7ccc14fd" alt=""><figcaption></figcaption></figure>

* **Field Label -** Set the name of the field.
* **Option Values -** Create the option values you want to make available for your customers.
* **Add-on Price -** You can add different prices for option.

4. **Dropdown Option**

Dropdown options are used in a majority of use cases.&#x20;

This option eliminates the need to enter any information in a detailed manner by providing them with the most common answers in the dropdown options.&#x20;

Suppose, in this case, you want to provide your customers with the gift-wrapping option.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F0IlSAHWpwV3VvU5bd1Y5%2Fimage.png?alt=media&#x26;token=3a675494-cf9f-4d02-8a8b-9a8fe7570749" alt=""><figcaption></figcaption></figure>

* **Field Label -** Set the name of the field.
* **Option Values -** Create the option values you want to make available for your customers.
* **Add-on Price -** You can add different prices for each option.

**\[C] Static Text**

1. **Note Field**

If you want to deliver crucial information about the product to your customers by displaying a piece of text on its page, this note field is the best feature.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FxMRvvLtcAMghYK9oi2aC%2Fimage.png?alt=media&#x26;token=99c9a240-c122-4209-b4df-ce60f0de2274" alt=""><figcaption></figcaption></figure>

* **Field Label -** Set the name of the field.
* **Write here static text -** Enter the static note in the given field that you want to display on your product page for your products.

2. **HTML**

If you want to cover any detailed information about the product or any further information about your store or regarding this product, but incorporating the data in the static paragraph can make it longer, inserting this HTML section can help you save much space on your page.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FrOh70NCH2HQs4zmFdLHS%2Fimage.png?alt=media&#x26;token=d04280f7-59d2-4473-af3a-2c78cad4c17f" alt=""><figcaption></figcaption></figure>

* **Field Label -** Set the name of the field.
* **Write here HTML -** Enter the HTML code in the given field that you want your customers to be redirected to when selecting.

3. **Size Chart**

If you want to display a size chart for your customers to help get insights about the product, this is the field where you can add an image of the size chart.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F0jTEi1E2PHAZL4E2xYz5%2Fimage.png?alt=media&#x26;token=b26451ef-5c43-4084-832c-17d0d2cc36d2" alt=""><figcaption></figcaption></figure>

Here is the option list, after applying all the options.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FK0bAvAamhUy6ncz0OpQX%2Fimage.png?alt=media&#x26;token=13533815-3011-4d65-88ba-dd19a829178a" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Step #3 - Applied For**</mark>

This is the field from where you need to select on which you want to apply these options:<br>

* All products
* Specific products
* Specific collections

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FsUiIH3UswpNelGwSvQYj%2Fimage.png?alt=media&#x26;token=b46b48e1-4e8d-428f-9586-fb30a935faed" alt=""><figcaption></figcaption></figure>

After applying the created product option to the required products, the product page would look something like the following screenshot.

<figure><img src="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FiTqeYIt5asjN55BiOBDp%2Fpage%20look%20(1).png?alt=media&#x26;token=6629230e-50a4-480c-9c55-128736bfcac1" alt=""><figcaption></figcaption></figure>
