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

# Site Sections Integration

* Click on **Media Library** from the left navigation bar to upload videos.

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

* Click the **'Upload Videos Now'** button if the Media Library is empty, or click **'Upload Video'** to add additional files when videos are already present.

<figure><img src="/files/XV04blP0Oqw2mg6IghXK" alt=""><figcaption><p>New User</p></figcaption></figure>

<figure><img src="/files/3uUw3xTXzt0JYsnUumZb" alt=""><figcaption></figcaption></figure>

* To create a layout click on **Section Layouts** from the left navigation bar.

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

* If the Section Layout is empty, directly select your preferred layout from the options displayed. In case you have existing layouts, click **'Create New Section'**, then select your preferred layout from the options shown.

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

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

* After selecting a layout, click **'Add Videos'** to add videos to the section layout.&#x20;

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

* Select the videos you want to include. To upload additional videos, click **'Upload Video'**. Once you have selected the videos to be included click on **Add to Section**.

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

* To make the section layout live on your website, click **'Publish'**. To set up Live2.ai for your store, you will have to follow the steps: Steps 1 and 2 are one-time tasks, and after that, you’ll only need to complete Step 3 for future updates.

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

* Go to your shopify store, On your Shopify store, click "**Add section**".

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

* Once you add a section, you will see two columns: one for **sections** and another for **apps.** Click on apps.

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

* Click on live2 embed, Once you click on live embed, there will be two options shown, “**Publish id** and **custom css**”, Paste your id that you copied previously from step 3 and paste it on the “**Publish id**” column.

<figure><img src="/files/AwmuRX9xTTRU7clIADSE" 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="/files/BTBo3oQeziiq3NLRTIrQ" alt=""><figcaption></figcaption></figure>
