# How to use app block

[Step 1: Enable app embed](broken://pages/3O1cbNIi050sQH5CdvDv#step-1-enable-app-embed)

[Step 2: Add app block](#step-2-add-app-block)

## Step 1: Enable App Embed

Here are the ways you can embed the app into your theme:

* **Method 1:** From the dashboard, click the **'Activate' button**. 

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

  You will be redirected to the **Theme settings** where the app is automatically enabled. Then, simply click **'Save' button**.

  <figure><img src="/files/qZbvSHKpF9ounJH4XfCR" alt=""><figcaption></figcaption></figure>
* **Method 2:** From the onboarding, click the **'Enable' button**. Then, you will be also redirected to the **Theme settings** where the app is automatically enabled, just click **'Save' button**.

  <figure><img src="/files/EAClv4wR9LgDPCpl2f70" alt=""><figcaption></figcaption></figure>
* **Method 3:** From the **Checking Requirements** modal after successfully creating an offer, click the **'Enable app' button**. Then, follow the same steps as in **Method 2**.

  <figure><img src="/files/79raNNP0qJTsdsO4ePHU" alt=""><figcaption></figcaption></figure>
* **Method 4:** From Shopify Admin, click **Online Store**. The Themes page will appear, then click **'Customize' button**.

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

  Then, 'Theme settings' page will display. On the left side of the screen, select '**App embeds' icon** or press **Window + Ctrl + 3**.&#x20;

  Next, find the **AOV Bundle** app, switch on the toggle, and finally click the '**Save' button**.

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

## Step 2: Add App Block

Here are the ways you can add the app block to  your theme:

* **Method 1:** From the **Offer widget** section when creating an offer, click **'Add app block' button**.&#x20;

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

  You’ll be redirected to **Theme settings** where the app block is automatically added as a placeholder. However, it will only appear if [the **AOV Bundle** app embed is enabled](#step-1-enable-app-embed).\
  You can drag the app block to your desired position, then click **'Save'** to apply your changes.

  <figure><img src="/files/LQztRR1EYzVDOGQBBGqk" alt=""><figcaption></figcaption></figure>
* **Method 2:** From the **Checking Requirements** modal after successfully creating an offer and enabling the app embed, click the **'Check app block' button**. \
  Then, follow the same steps as in **Method 1**.

  <figure><img src="/files/ZVHGL665WZKz3yUZb5Dt" alt=""><figcaption></figcaption></figure>
* **Method 3:** From Shopify Admin, click **Online Store**. The Themes page will appear, then click **'Customize' button**.

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

  Then, the **Theme settings** page will display. At the top of the screen, change **'Home page'** to **'Product page'.**

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

  Once the **Product page** is displayed, on the left side of the screen, click **'Add block' button**, select the **App** tab, and choose the **'AOV Bundle' block**.

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

  After adding the app block, you can drag it to your desired position. You’ll see the widget preview displayed as **a placeholder** in the bottom right corner. \
  Finally, click **'Save'** to apply your changes.

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

  **Note:** To preview a specific campaign like the image above, change 'Default product' to the 'Trigger product' of an active offer.

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

After successfully completing these two steps, try viewing it on your store. If you encounter any issues or have questions, please contact support for free assistance.


---

# 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://help.aov.ai/aov-bundle-upsell/others/how-to-use-app-block.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.