Documentação: Video Commerce

O Script SDK é necessário para os demais formatos do Video Commerce StreamShop.
Instale o script abaixo em todas as páginas do seu site em que deseja rodar os demais formatos Video Commerce by StreamShop.
Você pode utilizar gerenciadores de Tags como o Google Tag Manager para facilitar esta tarefa.

<!-- Do not change the order -->
<script async src=https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js></script>
<script async src=https://assets.streamshop.com.br/sdk-ads/liveshop-ads-carousel.min.js></script>

Instale o código abaixo em todas as páginas do seu site em que deseja rodar o Widget StreamShop.
Você pode utilizar gerenciadores de Tags como o Google Tag Manager para facilitar esta tarefa.

Você também pode aplicar widgets específicos para páginas do seu site.
Basta criar diferentes Tags para cada uma de suas páginas e variar no parâmetro live, o video destino que quer aplicar na sua página.

<script>
   var liveshopSdkWidgetButtonOptions = {
     live: 'https://streamshop.liveshop.com.br/streamshopdemo/loja?v=JPAVHsLx',
     bg: 'https://images.crunchbase.com/image/upload/c_pad,f_auto,q_auto:eco,dpr_1/mzolsyhormiy7fvz6dgp'
   };

  (function (i, s, o, g, r, a, m) {
    var p = new Promise(function(rs){return rs();});
    a = s.createElement(o);
    m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    a.onload = function(){return p.then(function(){return ss_widget_btn(liveshopSdkWidgetButtonOptions);});};
    m.parentNode.insertBefore(a, m);
  })(window, document, 'script', 'https://assets.streamshop.com.br/sdk/liveshop-sdk-widget-btn.min.js');
</script>

<liveshop-ads-carousel stories-style="true" slugs-video="video-ID,video-ID,video-ID"></liveshop-ads-carousel>

  <liveshop-ads-carousel slugs-video="video-ID,video-ID,video-ID,video-ID,video-ID,video-ID,video-ID,video-ID,video-ID"></liveshop-ads-carousel>

<iframe
	src="https://lite.streamshop.com.br/store-slug"
	style="border-radius: 16px; overflow: hidden"
	frameborder="0"
	height="680px"
	width="380px"
	allow="autoplay; playsinline; picture-in-picture; clipboard-read; clipboard-write; microphone; camera; fullscreen; "
></iframe>

<script async src="https://assets.streamshop.com.br/sdk/liveshop-web-sdk-ads.min.js"></script>

<liveshop-ads slug-video="Video_ID"></liveshop-ads>