> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.zoorix.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to place App Blocks using the Shopify Editor?

**Hello! ** 😁

To place App Blocks using the Shopify Editor do the following steps:

||| **You may also check out this video for a more detailed tutorial.** --> [How to place App Blocks using the Shopify Editor?](https://www.loom.com/share/d66493464ffe45d5938e5d256aa7ebf8?sid=acf8c66a-9205-4425-80e3-92e1a8e62dbd)

1. In Shopify dashboard, Navigate to customize theme:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/6_pyc2ty.jpg)

2. Click on the template dropdown ➡️ product ➡️ default product:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/7_yla99s.jpg)
![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/8_1aw6bt1.jpg)
3. On the left, click (+) Add block ➡️ choose Zoorix's block "Offers (product middle)":

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/11_1lhf3fk.jpg)

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/12_1v8lbfx.jpg)

5. Next, on the bottom under the **related apps ** section, click on the plus sign, the **Add Block** then next would be the **Offers (product bottom)** ➡️

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/13_pmqujn.jpg)

7. Hit Save.

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/555_1btwytx.jpg)

8. Now open the app dashboard, go to the Settings tab ➡️ General on the left menu ➡️Offer placement method ➡️ Change to **App Blocks**:

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/1_bokdb9.jpg)

That's it!

If you have any questions or require assistance, don't hesitate to reach out to us at support@zoorix.com ✉️.