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

A melhor plataforma de Videos para seu site

Só com o Video Commerce StreamShop sua marca customiza o formato ideal através da incorporação de tags dinâmicas nas páginas do seu site ou ecommerce. Experimente!

StreamShop SDK (Instale via TagManager em todas as páginas do seu site)
* Para sincronização de carrinho adicione o Script add_to_cart customizado para a plataforma do seu ecommerce.
<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 (Instale via TagManager em todas as páginas do seu site)
* Para sincronização de carrinho adicione o Script add_to_cart customizado para a plataforma do seu ecommerce.

          <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>
        

Exemplos de incorporação

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>