> For the complete documentation index, see [llms.txt](https://help.spicegems.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.spicegems.com/epa-easy-product-addons/additional-features/cart-page.md).

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