> For the complete documentation index, see [llms.txt](https://docs.live2.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.live2.ai/live2.ai-integration/product-collection-embed.md).

# Product/Collection Embed

## Shopify App

Easiest way to integrate is to install Live2.ai app. This way you can automatically sync products, add widgets into your templates or pages.&#x20;

```http
//https://apps.shopify.com/live2ai
```

## Integration Process Overview

The entire integration process remains the same up until the copying and publishing steps. For these steps, you can refer to the Shopify integration guide provided above.

```http
/https://app.gitbook.com/o/2gIQkI4Syk0ZTEcnsxs9/s/HSKKq0QM2gaTSowM8icH/
```

## Understanding Product Embeds in Shopify Templates

In Shopify, pages are built from templates, and product pages use the same template. Therefore, when we add a product to a template, we are adding it to that page. This is why we use a product embed.

## Adding a Section in Your Shopify Store

In a Shopify store, we will add a section as we normally do. This will direct us to two columns: **Sections** and **Apps.** We need to click on the Apps column.

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

* Click on Apps, and **paste the ID** provided by the team. Once you do this, your product will go live on the product page.

<figure><img src="/files/43O6gv6WgsltaE5QnolH" alt=""><figcaption></figcaption></figure>

## Applying Collection Embed and Publishing Changes

Similarly, you need to perform the same steps for the collection page. Instead of selecting the **Product Embed**, choose the **Collection Embed** for the collection page.

<figure><img src="/files/9xNNlZ7ar8cC3PTJ7B4b" alt=""><figcaption></figcaption></figure>

&#x20;After selecting the **Collection Embed** for the collection page, follow these steps:

* **Click on Apps** and paste the ID provided by the team.
* **Save** your changes to ensure the embed is applied.
* **Publish** the collection page to make it live.
