> 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/integration/shopify.md).

# Shopify

## Video Tutorial: Integration Guide

{% file src="/files/0tJrR4du1s3QqKliJoJJ" %}

## Detailed Walkthrough

Go to your shopify store, under Themes - click on customize -  click "**Add section**".

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2F1o6KUIK1pw0mO7cXdxBE%2FScreenshot%202024-07-31%20at%2011.11.38%20AM.png?alt=media&#x26;token=e649ac71-0e2b-42ff-8ca1-ea398a257f11" alt=""><figcaption></figcaption></figure>

* Click on **Apps**.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2FP2y38yxl2JagQYII4OUS%2FScreenshot%202024-07-31%20at%2011.12.42%20AM.png?alt=media&#x26;token=711db278-c236-4ecc-9d84-8c2bdb7337d0" alt=""><figcaption></figcaption></figure>

* Select Live2 Embed. Under "**Publish id" p**aste the id that you copied previously from the Live2.ai console dashboard.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2FVeWaa1DUs4nICTeqKVlY%2FScreenshot%202024-07-31%20at%2011.13.55%20AM.png?alt=media&#x26;token=ad6e732b-dfd9-4402-8d93-540e5c12676b" alt=""><figcaption></figcaption></figure>

* Save your changes and reload the page to apply and view your Section Layout live on the site.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2FIDcN0BqKnJqrgTKMnRNV%2FScreenshot%202024-12-05%20at%207.55.48%E2%80%AFPM.png?alt=media&#x26;token=2715b979-b431-460f-962e-63b444e1925a" alt=""><figcaption></figcaption></figure>