> 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 another method to integrate addons on the Product and Cart page using the App Block.

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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FltP0tDxFJuutFPdkXiVT%2FPD-0.png?alt=media&amp;token=9178c121-3ceb-4d50-b8c0-bf0367c92100" 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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FXgyjNPVLbvj1zoV7Cvms%2FPD-1.png?alt=media&amp;token=e3f6cf8c-29e8-4733-8dc7-218ed43ac304" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2F0iddgDBnooYIqqNTFwv4%2FPD-2.png?alt=media&amp;token=b4182843-0c39-44a8-bad7-1e600b3a232b" 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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2Fni5XImRer70aYOHzVyhH%2FPD-3.png?alt=media&amp;token=fc32b2fc-4789-4db1-87ae-6f8c40116a20" 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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FJkTtTpzjsBVB0INbCC3s%2FPD-4.png?alt=media&amp;token=a2a804b5-7896-4d64-a6a4-624da8977812" 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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FltP0tDxFJuutFPdkXiVT%2FPD-0.png?alt=media&amp;token=9178c121-3ceb-4d50-b8c0-bf0367c92100" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FFBgzkBGu3aoI0TlmlLb0%2FCP-1.png?alt=media&amp;token=2ce436a2-a2dd-4db3-b644-d4efec2992cc" 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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2F1N0Fw7MOQeeTot4vLqlF%2FCP-2.png?alt=media&amp;token=b31f2e9c-50b7-4839-b18d-ec8165286c7d" 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="https://3112706152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx29cZdVamjxRRWbFFQRA%2Fuploads%2FoqTVVdnJyFJG5Mdhb1D3%2FCP-3.png?alt=media&amp;token=3b740585-270b-445a-8be7-5d49a75090e5" 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 %}