Como adicionar vídeo de produtos na VTEX?

Adicionar vídeo de produtos na Vtex transforma páginas estáticas em uma experiência de compra que mostra o produto em movimento, e isso pesa na decisão de compra. O vídeo responde dúvidas que a foto não responde (caimento, textura, tamanho, funcionamento), aumenta a confiança do cliente e reduz a chance de devolução. Neste guia você vê, passo a passo, como adicionar vídeos aos seus produtos na Vtex com a Widde.

Por que adicionar vídeos de produto na Vtex

A Vtex concentra grandes operações de e-commerce no Brasil, e a página de produto é onde a venda se decide. Marcas como Bagaggio, Dermage e John John já usam vídeo na Vtex com a Widde para mostrar o produto em uso real, aumentar o tempo na página, reduzir devoluções e reaproveitar os vídeos que já têm no Instagram, TikTok e Reels, sem trocar de plataforma.

Como adicionar seus vídeos na Vtex

Publicar um vídeo na sua loja é rápido e não exige desenvolvedor:

Acesse o painel da Widde;
Clique em "Adicionar vídeos" no menu ou na seção Páginas;
Faça upload do vídeo pelo computador ou celular;
Na etapa de Associações, digite o nome do produto no campo "Onde aparece";
Clique em "Conectar" quando o item aparecer.

Para colocar um vídeo na homepage ou em uma página de coleção, é só colar o link da página desejada no campo "Onde aparece", no lugar do nome do produto.

Os formatos da Widde: como o vídeo aparece na sua loja

Com a Widde, o mesmo vídeo pode aparecer de várias formas na loja Vtex. Veja cada formato funcionando em lojas reais:

Carrossel: vitrine de vídeos lado a lado, na home ou na página de produto.

Story: vídeos no formato stories no topo da página, como nas redes sociais.

Explorar: um feed de descoberta com vídeos de vários produtos.

Feed de Vídeos: scroll infinito de vídeos shoppable, no estilo das redes sociais.

Destaques de produto: o vídeo direto na página do produto, ao lado do botão de compra.

Antes de aparecer na loja: instalar o Script da Widde na Vtex

Para os vídeos aparecerem na loja, falta um passo técnico único: colar o Script da Widde. A Widde funciona tanto no VTEX IO quanto no VTEX CMS (loja tradicional). Escolha o caminho da sua loja:

VTEX IO: abra o head.html dentro da pasta pixel do tema, adicione o Script da Widde abaixo dos existentes e publique.
VTEX CMS (via Google Tag Manager): crie uma tag de HTML Personalizado com o script, habilite a opção de HTML personalizado no app do Google Tag Manager dentro da Vtex (a Vtex bloqueia por padrão e a tag não dispara) e publique o contêiner.

Veja o passo a passo completo na página de integração ou assista a instalação via Google Tag Manager em vídeo.

Performance: o Script da Widde carrega de forma assíncrona e exibe os vídeos só depois que a loja termina de carregar, então não derruba a velocidade nem o desempenho da sua página de produto.

Perguntas frequentes

A Widde funciona na Vtex?
Sim. A Widde tem integração com a Vtex e adiciona Vídeo Commerce, Live Commerce e Provador Virtual à sua loja, sem trocar de plataforma.

A Widde funciona no VTEX IO e no VTEX CMS?
Sim, nos dois. No VTEX IO o Script da Widde vai no head.html (pasta pixel); no VTEX CMS (loja tradicional) a instalação é feita via Google Tag Manager.

Preciso de programador para instalar?
Depende do caminho: na Vtex IO o script vai no head.html (requer acesso ao código); pela via tradicional, a instalação é feita via Google Tag Manager, sem desenvolvedor. O time da Widde acompanha a configuração.

Por que a tag não dispara na Vtex?
A Vtex bloqueia HTML personalizado por padrão. Habilite a opção no app do Google Tag Manager dentro da Vtex para a tag da Widde funcionar.

Os vídeos deixam minha loja mais lenta?
Não. O script carrega de forma assíncrona e exibe os vídeos só depois do carregamento da loja, preservando a performance.

Posso usar os vídeos que já tenho nas redes sociais?
Sim. Você reaproveita os vídeos do Instagram, TikTok e Reels dentro da loja Vtex, transformando conteúdo em vitrine que vende.

Comece a usar Video Commerce na Vtex

O consumidor já espera encontrar vídeos na hora de comprar, e a Vtex permite atender essa expectativa com a Widde. Veja o passo a passo completo e ative agora na página de integração da Widde com a Vtex.

Para se aprofundar

Como adicionar Video Commerce em outras plataformas

Quer esses resultados na sua loja?

Milhares de e-commerces brasileiros já vendem mais com Video Commerce, Live Commerce e Provador IA.

Falar com vendas