Logo WooCommerceGuia WooCommerce

Video commerce para WooCommerce: liberdade total e a conta que vem com ela

No WooCommerce você pode fazer qualquer coisa, e é exatamente por isso que vídeo mal implementado dói mais aqui. Conflito de plugin, peso de página e hospedagem própria são os três riscos reais.

Ver como funciona

Usado por mais de 6 mil lojas. Leitura de 10 min.

Vídeo do iShorts com card de produto, preço e botão de compra dentro do player

Compra no vídeo

Carrinho nativo da loja

AJAX
Add to cart
CDN
Entrega
Sem MP4
No servidor

A diferença estrutural: no WooCommerce o servidor é seu

Em plataformas SaaS, a infraestrutura é problema da plataforma. Se o vídeo pesar, o time dela absorve. No WooCommerce, não existe esse amortecedor: a hospedagem é sua, o banco é seu, a fila de PHP é sua. Vídeo é o tipo de mídia mais pesado que um e-commerce serve, e servi-lo do próprio servidor é uma das formas mais eficientes de derrubar uma loja em dia de campanha.

O cenário concreto é conhecido por quem já administrou WordPress. Alguém sobe dez arquivos MP4 na biblioteca de mídia, a página de produto passa a servir vídeo direto do servidor, e na primeira promoção com tráfego real o disco satura de I/O, o PHP-FPM enfileira, e a loja fica lenta ou cai. O plugin de cache não ajuda: ele resolve HTML, não banda de mídia.

A regra prática é direta. Vídeo em WooCommerce sai por CDN, nunca da biblioteca de mídia do WordPress. Isso não é preferência de arquitetura: é a diferença entre uma loja que aguenta pico e uma que não aguenta. Qualquer solução avaliada precisa responder onde o arquivo fica hospedado e por onde ele é entregue.

A segunda diferença estrutural é o controle total do código. É a maior vantagem do WooCommerce e também a origem do problema seguinte: com controle total, todo mundo mexe. Tema comprado, page builder, plugin de cache, plugin de otimização de JavaScript, plugin de frete, plugin de variações. Cada um assume que é o único operando naquela página.

Onde vídeo quebra em WooCommerce, e como verificar antes

Estes são os conflitos que aparecem em produção, semanas depois da instalação, quando ninguém lembra mais do que foi mudado.

Plugin de otimização que combina e adia JavaScript

Autoptimize, WP Rocket e similares agregam, minificam e adiam scripts. Quando o script do player é combinado com outros ou adiado além do necessário, o vídeo simplesmente não aparece, e só em produção, porque em ambiente sem cache funciona. A solução padrão é excluir o script do player da agregação e do delay. Teste com o cache ligado, sempre; testar com cache desligado não prova nada.

Cache de página servindo carrinho errado

Plugin de cache de página pode servir HTML com estado de carrinho de outro visitante. Em vídeo com botão de compra isso se manifesta como contador de carrinho errado ou item que aparece e desaparece. O carrinho precisa ser resolvido por AJAX, nunca vir no HTML cacheado. Confirme que a adição usa o endpoint AJAX do WooCommerce.

Produtos variáveis e o formulário de variação

Produto variável em WooCommerce depende do formulário de variação para resolver preço, estoque e SKU. O botão do player precisa acionar esse fluxo, ou abrir o seletor. Adicionar diretamente o ID do produto pai gera erro de carrinho ou pedido sem variação definida, e em loja com muito produto variável isso é a maior fonte de problema.

Page builder assumindo controle da página de produto

Elementor, Divi e afins frequentemente substituem o template de produto por um layout próprio. Nesse caso os hooks tradicionais do WooCommerce podem não ser executados, e um bloco que depende deles não renderiza. Se a loja usa page builder na PDP, verifique se a inserção pode ser feita por shortcode ou widget, e não apenas por hook.

Origem e entrega do arquivo de vídeo

A pergunta que fecha o assunto: o MP4 fica no meu servidor ou na CDN do fornecedor? Se ficar no seu, você assumiu um custo de banda e um risco de pico que não existia. A entrega correta é por CDN, com download iniciado apenas quando o player entra na viewport, de forma que o maior elemento de renderização da página siga sendo o mesmo de antes.

Peso acumulado de plugin em loja madura

Um WooCommerce com anos de operação costuma ter trinta ou quarenta plugins, alguns esquecidos. Antes de somar mais um, vale rodar um diagnóstico de quais estão carregando script em toda página sem precisar. Muitas vezes há mais ganho de velocidade em desativar três plugins mortos do que em otimizar o player novo.

Lojas que já vendem com vídeo

Mais de 6 mil lojas usam o iShorts nas principais plataformas do Brasil.

  • Beide
  • Café com Deus Pai
  • Ela Up
  • Esplanada Móveis
  • Exx Nutrition
  • Les Cloches
  • Loja Rendere
  • Modern Clixx
  • Peregrino Nacional
  • Primacial
  • Ropek
  • Saint Germain Brand
  • Silver Crown
  • Store Guette
  • Use Adel
  • Use a Ela
  • Use Tha Beauty
  • Ysy Acessórios
  • Zanne Joias

Três caminhos para vídeo em WooCommerce

A escolha depende menos de orçamento e mais de quem vai manter isso funcionando daqui a um ano.

CritérioMP4 na biblioteca de mídiaYouTube incorporadoCamada de video commercerecomendado
Onde o arquivo ficaSeu servidorServidor do YouTubeCDN do fornecedor
Risco em pico de tráfegoAlto: banda e I/OBaixoBaixo
Compra dentro do vídeoNãoNãoSim, via AJAX add to cart
Leva o visitante para foraNãoSim, recomendações do YouTubeNão
Peso de JavaScriptBaixoAlto: player de terceiroBaixo e assíncrono
Métrica por vídeoNenhumaViews no YouTubeCliques, carrinho e receita
Quem mantémVocêVocêFornecedor

Quer ver isso aplicado ao seu catálogo?

Uma demonstração guiada, com os seus produtos e os seus vídeos.

O embed de YouTube na página de produto: por que evitar

Em WordPress o embed de YouTube é uma linha de URL, o que faz dele a solução aparentemente óbvia. É a que mais custa em conversão, por duas razões independentes.

A primeira é acúmulo, e é específica do WooCommerce. A página de produto já carrega jQuery, o script de variação, o plugin de frete e o pixel de campanha, todos disputando a mesma thread principal. O iframe de um player externo é o que costuma empurrar a página do amarelo para o vermelho na medição. Plugins de lazy load para embed atenuam o efeito, mas tratam o sintoma e não tocam no segundo problema. O detalhamento de como isso afeta LCP e INP está no guia de Core Web Vitals.

A segunda razão não tem solução técnica, porque não é um defeito: é o propósito do produto. O player externo foi construído para reter audiência na plataforma dele, e ao fim do vídeo oferece conteúdo relacionado que você não escolhe, incluindo quem vende o mesmo item que você. Numa loja WooCommerce, em que você controla cada linha do template justamente para não depender de terceiros, abrir essa porta na página de produto contradiz a razão de ter escolhido a plataforma.

Perguntas frequentes sobre vídeo em WooCommerce

Não. Os arquivos ficam na CDN do iShorts e são entregues de lá, com download iniciado apenas quando o player entra na viewport. Isso é o ponto que protege sua hospedagem: você não assume banda nem I/O de vídeo em pico de tráfego, e não sobe MP4 na biblioteca de mídia do WordPress.

iShorts

Veja o iShorts com o seu catálogo na tela

Uma demonstração guiada, com os seus produtos e os seus vídeos, para você avaliar o formato antes de decidir qualquer coisa.

Usado por mais de 6 mil lojas. Atendimento em português.