Live2.ai Help Center
Go back to application
Basics
Basics
  • 🗂️Media Library
    • Upload Videos
    • Edit Videos
      • Rename a video
      • Add labels
      • Tag products
      • Select Thumbnails
      • Visibility
    • Search and Filter
  • 🛍️Shoppable Videos
  • Branching Videos
  • 🤳Interactive Elements
    • Polls
    • MCQs
    • QnAs
    • CTA
    • Stickers
    • Frames
  • 💗Customisation
    • General
    • Site Sections
    • Video Player
    • Interactive Video
  • 📝Section Layouts
    • Create & Publish
    • Duplicate a Section Layout
    • Manage Video Sequence
    • Update Section Layout Status
  • 🚀 Watch & Learn
  • 🧩 Integration
    • Shopify
    • Magento
    • Custom store
  • 🔍 FAQs
Powered by GitBook
On this page
  • Video Tutorial: Integration Guide
  • Detailed Walkthrough
  • Extension Installation Guide
  • Step 1: Install Live2.ai Module
  • Step 2: Install Codebase and Database Schemas:
  • Step 3: Update Authorization Token
  • Step 4: To Embed Videos follow these steps:
  • Step 5: Enable Product Sync
  1. 🧩 Integration

Magento

After you’ve published the section layout on the Live2.ai dashboard and copied the Embed ID, follow these steps to integrate it into your Magento store and make the embed live:

PreviousShopifyNextCustom store

Last updated 1 month ago

Video Tutorial: Integration Guide

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 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.

Step 4: To Embed Videos follow these steps:

  • Go to Content -> Pages

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

  • Click on Content -> Click on Insert Widget

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

  • After the Widget is successfully added click on Save

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

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

Step 5: Enable Product Sync

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

bin/magento live2:productSync

Go to Live2 -> Live2 Token. In the URL enter and Token will be provided to you by Live2.ai at the time of integration.

https://console.live2.ai
20MB
Magento Implementation.mp4