# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://options-docs-v2.avisplus.io/get-started/quick-start.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.