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

# Magento

## Video Tutorial: Integration Guide

{% file src="/files/xF6LYGDzTryyNqApZRwf" %}

## Detailed Walkthrough

## Extension Installation Guide

### Step 1: Install Live2.ai Module

To begin, open your terminal and use Composer to add the Live2 extension to your Magento project by running:

```
 composer require live2/live2
```

This command fetches and installs the Live2 module into your Magento setup.

### Step 2: Install Codebase and Database Schemas:

Next, you need to install the codebase and update the database schemas. Run the following commands sequentially in your terminal:

```php
php bin/magento setup:di:compile
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
php bin/magento indexer:reindex
php bin/magento cache:clean
php bin/magento cache:flush
```

These commands will compile the code, update the database, deploy static content, reindex data, and clear caches.

### Step 3: Update Authorization Token

* After installing the Live2 extension, Obtain the authorization token provided by the Live2 team. Then, navigate to **Store -> Configuration.**

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2F3HwPjFj2SjrzLh68kZY4%2FScreenshot%202025-03-11%20at%206.28.44%E2%80%AFPM%20(1).png?alt=media&#x26;token=8e1bec81-6f85-4af7-90f5-f238b41f3474" alt=""><figcaption></figcaption></figure>

* Go to Live2 -> Live2 Token. In the URL enter [https://console.live2.ai](https://console.live2.ai/) and Token will be provided to you by Live2.ai at the time of integration.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2F2p0PyHLTG6roQda2H12p%2FScreenshot%202025-03-11%20at%206.29.48%E2%80%AFPM%20(1).png?alt=media&#x26;token=a4a1a247-f690-48c2-a7f4-defaab016d42" alt=""><figcaption></figcaption></figure>

### Step 4: To Embed Videos follow these steps: <a href="#step-4-to-embed-videos-follow-these-steps" id="step-4-to-embed-videos-follow-these-steps"></a>

* Go to **Content -> Pages**

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

* Select the page where you want to embed the video, click on Edit. For this example we are considering Home Page

<figure><img src="/files/5vrIlyu30RMqt4nJ5YpA" alt=""><figcaption></figcaption></figure>

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

* Click on Content -> Click on Insert Widget

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2FB1J03tadiRYl72j3bdNc%2FScreenshot%202025-03-11%20at%206.31.48%E2%80%AFPM%20(1).png?alt=media&#x26;token=de53be2e-fa75-4fec-88c2-e532f05efc50" alt=""><figcaption></figcaption></figure>

* Select Live2 Widget from the dropdown, and enter the Embed Id generated from the Live2.ai console dashboard.

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

* After the Widget is successfully added click on Save

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

* Go to Content → Pages. Click on View for the page the embed was created.

<figure><img src="https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHSKKq0QM2gaTSowM8icH%2Fuploads%2FXQgRxrmqtTFdJwbe98zN%2FScreenshot%202025-03-11%20at%206.32.58%E2%80%AFPM%20(1).png?alt=media&#x26;token=7e96fd1d-9f8d-4b21-a4cb-f2e89d1b1aba" alt=""><figcaption></figcaption></figure>

* You will be able to see the preview of the live embed

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

### Step 5: Enable Product Sync

Enable the product synchronization feature to sync your catalog with Live2. Run the following command:

```
bin/magento live2:productSync
```
