Como funcionam os Stories

O Stories leva vídeos verticais para a página do produto no formato que o cliente já conhece das redes sociais. Na loja, uma miniatura de vídeo fica flutuando na página e, ao ser tocada, cresce e vira um player de vídeo vertical, com vários vídeos em sequência, barras de progresso no topo, som opcional e um card do produto com um atalho de contato pelo WhatsApp.

O recurso foi pensado para a página mais importante da loja não ficar mais lenta por causa do vídeo. Enquanto a miniatura está recolhida, nenhum player pesado é carregado; o vídeo completo só começa a carregar quando o cliente abre o stories.

Os mesmos vídeos que você cadastra aqui também podem virar uma vitrine. O bloco Stories do Editor de Blocos monta uma faixa de vídeos verticais de vários produtos lado a lado, para você usar na home ou em outra página. É outro jeito de exibir o mesmo acervo, com artigo próprio na categoria Páginas.

Onde os stories ficam

Cada stories é um conjunto reutilizável de vídeos, cadastrado uma vez e vinculado a quantos produtos você quiser. Você encontra a tela em Cadastros > Stories.

Um stories tem:

• Nome do stories — um nome de uso interno (por exemplo, "Coleção verão" ou "Bastidores do ateliê"), só para você reconhecer o stories na hora de vincular ao produto. O cliente não vê esse nome.
• Até seis vídeos — preenchidos na ordem em que vão aparecer no player. Você não precisa preencher os seis; um ou dois já funcionam.

Atenção: os vídeos são hospedados no Vimeo. Cole o endereço no formato https://vimeo.com/000000000 usando o "Copiar link" da Galeria Vimeo. Endereços do YouTube não são aceitos nesta tela, porque o Stories precisa controlar como o vídeo toca (mudo, em loop e sem a interface do YouTube), e o player do YouTube não permite esse controle.

O vídeo também precisa estar público no Vimeo. Um vídeo marcado como "não listado" não toca na loja, porque o endereço dele carrega um código extra que a plataforma não guarda.

A proporção do vídeo

O formato ideal é o vertical 9:16 (por exemplo, 1080 x 1920 pixels), o mesmo dos stories das redes sociais. É a proporção em que a miniatura flutuante e o player foram desenhados, e é a que aproveita a tela inteira do celular.

Vídeo em outra proporção continua tocando, e o que muda é o enquadramento: ele aparece inteiro, centralizado, com preto em volta, tanto no card da faixa do bloco Stories quanto no player em tela cheia. Nada é cortado, mas o vídeo ocupa menos espaço, e o que sobra fica escuro.

Vale gravar em 9:16 desde o começo, porque a proporção é a única característica do vídeo que o painel não corrige depois. Resolução e peso se resolvem reenviando o arquivo para o Vimeo; o enquadramento vem de como a cena foi gravada.

Como o stories chega ao produto

O vínculo é feito no cadastro do produto, não na tela do stories. Ao adicionar ou editar um produto, use o campo Stories e escolha o stories que já criou. Como o mesmo stories serve para vários produtos, uma coleção de vídeos pode aparecer em toda uma linha de peças sem recadastrar nada.

Para vincular muitos produtos de uma vez, use a edição em lote de produtos: o campo Stories aparece lá e permite vincular ou desvincular em massa (a opção "Não informado" desfaz o vínculo).

Diferente do Guia de Medidas, o stories do produto não é herdado da categoria: ele aparece só nos produtos que você vincular diretamente. (A categoria e a vitrine têm um vínculo próprio, separado, explicado logo abaixo.)

Stories na categoria e na vitrine

Além dos produtos, você pode exibir um stories em uma página de categoria ou na vitrine (a home da loja). Ao editar uma categoria ou uma vitrine, use o campo Stories para escolher o conjunto de vídeos, e o widget passa a aparecer naquela página.

Esse vínculo vale só para a página escolhida: um stories na categoria aparece na listagem dela, mas não é herdado pelos produtos (cada produto continua com o vínculo próprio). Como não há um produto único nessa página, o card do player traz apenas o botão Saiba mais, quando há número de WhatsApp configurado, com uma mensagem geral sobre aquela seleção.

O atalho de WhatsApp (Saiba mais)

No card do produto, dentro do player, o cliente encontra um botão Saiba mais que abre o WhatsApp da loja já com uma mensagem pronta perguntando sobre aquele produto. É um caminho direto para tirar dúvidas e vender pela conversa, sem sair do vídeo para procurar o contato.

Para o Saiba mais funcionar, informe o número do WhatsApp na tela de configuração dos stories. Na listagem em Cadastros > Stories, use o botão Ajustes e preencha o Número do WhatsApp com o código do país, o DDD e o número.

Atenção: esse número é próprio do Stories, independente do botão flutuante de WhatsApp da loja. Enquanto ele estiver em branco, o Saiba mais (e o atalho de WhatsApp ao lado do vídeo) simplesmente não aparece, e o card mostra só a foto e o nome do produto.

A aparência do vídeo flutuante

Na mesma tela de Ajustes, três campos definem como a miniatura se comporta na loja. Eles valem para todos os contextos (página de produto, categoria e vitrine).

• Posição na tela — de que lado a miniatura nasce, Direita (padrão) ou Esquerda. Define só o ponto de partida: o cliente pode movê-la para onde quiser.
• Formato do vídeo — Vertical (padrão), o retângulo no formato de stories, ou Redondo, que deixa a miniatura em forma de círculo, no estilo das bolinhas de destaque das redes sociais.
• Exibir botão fechar — vem marcado. O vídeo flutuante traz um botão de fechar no canto, para o cliente tirá-lo da tela. Desmarque se preferir que ele não possa ser fechado.

Atenção: no formato redondo o vídeo é ampliado para preencher o círculo, e as sobras de cima e de baixo ficam de fora. Se os seus vídeos têm texto ou logo perto das bordas, prefira o formato vertical, que mostra o quadro inteiro.

O botão de fechar some apenas na página em que o cliente o usou. Ao trocar de página ou recarregar a loja, o vídeo volta a aparecer, então uma dispensa não tira o recurso da navegação inteira.

O que o cliente vê

Na página do produto vinculado, a miniatura do primeiro vídeo aparece flutuando, tocando mudo e em repetição. Ela nasce do lado escolhido nos Ajustes, e o cliente pode arrastá-la para qualquer canto da tela: o vídeo acompanha o dedo nos dois sentidos e fica onde ele soltar, respeitando uma pequena margem das bordas. Ao tocá-la, o player abre grande (em tela cheia no celular, em um quadro vertical centralizado no computador).

Dentro do player, ele navega entre os vídeos pelas laterais, o vídeo avança sozinho ao terminar, e há o botão de som, o de enviar o link do produto (com o compartilhamento do próprio aparelho) e o card com o Saiba mais. Quando o número de WhatsApp está configurado, um atalho de WhatsApp também aparece na coluna de ações, ao lado do vídeo, levando ao mesmo contato do Saiba mais.