Logo WooCommerceWooCommerce

Video commerce para WooCommerce: vídeo com compra sem quebrar o site

Em WooCommerce você controla o código inteiro, e por isso herda cache, plugin, jQuery e page builder. Veja como colocar vídeo com compra sem criar conflito.

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

Plugin
Instalação
Variável
Produto
CDN
Entrega

Como adicionar vídeo com compra em uma loja WooCommerce?

Em WooCommerce a instalação é feita pelo painel do WordPress e o posicionamento é definido na interface do iShorts, sem editar arquivos do tema nem criar child theme para isso. O botão dentro do player usa o carrinho nativo do Woo, então cupom, cálculo de frete, gateway de pagamento e os hooks que os seus outros plugins usam continuam valendo. Os dois cuidados específicos de WooCommerce são cache de página, que pode servir HTML antigo depois da ativação, e conflito de plugin, que se diagnostica isolando um a um.

Pontos específicos de WooCommerce a verificar

Checklist que resolve a maioria dos problemas relatados em instalações Woo, na ordem em que costumam aparecer.

Area de comentarios e reacoes do video dentro da loja
  • Limpe o cache antes de julgar

    Plugin de cache, cache do servidor e cache de CDN. Depois de ativar, limpe os três e teste em janela anônima. Boa parte dos casos de vídeo que não aparece termina aqui.

  • Exclua o script da minificação

    Se você usa plugin que combina ou adia JavaScript, adicione o script do player à lista de exceções. Isso preserva a otimização do resto do site e resolve o conflito.

  • Produto variável exige atenção extra

    No Woo, produto variável tem seletor próprio e cada variação tem preço e estoque. Vale testar a adição a partir do vídeo com uma variação real antes de publicar, incluindo caso de variação sem estoque.

  • Diagnóstico de conflito de plugin

    Se algo não funciona depois de limpar cache e ajustar minificação, desative plugins por grupo em ambiente de teste até isolar. É o método padrão em WordPress e vale aqui também.

  • Page builder e a posição do bloco

    Se a página de produto é montada em Elementor, Divi ou similar, a posição do carrossel pode depender do widget do builder. Confirme onde o bloco cai antes de publicar.

  • Hospedagem própria muda o peso do vídeo

    Ao contrário de plataforma SaaS, o seu servidor é seu. Os vídeos são servidos por CDN e não pelo seu host, o que evita transformar banda de vídeo em custo de hospedagem.

O que é diferente aqui

A liberdade do WordPress cobra um preço na integração

WooCommerce é a plataforma onde você tem controle total do código, e isso resolve problemas que nenhuma plataforma fechada resolve. O mesmo controle produz o ambiente mais imprevisível do mercado: cada loja Woo é uma combinação única de tema, page builder, plugin de cache, plugin de otimização, plugin de frete e uma pilha de scripts que alguém adicionou em 2021 e ninguém mais lembra por quê.

Isso muda a natureza da conversa. Em plataforma fechada a pergunta é se a integração existe. Em WooCommerce a integração existe, e a pergunta é como ela conversa com o resto da sua instalação. Os três pontos de atrito são sempre os mesmos: cache de página, minificação e combinação de JavaScript, e ordem de carregamento quando algo depende de jQuery.

Cache é o mais frequente e o mais fácil de resolver. Você ativa o vídeo, olha a página e não vê nada, porque o plugin de cache está servindo o HTML gerado antes da ativação. Limpar o cache resolve. Vale limpar também o cache do CDN, se houver, e o cache do navegador antes de concluir que algo falhou.

Minificação exige um pouco mais de atenção. Plugins de otimização que combinam e adiam todo o JavaScript da página podem atrasar o script do player para depois do momento em que ele precisaria inicializar. A solução é excluir o script do iShorts das regras de combinação e de defer, o que qualquer plugin de otimização permite fazer por exceção. Não é preciso desligar a otimização do site inteiro.

Lojas que já vendem com vídeo

Mais de 6 mil lojas usam o iShorts, em plataformas SaaS e em WooCommerce.

  • 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

Ativação segura em uma instalação WordPress

Se a sua loja fatura, trate isso como qualquer outra mudança em produção: staging primeiro, backup antes, medição depois.

  1. Faça backup e prepare o staging

    A maioria das hospedagens de WordPress oferece clone de staging em um clique. Testar ali custa dez minutos e evita a única situação que ninguém quer, que é depurar em produção.

  2. Instale pelo painel e conecte o catálogo

    A conexão permite ao iShorts ler produtos e variações para o vínculo com os vídeos. Nenhum arquivo do tema é editado no processo.

  3. Ajuste cache e minificação de uma vez

    Limpe todos os caches e adicione a exceção de minificação já nessa etapa, em vez de descobrir o conflito depois. Documente o ajuste, porque quem mantiver o site no futuro vai agradecer.

  4. Teste a adição com produto variável

    Escolha um produto com variações, adicione pelo vídeo e confira preço, estoque e o comportamento do mini carrinho. Teste também uma variação esgotada.

  5. Meça Core Web Vitals antes de publicar

    Rode PageSpeed Insights na mesma URL em staging, com e sem o bloco ativo. Em WooCommerce a performance depende do seu servidor, então a medição local vale mais do que qualquer média de mercado.

  6. Publique em produção e acompanhe por vídeo

    Depois de subir, use o relatório por vídeo para ver o que gera clique e adição. Duas semanas de dado já mostram o padrão que orienta a próxima gravação.

Quer validar em staging antes de subir?

Demonstração técnica com os seus produtos, incluindo o comportamento em produto variável.

Por que não resolver isso com um plugin de galeria de vídeo

O repositório do WordPress tem dezenas de plugins de galeria de vídeo, muitos gratuitos e bons no que fazem. Se o objetivo é exibir vídeo em uma página, um deles resolve. Vale ser honesto sobre isso em vez de fingir que a única opção é pagar por uma ferramenta.

A diferença aparece quando o objetivo é vender dentro do player. Galeria de vídeo exibe, não vende: não há vínculo com produto, não há adição ao carrinho respeitando variação, não há relatório por peça de vídeo, e a entrega frequentemente sai do seu próprio servidor, o que transforma banda de vídeo em custo de hospedagem e em lentidão no horário de pico.

Há também a questão de manutenção, que em WordPress nunca é secundária. Plugin gratuito sem atualização há dois anos é risco de segurança e de incompatibilidade com a próxima versão do Woo. Em uma loja que fatura, o critério de escolha inclui quem mantém o código e quem responde quando algo quebra na quinta-feira à noite.

A recomendação prática é direta. Se você quer só mostrar um vídeo institucional na home, use um plugin de galeria e economize. Se o vídeo precisa colocar produto no carrinho e você precisa saber qual peça performou, a ferramenta é outra.

Quando faz sentido em WooCommerce

WooCommerce é usado por loja de hobby e por operação de milhões no mesmo software. O cenário muda a resposta.

Vale ativar

  • A loja tem tráfego constante e a conversão da página de produto é o gargalo identificado
  • Existe ambiente de staging ou pelo menos backup automatizado funcionando
  • O catálogo depende de caimento, textura, escala ou demonstração de uso
  • Já existe acervo de vídeo vertical, ainda que gravado em celular
  • Você quer relatório por vídeo e não só exibir conteúdo na página

Resolva antes

  • O site já está lento por hospedagem insuficiente, porque vídeo não é a causa nem a cura disso
  • A instalação tem plugins abandonados e conflitos não resolvidos, que vão contaminar o diagnóstico
  • Não há como testar em staging e a loja não pode arriscar instabilidade agora
  • O objetivo é apenas exibir um vídeo institucional, caso em que um plugin de galeria resolve mais barato

Perguntas frequentes sobre vídeo em WooCommerce

Não. A instalação é pelo painel do WordPress e a posição dos vídeos é configurada na interface do iShorts. Nenhum arquivo do tema é editado, então atualizar tema ou plugin não desativa os vídeos.

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.