# Quick Start

## **Step 1 — Activate the app in your Shopify theme**

Before any options can appear on your storefront, you must **activate the Avis app embed in your theme**. This links the app’s option display code with your live store theme; without it, nothing will show on product pages.

### **How to activate:**

1. In Shopify Admin go to **Online Store → Themes**
2. Find the theme you use for your store and click **Edit theme**

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FYao7jAar6BpKcIY38Zjp%2Fimage.png?alt=media&#x26;token=fea9ffd5-1d56-459a-a4af-af363e2bdc75" alt=""><figcaption></figcaption></figure>

3. In the theme editor, open **App embeds**
4. Enable **Add AvisPlus Options**
5. Click **Save**

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F9iPAY3ObksImk6IbhsTt%2Fimage.png?alt=media&#x26;token=5f395b1c-b859-42f7-87a5-f85177a9ebc7" alt=""><figcaption></figcaption></figure>

Once this is done, the app will be ready to display product options on your storefront pages.

**Tip:** You only need to activate the app once per theme. After activation, you can skip this step next time.

{% hint style="info" %}
More about [Activate app](https://options-docs-v2.avisplus.io/get-started/step-3-activate-the-app)
{% endhint %}

***

## **Step 2 — Create an Option Set and apply it to products**

Now that the app is activated in your theme, you can start building options for your products. An **Option Set** is a group of option fields (like colors, sizes, text inputs) that you assign to products.

### **How to create an Option Set:**

1. In the app go to the **Avis Option** tab
2. Click **Create Option Set**

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FJmxYaiwvk2nHfONvW27k%2Fimage.png?alt=media&#x26;token=26245224-4d29-4684-a355-45c37936d17c" alt=""><figcaption></figcaption></figure>

3. Enter a name for your Option Set

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FHdFsSjze9mCTStX6hnN3%2Fimage.png?alt=media&#x26;token=90957c84-7101-42b0-b710-3ccf107281f6" alt=""><figcaption></figcaption></figure>

4. Click **Add Option** and choose the option types you need

* Select from swatches, dropdowns, text, date/time, file uploads, etc.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FDCaxui5OpNYVwKaDrjL3%2Fimage.png?alt=media&#x26;token=095c791b-14a6-41af-920a-77ad70b6631d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F2SuzwiplvRsZUKZKkTnt%2Fimage.png?alt=media&#x26;token=e9a64c38-8653-4f8c-a180-3ed99205a700" alt=""><figcaption></figcaption></figure>

5. Fill in the option details and settings

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F8eTlWuQu22wNMdVwF2Lo%2Fimage.png?alt=media&#x26;token=4acf8542-0372-4c4b-a7c2-e52d7baea2da" alt=""><figcaption></figcaption></figure>

6. After creating options, choose which products the Option Set should apply to

* You can show the set on **all products**, specific products (manual), or products matching conditions (automated).

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F7a5gFpwrgaBRwDe40Jij%2Fimage.png?alt=media&#x26;token=16690135-9ec2-4e33-a8b9-d09f222b21fe" alt=""><figcaption></figcaption></figure>

7. Click **Save**

If you have already activated the app in your theme, you should now see your options on the product page.

{% hint style="info" %}
More about [Create Avis option set](https://options-docs-v2.avisplus.io/building-options/step-2-create-option-sets)
{% endhint %}
