Plugin para WordPress

Stories em Vídeo para WooCommerce

Bolinhas com a prévia do vídeo rodando e tela cheia ao tocar, como no Instagram. Coloque vídeos de clientes usando o produto bem ao lado do preço.

Stories em vídeo na página do produto, no formato que todo mundo já conhece.

Para que serve

Um vídeo de alguém usando o produto responde "funciona mesmo?" melhor que qualquer foto de estúdio. Só que, dentro de uma aba de descrição, quase ninguém vê.

O plugin põe esses vídeos na altura do olho, perto do preço e do botão de compra. O gesto é o que o cliente já faz todo dia: toca na bolinha e os vídeos passam um depois do outro.

Como funciona

Na edição do produto, abra a aba Stories.
Clique em Adicionar vídeos e escolha os arquivos na biblioteca de mídia. Dá para selecionar vários de uma vez.
Arraste para definir a ordem em que os vídeos passam.
Clique em Atualizar. As bolinhas aparecem na página do produto.

Produto sem story continua exatamente como está.

O que o cliente vê

Bolinhas com prévia. Cada bolinha toca o vídeo sem som, em laço, dentro de um anel na cor da sua marca.
Tela cheia com som. Ao tocar numa bolinha, o vídeo abre em tela cheia já com o áudio ligado.
Navegação de stories. Barra de progresso por vídeo. Tocar à direita avança, tocar à esquerda volta, segurar pausa e arrastar para baixo fecha. Depois do último vídeo, fecha sozinho.

Recursos

Até 10 stories por produto. Vídeo repetido é ignorado.
Só o vídeo. Não há legenda, rótulo nem botão para preencher. Nada disputa a atenção com o conteúdo.
Econômico em dados. A prévia reinicia a cada 6 segundos, para a bolinha não baixar o arquivo inteiro. Ela pausa quando sai da tela. Na tela cheia, só o vídeo atual e o próximo são carregados.
Respeita o visitante. Com "reduzir movimento" ou economia de dados ativada no aparelho, a bolinha mostra uma capa parada e o vídeo só toca quando aberto.
Acessível. Funciona pelo teclado: setas, espaço para pausar e Esc para fechar.
Posição configurável: antes ou depois do preço, depois da descrição curta, do botão de compra ou dos dados do produto. Também há shortcode.
Página leve. Só os produtos com stories carregam os arquivos do plugin.
Vídeo apagado some sem quebrar nada. Se o arquivo sair da biblioteca de mídia, o story desaparece da página.

O que grava bem

Vídeo vertical (9:16), gravado no celular.
De 10 a 20 segundos.
Com áudio, se alguém fala.
Arquivo MP4.

Com a cara da sua loja

Cores, fontes, arredondamento e logo são definidos na aba Aparência, com prévia ao vivo das bolinhas e da tela cheia. São 10 fontes incluídas, servidas do seu próprio site, sem Google Fonts. Os estilos são isolados e não brigam com o seu tema.

Para quem é

Lojas que têm vídeos de clientes, de demonstração ou de bastidores e querem usar esse material onde ele mais pesa: ao lado do botão de compra.

Requisitos

WordPress 6.8 ou superior e PHP 7.4 ou superior.
WooCommerce 8.0 ou superior.
Compatível com temas clássicos e temas de blocos.
Interface em português do Brasil.
No painel do WordPress, o plugin aparece com o nome original: Product Video Stories for WooCommerce.

Perguntas frequentes

Posso usar link do YouTube ou do Vimeo?

Não. A bolinha precisa tocar o vídeo sem som e em laço, e os players desses serviços não permitem esse controle. Envie o arquivo para a biblioteca de mídia.

O vídeo abre com som?

Sim. O toque na bolinha vale como permissão para tocar o áudio. Se o navegador bloquear, o vídeo toca mudo com o botão de som a um toque.

Deixa a página lenta?

Não. O player só é criado quando alguém toca numa bolinha, e as prévias só rodam quando estão visíveis.

Preciso escolher uma capa para cada vídeo?

Não. O plugin usa a miniatura do arquivo quando ela existe, ou o primeiro quadro do vídeo.

Tenho loja headless. Funciona?

Sim. A fila de vídeos de cada produto vai pronta na Store API do WooCommerce.