# Enable Embed App

To ensure the app functions properly and is compatible with your store, you need to enable the embed app and add the app block to the product page where you want the discount to be displayed

### 1. Enable embed app

* Go to **Dashboard** app -> click the **Enable** button to be redirected to your theme customization.

<figure><img src="/files/FDjC4bcNlUohprDsxdEY" alt=""><figcaption><p>Dashboard - Embed app</p></figcaption></figure>

* Turn on **Omega Quantity** app -> click **Save** button to finish this setting

<figure><img src="/files/o6HcF2HNIfHAG1PeLUQX" alt=""><figcaption></figcaption></figure>

### 2.  Add App Block on Product page

* Select product page template

<figure><img src="/files/9KyTwlHaa62mr7JPiXyT" alt=""><figcaption></figcaption></figure>

* Click **Add block** in template -> choose **Omega Quantity Block** app

<figure><img src="/files/SNi29LIptMftBjspSIQ9" alt=""><figcaption></figcaption></figure>

* Move the app to the desired position -> click **Save** to finalize these settings.

<figure><img src="/files/0em7djBZneRMCK6yOUg3" alt=""><figcaption></figcaption></figure>

### 3. Add App Block on Cart page

* Select cart page template

<figure><img src="/files/LUbUNLhXogX13yBtezFZ" alt=""><figcaption></figcaption></figure>

* Click **Add block** in template -> choose **Omega Quantity - Cartpage** app

<figure><img src="/files/xrGNGdvYjeFNXnA06QqX" alt=""><figcaption></figcaption></figure>

* Move the app to the desired position -> click **Save** to finalize these settings.

<figure><img src="/files/LSg6dk7ts0mIyRuvIT4g" alt=""><figcaption></figcaption></figure>

### 4. Add App Block on Home page

* Select product page template and choose featured product session

<figure><img src="/files/c7EXiG1tNwJf12kspPxt" alt=""><figcaption></figcaption></figure>

* Click **Add block** in template -> choose **Omega Quantity - Homepage** app

<figure><img src="/files/yYBO6KenSKSukz5Pjihd" alt=""><figcaption></figcaption></figure>

* Move the app to the desired position -> click **Save** to finalize these settings.

<figure><img src="/files/CaNC5ow5N2MJYxAADMzP" alt=""><figcaption></figcaption></figure>

### 5. Add code in Collection Page

* Go to theme -> "Edit code"

<figure><img src="/files/2U1SDot6FeHp4uXqSfZX" alt=""><figcaption></figcaption></figure>

* Add code to the collection.liquid or card-product.liquid file, at position you want.

```
// Some code
{% assign result_collection = "" %}
    {% for collection in card_product.collections %}
        {% if forloop.first == false %}
        {% assign result_collection = result_collection | append: "," %}
        {% endif %}
        {% assign result_collection = result_collection | append: collection.id %}
    {% endfor %}
<div class="omg-discount-notification" data-product-id="{{ card_product.id }}" data-collections="{{ result_collection }}" ></div>
<script>
    if (typeof window.omgProductList === "undefined") {
    window.omgProductList = [];
    }

(function(){
    const product = {
        id: {{ card_product.id | json }},
        title: {{ card_product.title | json }},
        handle: {{ card_product.handle | json }},
        variants: [
        {% for variant in card_product.variants %}
            {
            id: {{ variant.id | json }},
            title: {{ variant.title | json }},
            price: {{ variant.price | json }},
            available: {{ variant.available | json }}
            }
            {% unless forloop.last %},{% endunless %}
        {% endfor %}
        ]
    };

    const productExists = window.omgProductList.some(p => p.id === product.id);

    if (!productExists) {
    window.omgProductList.push(product);
    }
})();
</script>
```

<figure><img src="/files/sAyAHCaHpsvx19WwQkCe" alt=""><figcaption></figcaption></figure>

### 6.  Add App Block to Checkout page

* Navigate to the "**Upsell Cross-sell**" menu -> click "**Go to theme**" button in the setup instructions section

<figure><img src="/files/SESCgkB6U9NlUglFO5uc" alt=""><figcaption></figcaption></figure>

* After click the button, the system will redirect to the "**Theme Editor**".&#x20;
* In the Theme Editor, select the position where you want to display the block and add the "**Pareto - Cross sell**" block to your theme

<figure><img src="/files/I3D6FYZSww7wFnTPj1no" alt=""><figcaption></figcaption></figure>

* Click the "**Save**" button to finalize the settings

Your Upsell Campaigns will now appear directly on the Checkout page. To display **Upsell Campaigns** on the **Order Status Page** and **Thank You Page**, follow the same steps


---

# 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://docs.paretodeals.com/app-configuration/enable-embed-app.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.