<subject>[interface] image of a screenshot of a learning module (for an edtech)</subject>

The best video platform to your site

With Video Commerce StreamShop  your brand can customize and embed the multiple formats by incorporating dynamic tags on the pages of your site or ecommerce. Try it!

StreamShop SDK (Install via TagManager on every page of your site)
* For cart synchronization add the add_to_cart Script customized for your ecommerce platform.
<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>
StreamShop Widget (Install via TagManager on every page of your site)
* For cart synchronization add the add_to_cart Script customized for your ecommerce platform.

          <script>
            var liveshopSdkWidgetButtonOptions = {"height":200,"width":110,"positionX":"right","spacingPositionX":30,"positionY":"bottom","spacingPositionY":30,"borderRadius":16,"animation":true,"hml":false,"type":3,"videosFromStore":"store_slug"};
            
            // Core Script (do not touch)
            (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>
        

Embed Samples

Carrossel Stories 85x85 (border-radius="100px")
<liveshop-ads-carousel name="Stories" height="85px" width="100%" videos-width="85px" border-radius="100px" videos-from-store="store-slug"></liveshop-ads-carousel>
Carrossel Stories 85x85 (border-radius="25px")
<liveshop-ads-carousel name="Stories Square" height="85px" width="100%" videos-width="85px" border-radius="25px" videos-from-store="store-slug"></liveshop-ads-carousel>
Carrossel Square 250x250
<liveshop-ads-carousel name="Carrossel Square" height="250px" width="100%" videos-width="250px" border-radius="25px" videos-from-store="store-slug"></liveshop-ads-carousel>
Carrossel 16x9 230x400
<liveshop-ads-carousel name="Carrossel 16x9" height="230px" width="100%" videos-width="400px" border-radius="25px" videos-from-store="store-slug"></liveshop-ads-carousel>
Carrossel 9x16 400x220
<liveshop-ads-carousel name="Carrossel 9x16" height="400px" width="100%" videos-width="220px" border-radius="25px" videos-from-store="store-slug"></liveshop-ads-carousel>
Hero Banner Reels
<iframe
			style="border-radius: 16px; overflow: hidden; margin-top: 0px"
			frameborder="0"
			src=https://lite.streamshop.com.br/videos/videoslug,videoslug?skipTerms=true
			height="720px"
			width="1280px"
			allow="fullscreen; autoplay; picture-in-picture;clipboard-read; clipboard-write;web-share"
></iframe>
Single Video Embed (Youtube/video)
<iframe
			style="border-radius: 16px; overflow: hidden; margin-top: 0px"
			frameborder="0"
			src=https://lite.streamshop.com.br/video/videoslug?skipTerms=true
			height="295px"
			width="525px"
			allow="fullscreen; autoplay; picture-in-picture;clipboard-read; clipboard-write;web-share"
></iframe>
IAB Square Banner 300x250 (Retail Media / AdManager)
<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>

<div style="min-height: 300px; min-width: 300px;max-height: 300px; max-width: 300px; background: none; margin: auto; margin-top: 70px;">
<liveshop-ads-video height="300px" width="300px" slugs-reels="[video_slug,video_slug,video_slug,video_slug,video_slug,video_slug]" slug-video="video_slug" is-video-commerce="true"></liveshop-ads-video>
</div>
IAB Half-Page Banner 600x300 (Retail Media / AdManager)
<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>

<div style="min-height: 600px; min-width: 300px;max-height: 600px; max-width: 300px; background: none; margin: auto; margin-top: 70px;">
<liveshop-ads-video height="600px" width="300px" slugs-reels="[video_slug,video_slug,video_slug,video_slug,video_slug,video_slug]" slug-video="video_slug" is-video-commerce="true"></liveshop-ads-video>
</div>
ImageBanner On-Click
<div
	style="
	display: inline-block;
	height: auto;
	cursor: pointer;
	overflow: hidden;
	border-radius: 0px;
	"
	onclick="openStreamShopLive('https://lite.streamshop.com.br/streamshopdemo')"
	>
<img 
    src="https://cdn.prod.website-files.com/68534b92397efd8baad925b1/68a8ad12f6e73adf293bb87e_BANNER.jpg" 
    style="
    width: 100%;  /* A largura se ajusta ao contêiner */
    height: auto; /* A altura ajusta-se proporcionalmente à largura */
    object-fit: cover; /* Mantém a proporção da imagem, cortando-a se necessário para preencher o contêiner */
    display: block; /* Remove qualquer espaço extra ao redor da imagem */
    "
/>
</div>