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
  1. 🧩 Integration

Custom store

By embedding the Live2.ai JS script on your website, you gain access to various Live2.ai widgets to display embeds.

Integration

Insert this code block in the <head> of the page.

HTML:

<script src="https://cdn.live2.ai/assets/sdk/latest/live2ai-embed-sdk.js" defer/>

To Position the Live2.ai component in the desired location insert the following code block in the <body> of the page.

<div>
      data-live2-embed="1"
      data-live2-picked-up="0"
      data-live2-loaded="0"
      data-live2-embed-id="ulpoohp7gw">
      <div class="live2-container"></div>
</div>

To put embed in Product Page

   <div>
      data-live2-embed="1"
      data-live2-picked-up="0"
      data-live2-loaded="0"
      data-live2-embed-id="p:ProductId"
      data-live2-team-id=""
      <div class="live2-container"></div>
    </div>

To put embed in Category pages

<div>
      data-live2-embed="1"
      data-live2-picked-up="0"
      data-live2-loaded="0"
      data-live2-embed-id="c:CollectionId"
      data-live2-team-id=""
      <div class="live2-container"></div>
</div>
PreviousMagentoNext🔍 FAQs

Last updated 1 month ago