Vídeo que vende, em cinco formatos
A Alinhavo é uma loja fictícia montada para mostrar o Video Commerce da provei.ai numa loja de moda de verdade: catálogo, sacola e páginas de produto como numa Shopify. Cada formato abaixo leva à página onde ele está ativo agora.
O tour, em seis paradas
- Home
Os Stories logo abaixo do banner, o Carrossel “Veja em movimento” e a Grade da coleção Festa.
- Categoria Vestidos
Stories no topo da categoria e uma Grade com os vídeos dos vestidos abaixo dos produtos.
- Vestido Longo Tule Babados
A Bolha flutuante no canto, o Destaque do produto abaixo das fotos e o Carrossel abaixo do botão de comprar.
- Compra pelo vídeo
O vídeo do suéter também mostra a mini bolsa: os dois produtos aparecem no player. Escolha o tamanho, adicione à sacola e a sacola da loja abre com o item.
- Categoria Masculino
A mesma estrutura numa segunda categoria, com vídeos de outra coleção.
- Sacola
Os itens adicionados pelo vídeo e pela página aparecem juntos. A finalização está desativada nesta demo.
Stories
Círculos no topo da página, como nas redes sociais.
Uma fileira de círculos com a prévia de cada vídeo. Um toque abre o player em tela cheia e os vídeos seguem um após o outro, como stories.
Onde funciona melhor. Abaixo do banner da home e no topo das categorias, onde o cliente decide por onde começar.
Ativo agora em
Vestido Longo Plumas
Blazer Vermelho Masculino
Vestido Curto Um Ombro
Trench Coat Bege
Jaqueta Jeans Masculina
Suéter Tricô Laranja
Vestido Longo Paetê Recorte
Carrossel
Uma fileira de vídeos verticais que rola para o lado.
Cartões verticais 9:16 com prévia em movimento, sem som, e o nome do produto. A fileira rola para o lado e cada cartão abre o player.
Onde funciona melhor. “Veja em movimento” na home e logo abaixo do botão de comprar, onde a dúvida sobre o caimento aparece.
Ativo agora em
Vestido Babados Tomara que Caia
Jaqueta Jeans Matelassê
Blazer Bege Masculino
Camisa Azul-claro
Grade
Vários vídeos de uma vez, em colunas.
Uma grade de vídeos de uma coleção ou campanha, de três a cinco colunas no computador e duas ou três no celular. Cada vídeo abre o player com os produtos marcados.
Onde funciona melhor. Páginas de coleção e seções de campanha, quando o vídeo é a vitrine.
Ativo agora em
- Vestido Longo Paetê Recorte
Vestido Longo Manga de Tule
Vestido Longo Tule Babados- Vestido Longo Plumas
- Vestido Curto Um Ombro
- Vestido Babados Tomara que Caia
Bolha flutuante
Um círculo com vídeo no canto da tela.
Uma bolha discreta num canto escolhido, com a prévia do vídeo do produto. Ela segue a rolagem e abre o player sem tirar o cliente da página.
Onde funciona melhor. Páginas de produto, mostrando automaticamente os vídeos daquele produto.
Ativo agora em
- Vídeo do produto
Destaque do produto
Um vídeo grande, com título e botão para assistir.
Um único vídeo em tamanho grande, com título, duração e o botão “Assistir” ao lado. Para a peça que precisa ser vista em movimento.
Onde funciona melhor. Abaixo da galeria de fotos de produtos escolhidos, quando o tecido e o caimento vendem a peça.
Ativo agora em
- Vestido Longo Tule Babados em movimentoAssistir
O que vem junto em todos os formatos
- Compra sem sair do vídeo
- O player mostra os produtos marcados no vídeo; escolher cor e tamanho e adicionar à sacola usa o carrinho da própria loja.
- Vídeos automáticos por produto
- Na página de produto, a vitrine pode mostrar sozinha os vídeos ligados àquela peça, sem configurar página por página.
- Até 12 produtos por vídeo
- Um look completo pode marcar o vestido, a sandália e a bolsa; cada um aparece no player com preço.
- Regras de página
- Cada vitrine aparece na home, em todas as páginas de produto, em todas as categorias ou nas páginas cujo endereço contém um trecho.
- Posições prontas
- Abaixo do banner, abaixo do botão de comprar, abaixo da galeria e acima do rodapé. Um seletor CSS avançado cobre o resto.
- Aparência da loja
- Tamanho P, M ou G, cor de destaque, cantos, sombra, título, nome dos produtos, prévia sem som e avanço automático.
Como esta demo está configurada
Cada vitrine é uma regra no painel da provei.ai: formato, páginas e posição. Se uma posição pronta não encontrar o lugar, o seletor avançado resolve.
| Formato | Páginas | Posição | Seletor avançado |
|---|---|---|---|
| Stories | Página inicial | Abaixo do banner | [data-vc-slot="home-stories"] |
| Carrossel | Página inicial | Seletor avançado | [data-vc-slot="home-carousel"] |
| Grade | Página inicial | Seletor avançado | [data-vc-slot="home-grid"] |
| Carrossel | Página inicial | Acima do rodapé | [data-vc-slot="above-footer"] |
| Stories | URL contém /collections/vestidos e /collections/masculino | Abaixo do banner | [data-vc-slot="collection-stories"] |
| Grade | URL contém /collections/vestidos e /collections/masculino | Seletor avançado | [data-vc-slot="collection-grid"] |
| Bolha flutuante | Páginas de produto | Canto inferior direito | — |
| Carrossel | Páginas de produto | Abaixo do botão de comprar | [data-vc-slot="below-buy"] |
| Destaque do produto | URL contém o endereço de três produtos | Abaixo da galeria | [data-vc-slot="below-gallery"] |