How do I embed my live shopping event on my store?

Embedding your Livescale event on your store has never been easier! See below for the simple 3-step process to get started today.

Note: This article has the embedding steps for non-Shopify clients on the new Livescale experience. If you are on Shopify, please refer to this article. If you are still using the old experience, please refer to this article

What is the Embed Experience?

The Embed Experience with Picture in Picture (PIP) allows your live event to open directly on your native website's page. Then, as viewers navigate on your website, the event will seamlessly appear in a floating window on the same tab.

How to Embed your Live Event?

Step 1: Add the embed script to your website

Paste the code below into the head on the page(s) you would like your event's embed experience to be shown.

<script

type="text/javascript"

src="https://live-shopping.livescale.tv/api/embed-script"

defer

></script>

Step 2: Add your event’s embed ID on your chosen CTA(s)

    Find the Embed ID for the event that you would like to embed on your website.

    kb-embed-5

    Paste the code below on the CTA (e.g. button or banner) or anywhere you'd like to create an embedded viewing experience.

    <button type="button" embed-id="INSERTEMBEDIDHERE">

    INSERTCTATEXTHERE

    </button>
    • Replace INSERTEMBEDIDHERE by your Livescale Embed ID, which should look like this: https://live-shopping.livescale.tv/lc3870XiLq7d3jWZ
    • Replace INSERTCTATEXTHERE by the text you would like to have on your button. For example: Join now! 

    Notes:

    • The URL will not change as the viewer navigates from page to page. If you are a developper in need of more information about this behaviour, please direct your request to support@livescale.tv.
    • The background color found in the event theme will not show while the event is live or in replay. The reason for this is because the background becomes transparent during the embedded experience, so that a viewer can click outside of the Live Room to request the PiP.