# App Block (2.0) - Integration

This is a simple, no-code method to integrate addons on your product and cart pages. It’s easy to set up and helps you showcase additional products, enhancing the shopping experience and boosting sales.

## 1. Product Page

### Step 1: Open Theme Customizer

Shopify Admin → **Online Store → Themes → Customize**

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

### Step 2: Access Product Page Template

From the top dropdown, select **Products → Default Product** (or your custom product template).

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

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

### Step 3: Add the App Block

Click **on the + icon between the blocks → Apps → Easy Product Addons** to insert the addon block.

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

### **Step 4: Arrange the Block**

You can drag the block to your preferred position. Click **Save** to integrate the block.

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

The addons will be displayed here if created with the demonstrated product.

***

## 2. Cart Page

### Step 1: Open Theme Customizer

Shopify Admin → **Online Store → Themes → Customize**

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

### Step 2: Access Cart Page&#x20;

From the top dropdown, select **Cart**.

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

### Step 3: Add the App Block

Click **on the + Add section → Apps → Easy Product Addons** to insert the addon block.

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

### **Step 4: Arrange the Block**

You can drag the block to your preferred position. Click **Save** to integrate the block.

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

{% hint style="info" %}
If you encounter any issues, please feel free to reach out at [**help@spicegems.com**](mailto:help@spicegems.com)
{% 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://help.spicegems.com/epa-easy-product-addons/additional-features/cart-page.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.