What is the Embed Experience ?

The Embed Experience with Picture in Picture (PIP) feature allows your Live to open on your website's page. Then, as customers navigate on your website, the Live will appear in a floating window.

How to Embed your Live Event ?

Step 1

Paste the below code before the “</head>” on the page(s) you would like your event’s embed experience to be shown.

What is PIP?

The first line of code installs the PiP, it's a feature that allows viewers to keep watching the Live Event in a floating window while navigating in different tabs.

<link rel="stylesheet" href="https://pip-css.livescale.workers.dev/pip.css?top=20&left=20" crossorigin="anonymous" />
<script id="livescale-embed" src="https://diva.livescale.tv/shop/embedded-app/embedded-app.js"></script>

* If you wish to change the PIP positioning, to bottom right for example, you can change it in the link by replacing "top and left" to "bottom and right".

<link rel="stylesheet" href="https://pip-css.livescale.workers.dev/pip.css?top=20&left=20" crossorigin="anonymous" /> 

Step 2

Paste the link below on your website’s button, or anywhere you’d like to create an embedded viewing experience.

<a href=[https://shop.livescale.tv/your_event_id]/?embed=true></a>

*Replace [https://shop.livescale.tv/your_event_id] with the event URL you created.

*For example:

You will add the event id at "spring_summer" at the end of the event url:

<a href=[https://shop.livescale.tv/spring_summer]/?embed=true></a>